← Toda la documentación

editor.getDocument()

Devuelve el objeto Document del área de edición del editor. El contenido que editas está dentro de un iframe, así que este es el documento de ese iframe, no el documento de la página exterior. Úsalo siempre que necesites ejecutar operaciones del DOM (consultas, rangos, nodos creados) sobre el propio contenido editado.

Sintaxis

editor.getDocument()

Parámetros

Ninguno.

Valor devuelto

El Document del iframe de edición.

Notas de comportamiento

  • Es el documento del iframe, no el de la página. El editor muestra su contenido en un iframe aislado. Un document.querySelector en la página exterior no encontrará nodos dentro del editor; consulta editor.getDocument() en su lugar.
  • Crea los nodos a partir de este documento. Los elementos y rangos que pienses insertar en el editor deben crearse con editor.getDocument().createElement(...) / createRange(), para que pertenezcan al documento correcto.
  • Combínalo con getEditable() cuando quieras el elemento body editable en lugar del documento entero.

Ejemplo de uso

Cuenta las imágenes del contenido editado (dentro del editor, no de la página):

var editor1 = new RichTextEditor("#div_editor1");
var doc = editor1.getDocument();
var imageCount = doc.querySelectorAll("img").length;

Crea un nodo a partir del documento del editor antes de insertarlo:

var doc = editor1.getDocument();
var hr = doc.createElement("hr");
editor1.insertElement(hr);

Relacionado