tinymce - tinymce + ローカルストレージ

Question

仕事で問題があります。Web サイトは会社によって管理されており、TinyMCE でプラグインの自動保存を有効にしたくないと考えています。したがって、ユーザーが tinyMCE からテキストを失わないようにするために、localStorage を使用して作業を保存することにしました。ウェブサイトでJavaScriptを書くことができます。とにかく、tinyMCE 内にテキストを保存する localStorage はありますか?

Answer 1

はい、可能です。

エディターの内容を含む変数を設定するには、次を使用します。

localStorage.setItem('your_editor_content', tinymce.get('your_editor_id').getContent() );

この方法でコンテンツを localStorage に保存するには、タイムアウトまたはその他の tinymce イベントを使用できます。

エディターの初期化時に使用する localStorage 内のコンテンツのエディター コンテンツを設定するには

function myCustomOnInit() {
        var content =  localStorage.getItem('your_editor_content');
        tinymce.get('your_editor_id').setContent(content)
}

tinyMCE.init({
        ...
        oninit : myCustomOnInit
});

Answer 2

以下のコードを tinymce.init に追加するだけです

セットアップ：機能（編）{

      ed.onChange.add(function() {
            localStorage.setItem(key, tinymce.get('id').getContent());
      });

}

RTE で値が変更された場合、それはローカル ストレージに格納され、キーを使用して同じ値を取得できます。