Imposta il valore textarea con javascript dopo l'inizializzazione di TinyMCE

Question

Ho una area di testo e sto usando tinyMCE su quella textarea.

Quello che sto facendo in realtà è che quando si apre la pagina, sto compilando la textarea con del testo, dopodiché sto inizializzando il tinyMCE.

Il problema è quando sto cercando di modificare il valore dell'area di testo dopo l'inizializzazione di tinyMCE, quindi non succede nulla.

Ecco un esempio.

1. Creazione del textarea:

   <textarea style="width: 95%;" name="title" id="title"></textarea> 
   

2. popolamento textarea:

   $('#title').html("someText"); 
   

3. inizializzazione TinyMCE

   tinyMCE.init({ 
        // General options 
        mode : "specific_textareas", 
        theme : "advanced", 
        width: "100%", 
        plugins : "pagebreak,paste,fullscreen,visualchars", 
   
        // Theme options 
        theme_advanced_buttons1 : "code,|,bold,italic,underline,|,sub,sup,|,charmap,|,fullscreen,|,bullist,numlist,|,pasteword", 
        theme_advanced_buttons2 :"", 
        theme_advanced_buttons3 :"", 
        theme_advanced_buttons4 :"", 
        theme_advanced_toolbar_location : "top", 
        theme_advanced_toolbar_align : "left", 
        theme_advanced_statusbar_location : "bottom", 
        valid_elements : "i,sub,sup", 
        invalid_elements : "p, script", 
        editor_deselector : "mceOthers" 
       }); 
   

4. vorrei chan ge il contenuto del TextView (ma non funziona)

Ho provato ad utilizzare la stessa di prima init TinyMCE

$('#title').html("someModifiedText"); // does not work 

Ho anche provato a rimuovere TinyMCE:

if(tinyMCE.getInstanceById('title')) 
    removeTinyMCE("title"); 

Con

function removeTinyMCE (dialogName) { 
    tinyMCE.execCommand('mceFocus', false, dialogName); 
    tinyMCE.execCommand('mceRemoveControl', false, dialogName); 

}

E hanno regalato per il riutilizzo:

$('#title').html("someModifiedText"); // does not work 

Io sono a corto di idee ... La ringrazio molto per il vostro aiuto ....

Answer 1

problema qui è che non si vede nulla, se si inserisci testo o html nella tua textarea. La tua area di testo viene nascosta quando viene inizializzato tinymce. Quello che vedi allora è un iframe contenteditable, che è usato per modificare e disegnare il contenuto. Ci sono diversi eventi che causeranno a tinymce di scrivere il suo contenuto sull'elemento sorgente HTML dell'editor (nel tuo caso la tua textarea).

Se si desidera impostare il contenuto del redattore (che è visibile) sarà necessario chiamare qualcosa come

tinymce.get('title').setContent('<p>This is my new content!</p>'); 

Si può anche acces gli elementi DOM direttamente utilizzando il seguente

tinymce.get('title').getBody().innerHTML = '<p>This is my new content!</p>'; 

o jQuery

$(tinymce.get('title').getBody()).html('<p>This is my new content!</p>'); 

Answer 2

Funziona per me.Basta posizionarlo all'interno del vostro codice html invece di andare TinyMCE

<textarea> html CONTENT</textarea> 

Answer 3

Semplicemente questo funziona per me

$("#description").val(content); 

Answer 4

È possibile utilizzare i tinyMCE.activeEditor.setContent('<span>some</span> html');

Check this Answer