jQueryをフレームワークとして使用して、さまざまな方法を使用して生産を容易にするWYSIWYGエディターを作成しようとしています。
私は実際に現在機能しているエディターを持っていますが、うまく機能しています。iFrame を使用し、その designMode を on に設定して、そこから移動します。しかし、私を悩ませていることがいくつかあります。
選択したテキストのフォントファミリーを変更する例を考えてみましょう。現時点ではこれを使用しています：
editorDoc.execCommand('fontname', false, 'verdana');
…これで問題なく動作します。iFrame で変更が正しく表示されます。ただし、実際にコードを見ると（iFrame内のコードを非表示の入力にコピーしてからPOSTします）、生成されます
<font class="Apple-style-span" face="verdana">aasdf</font>
Apple-style-span の最初のクラスは webkit のものであり、問題ではないことに気付きました。私を悩ませているのは、全体の使用です<font>。
execCommand を調査すると、ほとんどのブラウザーでサポートされていますが、標準ではないようです。しかし、それは古いので、誰かが同じ効果を生み出すためのより良い方法を聞いたり知ったりしたことがないかと思っていました。また、iFrame に限定されるのではなく、代わりに を使用できることも素晴らしいでしょう<textarea>..
よろしくお願いします、ガレス
編集: contentEditable は、iFrame を使用しないという私の目的に役立ちますか?