Dentro de editor avanzado

Creo que haré una serie llamada Dentro de... (?)
Al crear un tema, o también contestar alguno de la forma avanzada nos encontraremos con el siguiente editor con un montón de opciones x_x

CABE ACLARAR QUE TODAS ESTAS OPCIONES TIENEN SU RESPECTIVO BBC, Y SE COLOCAN SOLOS CON LOS BOTONES AQUÍ MOSTRADOS, PERO, EL TUTORIAL ESTA EN FORMATO WYSIWYG POR LO QUE ESTA SIN LOS CÓDIGOS.

Primera linea de opciones


Negro:
Este primer botón funciona para cambiar el modo en que vamos a editar o escribir nuestro texto, tiene dos formas, que son Editar en modo fuente y Editar en modo WYSIWYG.

Modo fuente: este modo es más efectivo, pero más difícil de utilizar, pasa que, en este modo se utilizan los códigos BB o HTML, aunque igual entre otras opciones de aquí ya salen los códigos.
Si quieres aprender más sobre los BBcodes, aunque en las otras opciones, como el tamaño por ejemplo, ya viene el código BB, si queremos hacer algo más avanzado tendríamos que investigar.
Aquí tienes una lista de todos y como se utilizan.
Ejemplo de editor en modo fuente

Spoiler

Modo WYSIWYG: Este modo es muchisimo más fácil de usar, ya que es como utilizar Word o cualquier editor de texto de ese tipo, cambiar la fuente, tamaño de imagen, enlaces etc... ya hay botones aquí para ello.
Ejemplo de editor en modo WYSIWYG

Spoiler

Verde:
Remover formato, como su nombre lo dice, revierte el formato que se le haya puesto y lo deja como predeterminado, si algo no os gusta, pueden utilizarlo y empezar de cero, solo remueve el texto seleccionado.

con formato, sin formato, con formato, sin formato LOL.

Rojo:
Estos dos botones, son para pegar texto en dos formatos diferentes.
El primero es formato en texto plano, como un bloc de notas o notepad++ etc... simplemente texto equis.
El segundo es muy útil, es para pegar texto, imágenes o más cosas, tal y como esta en Office Word, todos hemos usado Word y puede ser más fácil que el editor del foro n_n si queremos crear un post un poco adornado, podemos hacerlo primero en Word y luego aplicarlo con este botón.

¿Cómo funcionan?
Ambos funcionan igual, al pulsar cualquiera de los dos botones saldrá un recuadro con las instrucciones, solo copiamos (ctrl + c) del editor de texto o Word, y pegamos (ctrl + v) .

Dorado:
Fuente, Tamaño, Color de fuente, creo que esto a todos nos parece más que familiar, cambiar tipo de letra, tamaño y color... ÚSALO A TU ESTILO!
Ahhhh aclarar que hay reglas quizá no escritas, :v no dejar ciegos a las personas con colores brillantes, como el dorado que puse xD o usar letras muy grandes para comentarios etc etc...

Purpura:
¡Emoticonos!, todo mundo los conoce n_n estas caritas graciosas jaja y si damos clic en Más, nos despliega la lista entera de todos los emoticones que hay en este foro y el código de cada uno para escribirlo.
Observar que están casi todos están escritos entre :codigodelemoticon: el código del emoticon se reemplaza automáticamente por el mismo.
hay pokémones también!!

Azul:
Adjuntar archivos, examina tu equipo y busca el archivo que quieras compartir que son usualmente .zip .rar o cualquiera de imágenes, esto debe tener también sus reglas y no estoy seguro si se deba utilizar, pero igual ahí esta el dato.

Marrón:
Atrás, adelante o deshacer, bueno estos son prácticamente el ctrl + z y ctrl + y de el foro, funcionan para regresar a algunas acciones atrás que hayamos realizado, es más que conocido.
Aclarar que aquí también funcionan el ctrl z y ctrl y, así que puede no ser muy necesario.

Segunda linea de opciones



Rojo:
Los clásicos B I U
B pone en las letras en negrita (ejemplo: esto esta en negrita)
I pone las letras en cursiva (ejemplo: esto esta en cursiva)
U pone las letras en subrayado (ejemplo: esto esta en subrayado)

Podemos hacer combinaciones hasta con la fuente, tamaño, color y demás. ¡Adorna tu post como quieras!

Morado:
AlineacionesAlinear texto a la izquierda (primer botón)



Azul:
El primero es el botón de listas numeradas, para usarlo debes posicionar el cursor en donde quieres que poner la lista, automáticamente se colocara el número uno, seguido de el colocas el texto uno de tu lista, damos Enter y se coloca el número dos y así sucesivamente, para terminar la lista se hace con doble Enter, esto significa que dejamos el siguiente elemento de la lista en blanco.

Ejemplo de una lista numerada:

1. Primer elemento de la lista
   
2. Segundo elemento de la lista
   
3. Tercer elemento de la lista
   

El segundo botón, son las listas con viñetas, funciona de la misma manera que las numeradas, depende de ti el uso y el formato que quieras darle a tu texto

Ejemplo de una lista con viñetas:

• Primer elemento de la lista
  
• Aquí otro
  
• Otro
  
• Ot...
  

El tercer botón depende del cuarto, veamos el cuarto.
El cuarto botón incrementa guión de un párrafo de donde se encuentre el cursor posicionado.
Por ejemplo:


El tercer botón retira el guión incrementado y se pueden incrementar los guiones que desees.

Verde:
El primer botón, enlace... para usar este botón seleccionamos la palabra o frase que deseemos que tenga un enlace a una web equis, hacemos clic en el botón, nos aparecerá un recuadro donde solo tenemos que colocar el enlace que deseemos y la letra aparecerá en azul (color predeterminado para enlaces)

El segundo botón es para deshacer el enlace creado anteriormente, también tiene que estar el texto seleccionado.

El tercer botón es para insertar alguna imagen, solo podemos insertar imagenes desde alguna página web externa, para colocar una imagen en nuestro post, debemos subirla a alguna web de alojamiento de imágenes, Snow, tiene algunas en este post.

El cuarto botón agrega vídeos, cualquier vídeo de youtube solo colocando la URL de dicho vídeo.

El quinto botón agrega el tag QUOTE que funciona para hacer citas, o agregar en un globo de conversación, el texto que queramos escribir va entra etiquetas QUOTE de abre y cierre.

Naranja:
El primer botón crea un recuadro que en si, es para escribir código dentro ya sea código BB, html o php, sin que se aplique, al pulsar este botón se agregan las etiquetas CODE, dentro iría el código o texto que deseemos.

Por ejemplo:
<script type="text/javascript">
<!--
alert("Hello world!");
//-->
</script>

Dentro de CODE

[COLOR=#3E3E3E]<script type="text/javascript">[/COLOR]
[COLOR=#3E3E3E]<!--[/COLOR]
[COLOR=#3E3E3E]    alert("Hello world!");[/COLOR]
[COLOR=#3E3E3E]//-->[/COLOR]
[COLOR=#3E3E3E]</script>[/COLOR]

El segundo y tercer botón funcionan igual que CODE, pero resaltando de colores la sintaxis de los códigos HTML y PHP, algo un poco complejo.

Tercera linea de opciones


Rojo:
Primer botón, sirve para crear una tabla, son un buen formato para algún texto, aquí es donde aparece el segundo botón, que son las propiedades de la tabla como lo son Estilo de la tabla, Tamaño y alineación.

El tercer botón elimina la tabla.

Ejemplo de una tabla:


Las propiedades que le dí a esta tabla son:

El resto de los botones agrega y elimina filas y columnas a la tabla, es importante posicionar el cursor dentro de la tabla en donde quieras que se agregue la fila/columna.

Purpura:
El primer botón agrega un subindice a la frase o indice que deseemos, solo basta con pulsar aquel botón y el cursor se posiciona en donde el subindice.

El segundo botón funciona igual, pero es un sobrescrito.

El tercer botón agrega una linea, funciona como un separador de párrafos.

Ejemplos:


Linea de separación

---

Verde:
Toda lo que se encuentra dentro de verde son una serie de etiquetas, veamos como funcionan.

Etiqueta goear (primer botón): se trata de el bbcode para el reproductor de música de GOear

Etiqueta rainbow (segundo botón): etiqueta que le da colores al texto TEXTO

Etiqueta S (tercer botón): etiqueta que "tacha" con una linea un texto TEXTO

Etiqueta Cell (cuarto botón): crea un cuadro blanco para encerrar texto


Etiqueta spoiler2(quinto botón): pasa el cursor por encima y muestra lo que hay dentro TEXTO

Etiqueta mention (sexto botón): menciona a un usuario ej: @Goresito

Ultimas etiquetas: spoiler normales

Spoiler

TEXTO

Saludos