Hinzufügen tinymce-Editor, um neue textarea dynamisch

Wie kann ich dies tun

function addTinyText(id, text){
//add textarea to DOM
$('<textarea id="txt'+id+'"></textarea>').append(text).appendTo('body');
//init tineMCE
 tinyMCE.init({
        theme : "advanced",
        plugins : "emotions,spellchecker"
});
//add tinymce to this
tinyMCE.execCommand("mceAddControl", false, 'txt'+id);
}

aber als Ergebnis haben wir jedes mal eine neue textarea+tinyMCE-Editor, aber keinen text in

Was mache ich falsch?

  • dies funktioniert gut auf meinem system (FF9), welchen browser verwenden Sie?
  • mein browser ist Chrome 16-und mein code funktioniert wirklich gut auf Sie. mb Konflikte wuz es
  • problem, wenn der text, der mit tags wie <p></p><img /> und andere
  • können Sie mir zeigen, was die variable text enthält? (ich glaube, ich könnte jetzt was ist hier falsch)
  • mb-Lösung ist der tinyMCE.get('textareaId').setContent('<p>html</p>') nach tinymce laden. Ist es onload auslösen?
  • Sie können auch Ihren code innerhalb eines Dokuments.bereit blockieren
  • Ich versuche, stellen Sie diese Funktion als callback-Knopf und ich Wünsche mir, dass der Bereich erstellt wurde, wenn ich auf den button geklickt haben, wenn ich die Taste 1 (erstellen einer textarea mit mce) und Taste 2 (set Inhalt textarea). danach werde ich 1. klicken Sie auf die Schaltfläche, warten Sie, bis der tinymce geladen wird, klicken Sie auf die 2nd-Taste -- alles ok sein wird
  • ok, also wo sehen Sie noch Probleme?

InformationsquelleAutor Luciuz | 2012-02-01
  1. 2

    Ich suchte eine sehr lange Zeit, um eine Antwort zu einem ähnlichen problem.

    Mein Inhalt wurde nicht veröffentlicht, auch du, ich könnte das editor angezeigt.

    Ich habe es funktioniert so:

        jQuery('.wysiwyg').tinymce({
      //Location of TinyMCE script
      script_url : 'path/tinymce/tiny_mce.js',

      //General options
      theme : "advanced",
     .........
     .........
     ......... etc

    Ich verwendet die standard-jquery-code zum initiieren alle text-Bereiche mit class-name als wysiwyg-Editor tinymce Objekte.

    Nach dem ajax-Aufruf abgeschlossen ist und neue textarea geladen wird habe ich diese Funktion ausführen: 

    jQuery(".wysiwyg").each(function(){ 
    tinyMCE.execCommand("mceAddControl",false, this.id);
});

    Nun mein code ist nun endlich richtig geschrieben.

    • In TinyMCE 4, mceAddControl wurde mceAddEditor...
    • Ich danke Ihnen sehr. Dies ist ein big fail auf allen tutorials und blog-posts zu diesem Thema. Wichtiges detail, wenn Sie versuchen, dynamisch initialisieren von TinyMCE textarea..
    InformationsquelleAutor Dieter Gribnitz
  2. 1

    Linie

    $('<textarea id="txt'+id+'"></textarea>').append(text).appendTo('body');

    sollte Einklang

    $('<textarea id="txt'+id+'"></textarea>').text(text).appendTo('body');
    InformationsquelleAutor Luciuz
Schreibe einen Kommentar