javascript - tinymceエディターを動的に作成する

原文 javascript tinymce tinymce-4

多くのタブで構成されるWebアプリケーションがあり、それぞれに1つのtextarea(tinymceエディターを配置するために使用される)が含まれています。ページの下部には、ユーザーが別のドキュメント「モデル」を選択できるテーブルグリッドもあります。各モデルには異なる数のタブが含まれています(各タブはドキュメントの「タイトル」またはトピックです)。
最初にページをロードすると、すべてのタブがロードされ、tinymceエディターもレンダリングされます。しかし、グリッド内のアイテムをクリックして新しいタブが読み込まれると、tinymceエディターがレンダリングされなくなります。私のinit関数は次のように機能します。



tinymce.init({
    mode: "specific_textareas",
    editor_selector: "txt",
    ...
 });





すべてのテキストエリアにこのクラス(txt)があり、それらはすべて関数の実行前に作成されますが、何らかの理由でそれに応じてエディターが作成されていません。誰かが同様の問題を経験しましたか?
答え
この問題の回避策を見つけました。これは、各タブに新しいtinymceエディターインスタンスを作成し、「レンダリング」機能を使用して画面に表示することです。次のコードスニペットを「for」ループ内に配置します。これは、ページのすべてのタブを通過します。

   var ed = new tinymce.Editor(id, {
        mode: "specific_textareas",
        editor_selector: "txt",
        other_setting: "0"
    }, tinymce.EditorManager);

    ed.render();
関連記事

javascript - ajax遅延応答からjsonObjectを取得する

javascript - ブートストラップカルーセルでページ全体を最大化または埋める方法。 (ナビゲーションバー付き)

javascript - 選択ボタンのオプションのアンカーリンクまたはボタン

javascript - チェックボックスがチェックされているかどうかに基づいてjQueryを使用してURLを追加する

javascript - 入力フィールドから値を取得し、フォームを送信せずにajaxを使用して新しいページに渡します

javascript - 角度フィルター、ネストされたng-repeat

javascript - 文字列をウムラウトと非ウムラウトのバリエーションで比較する正規表現

javascript - JavaScriptでのハッシュテーブルの使用

javascript - HTMLドキュメントなしでGoogle Maps JavaScript APIを実装する

javascript - JsonParseException:予期しない文字