javascript - rich - wysiwyg editor free

Obtener el valor de un área de texto TinyMCE

Question

Tengo un editor de noticias para mi sitio con el que estoy usando TinyMCE. Lo que me gustaría poder hacer es tener un botón (fuera del propio editor de TinyMCE) en el que pueda hacer clic para escanear el área de texto en busca de imágenes, luego enumerar esas imágenes como opciones para usar en una imagen en miniatura para dicho artículo de noticias.

Para obtener una idea de lo que quiero decir, consulte este enlace aquí: https://docs.google.com/leaf?id=0B05m73kzudwPNzUwZjkyNmItYjZkMy00NTdlLTlkNDctOGRhYThjMzNjNTM5&hl=en_US

Mi problema es que el valor document.getElementById (''NewsArticle''). No devuelve nada cuando hay texto en el área de texto.

El otro problema potencial es que lo que se muestra en el área de texto no es un código real, sino también imágenes, etc., así que no estaba seguro de que funcionara en primer lugar, pero desde que se envió el formulario los datos [Noticias] [artículo] el valor está de vuelta en el texto, pensé que podría haber una oportunidad.

Si alguien sabe cómo obtener el contenido o el código para el área de texto tinyMCE, o tiene una solución mejor, me interesaría saberlo.

Answer 1

TinyMce tiene una api para acceder al contenido desde el editor.

Este código tomará el html del editor activo:

// Get the HTML contents of the currently active editor
tinyMCE.activeEditor.getContent();

// Get the raw contents of the currently active editor
tinyMCE.activeEditor.getContent({format : ''raw''});

// Get content of a specific editor:
tinyMCE.get(''content id'').getContent()

Answer 2

Tratar

window.parent.tinymce.get(''contentID'').getContent();

Por alguna razón, la tinymce.get() estándar tinymce.get() no funcionó para mí, así que intenté esto y funciona. :)

Answer 3

Use la siguiente sintaxis, que eliminará los caracteres no deseados de su área de entrada de texto ...

(((tinyMCE.get(''YourTextAreaId'').getContent()).replace(/(&nbsp;)*/g, "")).replace(/(<p>)*/g, "")).replace(/<(//)?p[^>]*>/g, "");

Answer 4

var temp = tinymce.get(''textAreaName'').save();
console.log(temp);

O

var temp =tinymce.get(''textAreaName'').getContent();
console.log(temp);