Wie fügt man einen Header & Footer im TinyMCE Editor hinzu?

Question

Ich versuche, eine Kopfzeile & Fußzeile in TinyMCE-Editor, so dass der Benutzer eine vordefinierte "Blank" Seite zum Bearbeiten und Standardkopfzeile & Footer erhalten können. Der Benutzer muss nur den angepassten Inhalt eingeben.

Gibt es eine Möglichkeit, dies zu erreichen?

Danke.

Answer 1

Ja, das ist möglich. Sie müssen die Kopf- und Fußzeile zum Inhalt hinzufügen, wenn der Editor initialisiert wird. Beachten Sie jedoch, dass Sie diese vor dem Speichern entfernen müssen, wenn Sie sie nicht in der Datenbank speichern möchten. Hier ist der Init-Code, damit es funktioniert. Sie müssen die Verwendung des 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); 
     }); 
    } 
}); 

Zusätzlich müssen Sie definieren Ihre zusätzliche Tags als gültige Elemente in der tinymce Konfiguration machen. Werfen Sie einen Blick auf die Einstellung valid_elements (vielleicht können Sie die extended_valid_elements Einstellung verwenden).