tinymce - TinyMCEエディターでヘッダーとフッターを追加するにはどうすればよいですか？

Question

TinyMCEエディターでヘッダーとフッターを追加しようとしています。これにより、ユーザーは事前定義された「空白」ページを取得して編集し、デフォルトのヘッダーとフッターを使用できます。ユーザーはカスタマイズされたコンテンツを入力するだけです。

これを達成する方法はありますか？

ありがとう。

Answer 1

はい、これは可能です。エディターの初期化時に、コンテンツにヘッダーとフッターを追加する必要があります。ただし、データベースに保存したくない場合は、保存する前に削除する必要があることに注意してください。これを機能させるためのinitコードは次のとおりです。セットアップパラメータを利用する必要があります

// Adds an observer to the onInit event using tinyMCE.init
tinyMCE.init({
   ...
   setup : function(ed) {
      ed.onInit.add(function(ed) {
         var header = "<header>ABCD</header>",
             footer = "<div>footer</div>",
             content = ed.getContent();

         content = header + content + footer;
         ed.setContent(content);
      });
   }
});

さらに、追加したタグを、tinymce構成の有効な要素として定義する必要があります。このためのvalid_elements設定を見てください（おそらく、 extended_valid_elements設定を使用できます）。