Tinymceビューモードスイッチ後のinit
-
21-12-2019 - |
質問
私のファイルをテキストエディタtinymce4+.この作品を大幅に多くの部品です。
が何をしたらいいんかんいます。-スイッチングエディタモードにする。-
しているページのユーザーを選択することができデータを編集し、内容です。ユーザーのボタンをクリックし、"viewmode"の裏側には"editmode"
私達はこのようにつ DIV
sを同一容器、その見えないように見-設定でユーザー choosen.一つ DIV
はtinymceのspanタグには、もう一つだっhtmlの値をエディタが表示されます。その本のコンテンツスタイルが違って見せることもできるによっては、そのスタイル属性です。
このウェブ用いられているのは、既存のシステムは、独自の CSS
s.で複雑になるまで見するためには、いじめから逃げる。
ていきたいと思いますので避けるこ CSS
相違によるエディタを動的に切り替えもない。
負荷を複数のtinymceオブジェクトということが必要です。
まだエディタを無効に設定して属性- contenteditable = false
-
そのツールバーの要素となりbad boysます。はまだまだ終わります。私を非表示にするツールバー自体を完全にこの使命です。
だいたお客様の嫌いないと主張してもらっている事は、エディタを提供する必要があり、印刷ボタンはそのviewmode.これは悔いが残っています。
そのため、できない方法のアイデアを操る要素のツールバー、と思います。
場合でも難を取り付ける印字イベントリスナーを、外部の要素できるものと目されるオプションでした。いことであり、その瞬間から、捨てのツールバーから離れ、印刷のアイコンの上にエディタを添付してイベントです。
ご入力のためのすべてのテキスト.が問題このようなコードだとは思います。希望あtinymceグによる停止し、助けてくれます。
解決
最後に、私エディタの切り替え.
最初のステップが隠のすべての要素をツールバーの tinyMCE
.
tinyMCE
追加特定のクラス名で選択可能 jQuery
クラスセレクタをクローズします。が選択クラス名だけで起こって不要なツなどで多くなります。
ストラヴァ工科大学 .eq()
APIがお手伝いいたします。
後に隠れたすべての要素をツールバー"というツールバーを隠すにあります。 しています。
tinymce.ui.Factory.create({
type: 'button',
cmd: 'mcePrint',
icon: 'print',
shortcut: 'Ctrl+P',
class : 'temp'
}).renderTo(appendTarget);
本ボタンを追加要素をツールバー.
何とかしないコマンドを起動しい定義されcmdます。
で取り付けこのイベントのボタンを手動で必要となります。
tinymce.activeEditor.execCommand('mcePrint');
これまでに作成したカスタムツールバーのためのビューモード編集者。それでは、凍結のediorの実際のコンテンツ分野です。
簡単でしたiframeコンテンツ jQuery
オブジェクトです。
.contents()
APIをお手伝いいたします。
その後、選択できます <BODY>
素子サービス"をお選びくださいということ左るいは'contenteditable=false'属性や価値を体タグにします。
その後のエディタがフリーズしてしまいます。
そうでなかった編集モードも簡単です。でいます。
を呼び出すこれらのイベントをクリックすると、次のように自分の"切替"ボタンを押します。それでも切り替えることができエディタからのビューモード編集モードのoppsite方もいらっしゃいます)。