7

contentEditable を使い始めたばかりで、包括的な情報があまり見つかりません。

CTRLChrome では、 -BとCTRL-を押すと単語を太字/斜体にできることに気付きましたI。

これは他のブラウザで意図された動作になるのでしょうか? たとえば、これは Chrome で機能します。

<div class="container" id="typer" onclick="this.contentEditable='true';">

http://jsfiddle.net/uk6DA/15/

ユーザーの編集を保存するために、このフォーマットを読み取ることができるかどうか疑問に思っていますか? CTRLまた、 -BとCTRL-をトリガーする太字ボタンと斜体ボタンを作成できますIか? CTRLそれとも、ユーザーが-BとCTRL-を押すことに依存する必要がありますかI(つまり、ユーザーに通知するメモを提供することを意味します)?

4

3 に答える 3

16

これは、すべての主要なブラウザーで標準です。document.execCommand()すべての主要なブラウザーで使用できるキーボード ショートカットに相当するプログラムもあります。たとえば、太字および斜体のコマンドは、次のように実行できます。

document.execCommand("Bold", false, null);
document.execCommand("Italic", false, null);

ただし、生成されるマークアップはブラウザーによって異なります。たとえば、太字のバリエーションには<b>foo</b>、<strong>foo</strong>、<span style="font-weight: bold">foo</span>.

参考文献:

于 2012-08-13T14:08:31.643 に答える
2

短い答え「はい」。この記事はおもしろいと思うかもしれません。多くの開発者がこの道を進んでいます。優れたwysiwygエディターが必要な場合は、選択できるものがたくさんあります。

あなたの質問に移りましょう：はい、あなたはフォーマットを読むことができます。要素でinnerHTMLを試してみると、太字と斜体の周りに<b>タグがあります。<i>また、私が共有した記事では、太字のボタンを作成する方法を説明しています。お役に立てれば！

于 2012-08-13T13:44:51.270 に答える