[Tutorial] Añadir mas colores al editor de texto

Con este tutorial aprenderás a agregar mas colores a editor de texto.

Vas al tu cliente ftp y buscas el archivo editor.js , que se encuentra en :

Public_html > Jscripts > Editor.js

Lo abren y buscan esto:

Código:
// An array of colours to be shown.

        this.colors = new Object();

        this.colors[1] = "#800000";

        this.colors[2] = "#8B4513";

        this.colors[3] = "#006400";

        this.colors[4] = "#2F4F4F";

        this.colors[5] = "#000080";

        this.colors[6] = "#4B0082";

        this.colors[7] = "#800080";

        this.colors[8] = "#000000";

        this.colors[9] = "#FF0000";

        this.colors[10] = "#DAA520";

        this.colors[11] = "#6B8E23";

        this.colors[12] = "#708090";

        this.colors[13] = "#0000CD";

        this.colors[14] = "#483D8B";

        this.colors[15] = "#C71585";

        this.colors[16] = "#696969";

        this.colors[17] = "#FF4500";

        this.colors[18] = "#FFA500";

        this.colors[19] = "#808000";

        this.colors[20] = "#4682B4";

        this.colors[21] = "#1E90FF";

        this.colors[22] = "#9400D3";

        this.colors[23] = "#FF1493";

        this.colors[24] = "#A9A9A9";

        this.colors[25] = "#FF6347";

        this.colors[26] = "#FFD700";

        this.colors[27] = "#32CD32";

        this.colors[28] = "#87CEEB";

        this.colors[29] = "#00BFFF";

        this.colors[30] = "#9370DB";

        this.colors[31] = "#FF69B4";

        this.colors[32] = "#DCDCDC";

        this.colors[33] = "#FFDAB9";

        this.colors[34] = "#FFFFE0";

        this.colors[35] = "#98FB98";

        this.colors[36] = "#E0FFFF";

        this.colors[37] = "#87CEFA";

        this.colors[38] = "#E6E6FA";

        this.colors[39] = "#DDA0DD";

        this.colors[40] = "#FFFFFF";

Puedes encontrar el codigo hexadecimal de colores en diferentes paginas, pero aca te dejo una (click)

Ahora simplemente copia el diseño de una de esas líneas y pon el nombre del color hexadecimal que quiera agregar.

Ejemplo yo quiero agregar este color #8F00FF , tendria que ponerlo así al final o donde desees agregarlo (cambiando el 41 por el orden)

Código:
this.colors[41] = "#8F00FF";

Ahora solo guardas el editor.js

Si hiciste estos bien pasos deberia quedar así:

[Imagen: resultado-2-65976.png]

Licencia (CC BY-NC-ND 3.0)

Este tutorial se encuentra bajo una licencia Creative Commons Reconocimiento-NoComercial-SinObraDerivada 3.0 Unported.

Autor de esta guía: Ryuuseiken de SoporteMyBB.
Si deseas publicarlo en otros sitios tendrás que publicar la licencia y la autoría.

Excelente, ya estoy añadiendo colores, gracias.

muy buena pag
http://html-color-codes.info/codigos-de-...decimales/

Por cierto, sabrás como ponerle más cosas al editor, es decir, poner el botón de HIDE y el botón de SPOILER??

Última modificación: 8 Jul, 2011, 3:59 pm por juanms07.

Para eso puedes ver este tutorial.

[1.6.x] [Tutorial] Agregar botones al editor de texto

Excelente tutorial! Smile

(8 Jul, 2011, 3:52 pm)MrDarkWood escribió: Excelente, ya estoy añadiendo colores, gracias.

muy buena pag
http://html-color-codes.info/codigos-de-...decimales/

Por cierto, sabrás como ponerle más cosas al editor, es decir, poner el botón de HIDE y el botón de SPOILER??

Esa pág es de las primeas de google cuando pones colores en HEX xD

El tuto genial, es solo abrir ese archivo y encontrar 1000 cosas xD
No se como no te da vageza hacerlo(?)

[Imagen: http://i.imgur.com/kLUbBrj.png]

Oigan y solo quiero cambiarl el color del editor, es decir poner un color como aqui, ya que el color que trae por default al hacer el tuto ese que modificas plantillas es de color gris.

Saludos

(11 Jul, 2011, 10:10 am)ncn escribió: Oigan y solo quiero cambiarl el color del editor, es decir poner un color como aqui, ya que el color que trae por default al hacer el tuto ese que modificas plantillas es de color gris.

Saludos

Es el editor 2007 , para eso vas a Estilos y Plantillas > tu tema > Estilo del editor > Aca lo cambias a office 2007 > Guardar cambios

muy bueno el tuto me sirvio mucho.

Oye Ryuuseiken, dentro de las plantillas de mi tema (Nesil), no me aparece el "estilo del editor", esta en algún otro lugar?

Saludos

(12 Jul, 2011, 7:06 am)ncn escribió: Oye Ryuuseiken, dentro de las plantillas de mi tema (Nesil), no me aparece el "estilo del editor", esta en algún otro lugar?

Saludos

Sale en cualquier tema, yo también uso el nesil ahora te dejo unas tomas para qué entiendas mejor.

[Imagen: estilos1-67952.PNG]