0

jWysiwyg ライブラリを介して html 5 リッチ テキスト編集を使用しています。ドキュメント上のテキストを強調表示して太字にするのと同じように、ドキュメントの選択した部分をカスタム HTML で囲むことができるようにしたいと考えています。この件に関する情報は非常に限られており、それが可能かどうかさえわかりません。また、ページの生の html 選択を取得しようとしましたが、これまでのところ、画面で強調表示されているもののプレーンテキスト バージョンしか取得できませんでした。任意の推奨事項をいただければ幸いです。

4

1 に答える 1

0

さらに調査した結果、jWysiwyg の getInternalRange() 関数が、document.createRange() によって生成されたオブジェクトを効果的に返すことがわかりました。ドキュメントを確認した後、私のニーズを満たす SurroundContents() メソッドを見つけることができました。以下に例を示します。私は jQuery を使用しているので、jQuery を使用して html 要素を生成する方法も示します。

var range = document.createRange();

range.surroundContents($('<span style="background-color: red;" />').get(0));

この特定の例では、選択されたテキストが赤で強調表示されますが、この例は簡単に一般化して、開発者が任意の数の html 要素で選択範囲を囲むことができるようにすることができます。

于 2012-10-16T20:35:32.323 に答える