Manual - Conociendo el Editor de Texto

#1
El editor consiste en una serie de herramientas que nos permite darle formato a nuestro texto y dejarlo bastante bonito. A pesar de que es sencillo, hay algunas herramientas que tienen sus trucos y es importante saber cómo funcionan todos los botones para poderle sacar el máximo provecho.

Esta es la vista general de nuestro editor.
[Imagen: 2PnsHav.png]

Empecemos de derecha a izquierda.

B - Coloca el texto en negritas.
I - Coloca el texto en cursiva.
U - Coloca el texto en subrayado.
S - Coloca el texto en tachado.

X2: Subíndice - Al seleccionar un texto y darle click hará que aparezca más pequeño y alineado algo más por debajo del texto. Esto nos puede servir para hacer notas al pie de página o para referencias.
X2: Superíndice - Al seleccionar un texto y darle click hará que aparezca más pequeño y alineado algo más por arriba del texto. También nos puede servir para hacer notas al pie de página o para referencias.

Alinear a la Izquierda
Alinear al Centro
Alinear a la Derecha
Justificado


Fuente - Permite cambiar el tipo de letra.
Aclaraciones imporantes: La fuente por defecto del foro se llama Roboto (la cual no está incluida por defecto en el editor) así que si uno no le da formato aparecerá con este tipo de letra. Sólo las fuentes incluidas en el editor son soportadas sin que haya problemas al visualizar el tema, por lo que es importante que edites tu texto si copias y pegas desde word u otro sitio.

Tamaño - Cambia el tamaño. No maneja números sino proporciones, desde texto muy pequeño hasta texto muy grande.

A - Color del texto.

Tx: Eliminar formato: A veces cuando copiamos y pegamos de otro lado nos llega a pegar el tamaño, tipo de fuente o color de letra. Si no queremos nada de eso y que nos aparezca el texto por default, seleccionamos el texto y damos click aquí.

Linea - Nos permite ingresar un separador. En el editor se verá como una franja gris pero al publicar el tema pondrá una bonita franja degradada de color azul turquesa. Es muy útil para separar tópicos en un post muy largo o secciones de una historia.


Imagen[ulr] - El botón con forma de recuerdo nos arrojará esta ventana para ingresar el link de una imagen externa e ingresarla al post.
[Imagen: 5HJnQKo.png]
 
Hipervínculo - Abre una ventana para poder crear un hipervínculo. Display text es el texto a mostrar y abajo el link a donde queramos que redirija.
[Imagen: eT0ATM2.png]
Quitar hipervínculo - Deshace el existente para dejarlo en texto plano.
 
Video - Abre una ventana que nos permite ingresar un video para poderlo visualizar en el post. Hay que escoger la fuente del video. Ejemplo: youtube.
[Imagen: mtvn29Q.png]
? - Smilie: Nos abre una ventana para poner un "smilie" o emoticón de los que tenemos en el foro.
[Imagen: SxoTVBf.png] 
i -Imgur[Imagen desde archivo]: Este es el método para subir una imagen desde tu computadora, al seleccionarlo te aparecerá la ventana de para seleccionar archivo, seleccionar tu imagen y tras unos segundos la cargará de forma completa al foro.

Numeración: Agrega una lista por número.
Viñetas: Agrega una lista con viñetas.

" - Quote: Sirve para citar un texto ya sea de un usuario o en general. Si tenemos seleccionado el texto al darle click nos lo podrá en automático en el recuadro citación. 
Cita:
 
 
Código - Ingresa un recuadro similar al de Quote pero para ingresar código de programación principalmente. También se puede usar para ingresar textos sin formato alguno, como hipervínculos a los que no se les pueda hacer click.
[Imagen: UCSn5hO.png]
 
Ω - Omega [Caracteres especiales] : Abre una ventana con varios símbolos especiales que puede ser complicado agregar mediante el Control + Número. Aquí se encuentra el guión largo (—) para los fanfics
[Imagen: KHN8cbK.png]
 
Pegar como texto plano. Nos permite pegar un texto con diversos formatos (negritas, links, tamaños de letra diferentes) como texto simple para editar a nuestro gusto. 
Aclaración importante: Al darle click aparecerá un recuadro azul que dice que la función no es compatible con el navegador, sin embargo si después damos Control + V nos pegará el texto sin el formato.
[Imagen: 5a4990b.png]
 
Pegar desde Word. Nos permite que nuestros textos de word conserven su formato.
Aclaración importante: Al igual que el anterior, saldrá el recuadro de incompatibilidad pero después del click funciona. El texto TARDA unos segundos en recargarse dependiendo de la longitud y la clase de formato del texto.
[Imagen: gwQ40qE.png]
 
Spoiler - Genera un código que hará un recuadro para esconder texto o imágenes. Al seleccionarlo aparecerá una ventana emergente. Lo que ingresemos en ella aparecerá como título del spoiler. Esto es opcional. Lo de dentro de las 
Mostrar esto es un spoiler
Este es el texto a esconder

T [Shadow] - Genera un texto sombrado. Algunos se refieren al código como Neón. Al darle click saldrá una ventana emergente en donde obligada mente debemos ingresar ya sea el nombre de un color web o el código hexadecimal del color que queremos.
Esto es un texto sombreado o neon.
 
Float - Permite que las imágenes aparescan con la cualidad de flotantes, es decir que se pueda ingresar texto "a un lado" en vez de la parte inferior de la misma. Se debe seleccionar la imagen primero. Al darle click debemos ingresar el comando left (izquierda) o right (derecha)
[Imagen: jm9Ts2w.png]
 
Pokémon - Al darle click nos abrirá una ventana emergente pero HAY QUE DEJARLA EN BLANCO. Entre el código es donde debemos ingresar el nombre (correctamente escrito) de un pokémon en minusculas. Al generar el post nos aparecerá su sprite. 
Aclaración importante: Hasta este momento sólo estan disponibles los pokémon hasta la 5ta generación
[pokemon*]pikachu[/pokemon] sin el *

Deshacer - Deshace el último cambio hecho.
Rehacer - Restaura el deshacer.

Maximizar - Muestra el editor en pantalla completa.
Fuente HTML - Muestra el editor en formato de código. Es útil para detectar donde abren y cierran etiquetas y corregir errores de edición de manera manual.
 
Extras
Cuando tenemos varios párrafos entre uno y otro nos aparecerá una flecha roja para indicar un salto de línea
[Imagen: 8LpUCRD.png]
 
El editor cuenta con sistema de autoguardado. Si por algo se nos cierra la pestaña, se nos va el internet, etc. Al ingresar nuevamente nos saldrá una flecha de color amarillo llamada Restaurar y nos generará la ultima copia del autoguardado. Nota: Una vez generada si se cierra inmediatamente es posible que ya no se salve el texto ya que el archivo donde se guarda queda "vacio" y no volverá a llenarse hasta que genere otro ciclo de guardado que es aprox cada 2-3 minutos.
 
[Imagen: UTen4qq.png]
1
1
Responder




Usuarios navegando en este tema: 1 invitado(s)
task