問題タブ [midas-editor]

designMode を有効にしたIframeがあります。簡単に言えば、Iframe 内のカーソルが移動したり、コンテンツが変更されたりした場合に、コールバック関数を呼び出したいと考えています。最初は非常に簡単に思えましたが、iframe で onchange/onkeyup を使用することはできません。

Iframe のメンバーにイベントを追加する必要があると思います。私はもう試した

成功しませんでした。

アップデート

designMode = 'on'設定が問題の原因であることがわかりました。designMode を設定する行をコメントアウトすると'on'、イベントの処理が正常に機能します。

document.designMode="on" 機能を持つ iframe に html ファイルを開き、この html ファイルに編集を保存するための最良の方法を知りたいです (基本的に、Mozilla Midas 仕様の開いて保存する方法)。

JavaScript または PHP のみを使用したい

moz ミダス仕様

私はJavaScriptに非常に慣れていないので、これが比較的簡単な場合はご容赦ください。ありがとう

ExtJs HtmlEditorをプロジェクトに統合しようとしたときに、ブラウザー間の奇妙なことに遭遇しました。

Firefox3.6でフォントサイズを増減すると、選択したテキストがsize属性（「visitor」など）を持つ''タグで折り返されます。Chrome6またはSafari4で同じことを行うと、「style = font-size ...」属性を持つ「」タグにラップされます（例：「visitor」）。したがって、Firefoxでフォントサイズを変更すると、SafariまたはChromeでフォントサイズを変更することはできなくなります。その逆も同様です。

これは、ブラウザのMidasエンジンによって実行されます（ここに記載されているように：http ：//www.mozilla.org/editor/midas-spec.html ）。実装は以下を呼び出します：

document.execCommand('FontSize', false, value); // value is the font size as a numeric value

ですから、私がそれについて変えることができることはあまりありません。フォントサイズチェンジャーの独自の実装を作成しようとしていましたが、ルートをたどった後、それはかなり複雑な実装になることに気づきました。

他の誰かがその問題に遭遇しましたか？これに対する良い解決策はありますか？

この記事の指示に従って、XULの要素を介してMidasを使用しようとしています。これまでのところ、以下のコードがあります。

ただし、 でテキストを選択して [太字] ボタンをクリックすると<editor>、テキストは変更されず、JS コンソールに次のエラーが表示されます。

次のように編集モードを有効にしているので、それは私には意味がありません。

また、行のみを変更すると

に

iframe 内のテキストを編集および書式設定できます (ただし、エディターを使用することを本当に好みます)。

私は何かを忘れましたか？