La edición visual, también llamada WYSIWYG por What You See Is What You Get (en inglés, Lo Que Ves Es Lo Que Obtendrás), consiste en dar formato al texto a medida que lo escribes. El editor visual va creando el código HTML tras las bambalinas mientras tú te centras en escribir. Tipos de letra, enlaces e imágenes se ven tal y como aparecerán en Internet.
WordPress incluye un editor HTML que suele funcionar bien en los principales navegadores utilizados en la actualidad. Sin embargo, la edición de HTML no es tan fiable como escribir texto. Cada página Web tiene dos componentes principales: la estructura, que es el actual código HTML y es producido por el editor a partir de los que estás escribiendo, y el diseño, que se aplica a ella por el tema seleccionado WordPress y se define en el style.css. Además WordPress válida XHTML 1.0, lo que significa que no se puede mostrar el control de los elementos estructurales. Por lo tanto, la inserción de varios saltos de línea (BR etiquetas) después de un párrafo no da lugar a espacios en blanco en la página web final. La etiquetas BR serán eliminadas como incorrectas por las funciones de corrección.
Si sueles usar el editor, la mayoría de las combinaciones de teclas básicas funcionan como en cualquier otro editor de texto. Por ejemplo: Shift + Enter inserta un salto de línea, Ctrl + C = copiar, Ctrl + X = cortar, Ctrl + Z = deshacer, Ctrl + Y = rehacer, Ctrl + A = seleccionar todo, etc (en Mac usar la tecla Comando en lugar de Ctrl). Puedes ver la lista de teclas rápidas para todos los atajos de teclado.
Si no te gusta la forma en que trabaja el editor visual, podrás desactivarlo desde el submenu de tu perfil, en el menú usuario en la administración.
En la barra de herramientas del editor hay un botón para insertar imágenes hospedadas en cualquier sitio de Internet. Si tienes el URL de una imagen, haz clic en ese botón y escríbelo en la ventana que aparecerá.
Si necesitas subir una imagen u otro archivo multimedia desde tu ordenador puedes usar el botón de la Librería multimedia que hay sobre el editor. La librería multimedia intentará crear una copia en miniatura para cada imagen cargada. Para insertar tu imagen en la entrada, primero haz clic en la miniatura para mostrar un menú de opciones. Cuando hayas elegido las opciones que te gusten haz clic en "Insertar en la entrada" y tu imagen o archivo aparecerá en la entrada que se está editando.
Cualquier código HTML introducido directamente en el editor Visual aparecerá como texto en la entrada. Lo que ves es lo que hay. Cuando quieras incluir elementos HTML que no pueden ser generados con los botones de la barra de herramientas, debes introducirlos a mano en el modo HTML del editor. Por ejemplo, tablas o <código>. Para hacer esto haz click en la pestaña HTML y edita el código, después vuelve al modo Visual. Si el código es válido y entendido por el editor, deberías verlo transformado inmediatamente.
Cuando pegas contenido directamente de otra web, los resultados pueden ser inconsistentes y variables dependiendo de tu navegador y de la página desde la que pegues. El editor intentará corregir los códigos HTML no válidos que pongas, pero para obtener un mejor resultado, usa la pestaña de edición de texto o los botones de pegar que hay en la segunda fila. También puedes intentar pegarlo párrafo por párrafo. En la mayoría de los navegadores, si hace clic tres veces seleccionas un párrafo entero.
Si quieres pegar contenido de otra aplicación, como Word o Excel, se hace mucho mejor con el botón "Pegar desde Word" que hay en la segunda fila, o en modo texto
En lugar de mover el ratón para hacer clic en la barra de herramientas, usa estas teclas de acceso rápido. En Windows y Linux usa Ctrl+letra. En Macintosh usa Comando+letra.
| Letra | Acción | Letra | Acción |
|---|---|---|---|
| c | Copiar | v | Pegar |
| a | Seleccionar todos | x | Cortar |
| z | Deshacer | y | Rehacer |
| b | Negrita | i | Cursiva |
| u | Subrayado | 1 | Título 1 |
| 2 | Título 2 | 3 | Título 3 |
| 4 | Título 4 | 5 | Título 5 |
| 6 | Título 6 | 9 | Dirección |
Los siguientes atajos utilizan claves de acceso diferentes: Alt + Shift + letra.
| Letra | Acción | Letra | Acción |
|---|---|---|---|
| n | Comprobar ortografía | l | Alinear a la izquierda |
| j | Justificar texto | c | Alinear al centro |
| d | Tachado | r | Alinear a la derecha |
| u | • Lista | a | Insertar enlace |
| o | 1. Lista | s | Borrar enlace |
| q | Cita | m | Insertar imagen |
| w | Mode de escritura sin distracciones | t | Insertar etiqueta Más |
| p | Insertar etiqueta de salto de página | h | Ayuda |
Anchura del editor en el modo de escritura sin distracciones:
| Alt +Ctrl + | Más ancho | Alt -Ctrl - | Más estrecho |
|---|---|---|---|
| Alt 0Ctrl 0 | Ancho por defecto |
Versión: ()
TinyMCE es un editor Javascript HTML WYSIWYG basado en web e independiente de la plataforma, liberado como Código abierto bajo la licencia LGPL→ por Moxiecode Systems AB. Puede convertir campos u o tros elementos HTML en instancias del editor.
Derechos de copia © 2003-2011, Moxiecode Systems AB, Todos los derechos reservados.
Para más información sobre este software visita la web de TinyMCE.