TinyMCEエディタでヘッダ＆フッタを追加するには？

Question

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

これを行う方法はありますか？

ありがとうございました。

Answer 1

はい、可能です。エディタが初期化されるときに、ヘッダーとフッターをコンテンツに追加する必要があります。ただし、dbに保存する必要がない場合は、保存する前に削除する必要があることに注意してください。これを動作させるためのinitコードを以下に示します。あなたはまた、あなたが有効な要素TinyMCEの構成でとして追加したタグを定義する必要がありますsetup parameter

// 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); 
     }); 
    } 
}); 

の利用を行う必要があります。 valid_elementsの設定をご覧ください（extended_valid_elementsの設定を使用できます）。