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.