1

execCommand() を使用して、WYSIWYG エディターをゼロから作成しています。ユーザーがテキストを選択していないときに、書式設定ボタン (配置、太字、斜体、下線、色、サイズ、ファミリなど) を無効にしたいと考えています。

IFRAME 内にドキュメント コードがあり、IFRAME の外側にボタン/スクリプトがあります。iframe のドキュメント contentEditable を作成し、designMode をオンにしました。

テキストが選択されているかどうかを確認するにはどうすればよいですか?

可能であれば、ユーザーがテキストの配置のために DIV 要素内のどこかにカーソルを持っているかどうかを確認するにはどうすればよいですか? これを使用して、カーソルが既に太字のテキストなどの内部にあるかどうかを検出できると確信しています。

<iframe src="/builder/ajax/load?id=1"></iframe>
<script type="text/javascript">
  function init() {
     // editor is defined in another script as the iframe.contentWindow.document
     editor.body.contentEditable = "true";
     editor.body.designMode = "on";
  }
</script>
4

1 に答える 1

1

これは、今発見したように、 queryCommandSupportedとqueryCommandEnabledを使用して実行できます。

于 2012-07-18T03:59:23.313 に答える