Saltar al contenido

setContent de un área de texto con tinyMCE

Solución:

Creo que esto resolverá tu problema.

funciona bien para TinyMCE v: 4..

// Sets the HTML contents of the activeEditor editor
tinyMCE.activeEditor.setContent('<span>some</span> html');

// Sets the raw contents of the activeEditor editor
tinyMCE.activeEditor.setContent('<span>some</span> html', {format : 'raw'});

// Sets the content of a specific editor (my_editor in this example)
tinyMCE.get('my_editor').setContent(data); // here my_editor is the id of a specific editor

// Sets the bbcode contents of the activeEditor editor if the bbcode plugin was added
tinyMCE.activeEditor.setContent('[b]some[/b] html', {format : 'bbcode'});

el enlace para el código es TinyMCE setContent

Tengo la solución (gracias a Thariama que me da algunos elementos)

Para establecer el contenido de un área de texto usando tinyMCE, tenemos que completar el área de texto antes de iniciar el tinyMCE. Además, la respuesta es la siguiente:

  1. Crea el área de texto:

    <textarea style="width: 95%;" name="Title"  id="title"></textarea>
    
  2. Establezca el contenido del área de texto:

    $('#title').html(selected_article_title);
    
  3. Inicie el 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"
    });
    

¡Y ya está! Disfrutar.

Para tinymce versión 4,

tinymce.get('title').setContent(selected_article_title);

funciona bien, también después de inicializar el editor.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *