CKEditor es un editor WYSIWYG, lo que significa que el contenido creado en él se parece lo más posible a los resultados que verá el usuario final después de publicar el documento. Sin embargo, si en algún momento durante el proceso de creación del documento desea comprobar la apariencia del documento, puedes hacerlo fácilmente con elAvancefunción.

Para verificar el documento de salida, presione el botónbotón de la barra de herramientas. La vista previa del documento se abrirá en la nueva ventana del navegador y podrá ver el resultado final sin el editor Chrome ni las barras de herramientas.

Tenga en cuenta que algunos elementos cuya representación en el editor difiere de cómo se ven realmente en el documento producido (como, por ejemplo, formularios), también se pueden verificar y probar en su forma de salida.

La primera figura muestra un documento de muestra como se ve en CKEditor en el modo de edición.

Un documento de muestra en el modo de edición de CKEditor

La segunda figura muestra el mismo documento mostrado en el modo de vista previa en una nueva ventana del navegador. Como puede ver, el usuario ahora puede escribir su nombre en el cuadro de texto y elegir una de las opciones de la lista de selección. El icono de ancla ahora es desapareció (al igual que el marco del formulario y los controladores de la tabla), pero el enlace funciona y se puede hacer clic en él.

Un documento de muestra en el modo de vista previa de CKEditor