Saltar al contenido

¿Cómo obtener contenido de tinymce en jquery?

Mantén la atención ya que en este enunciado vas a hallar el resultado que buscas.

Solución:

El objeto/biblioteca TinyMCE es el responsable de su Editor, por lo que debe usar ese objeto para obtener el contenido.

Puedes usar el activeEditor para eso, o si (por alguna razón) tiene el elemento original que creó el editor en un objeto jQuery, puede usar ese objeto jQuery para obtener el id del elemento original y úselo para obtener el contenido de TinyMCE (usando el editor TinyMCE).

Solo con jQuery – Nunca debes usar esto

Si por alguna razón realmente tiene que usar solo jQuery para eso (y realmente no entiendo por qué), puede usar la identificación del elemento original, concatenada con _ifr y obtener el contenido. El uso de esta opción probablemente le dará no querer, porque tinymce agrega etiquetas al html que existe en el dom pero se elimina al llamar al getContent función.

Aquí hay un ejemplo para las 3 opciones:

$('#btn1').click(function() 
    console.log(tinyMCE.activeEditor.getContent());
);
$('#btn2').click(function() 
    console.log(tinyMCE.editors[$('#ta').attr('id')].getContent());
);
$('#btn3').click(function() 
    alert('You should really NOT use this option');
    console.log($('#ta_ifr')[0].contentDocument.body.innerHTML);
);

Aquí hay un ejemplo de trabajo: https://jsfiddle.net/8tdf3q22/

Si sostienes alguna indecisión y forma de arreglar nuestro división eres capaz de dejar una reseña y con mucho placer lo estudiaremos.

¡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 *