¿Cómo puedo cambiar la paleta de colors de fuente pnetworkingeterminada en el editor de TinyMce?

Tengo algunos colors preestablecidos que me gustaría agregar que van junto con el tema de mi website. ¿Cómo puedo cambiar la paleta de colors de fuente pnetworkingeterminada en TinyMce?

screenshot-with-shadow.png http://img407.imageshack.us/img407/4526/screenshotwithshadow.png

R. La manera fácil pero sucia es editar el código fuente. Tome el file tiny_mce.js y busque la cadena " 000000,993300,333300, " – este es el comienzo de la definición de color del SplitButton. Ahora puede editar los colors como desee. Esto ajustará la configuration de color para todas las instancias de ColorSplitButton.

B. De otra manera, no tan sucio como jugar con el código fuente es ajustar los colors después de la initialization del editor. Necesitará agregar el parámetro de configuration a su configuration de tinymce (o ponerlo dentro de uno de sus propios complementos de tinymce):

  setup : function(ed) { ed.onInit.add(function(ed) { $('.mceColorSplitMenu').find('#_mce_item_2').get(0).setAttribute('data-mce-color','#0202FF'); $('.mceColorSplitMenu').find('#_mce_item_3').get(0).setAttribute('data-mce-color','#0203FF'); ... $('.mceColorSplitMenu').find('#_mce_item_41').get(0).setAttribute('data-mce-color','#0241FF'); }); } 

Tenga en count que es posible que desee cambiar otras attriotas del SplitButton también (es decir, el título, el color de background, …)

C. La solución más limpia pero que requiere mucho time es desarrollar un plugin propio usando un ColorSplitButton propio que contenga los colors de su elección en la configuration para ese elemento de control (eche un vistazo a la versión del desarrollador de tinymce) hay un file llamado ColorSplitButton.js . Aquí hay un código que contiene la configuration de color:

  ColorSplitButton : function(id, s, ed) { var t = this; t.parent(id, s, ed); /** * Settings object. * * @property settings * @type Object */ t.settings = s = tinymce.extend({ colors : '000000,993300,333300,003300,003366,000080,333399,333333,800000,FF6600,808000,008000,008080,0000FF,666699,808080,FF0000,FF9900,99CC00,339966,33CCCC,3366FF,800080,999999,FF00FF,FFCC00,FFFF00,00FF00,00FFFF,00CCFF,993366,C0C0C0,FF99CC,FFCC99,FFFF99,CCFFCC,CCFFFF,99CCFF,CC99FF,FFFFFF', grid_width : 8, default_color : '#888888' }, t.settings); 

Intente utilizar la configuration 'textcolor_map' en su configuration de editor?

Yo también estaba tratando de encontrar cómo cambiar la paleta de colors de fuente pnetworkingeterminada en Tinymce. La mayoría de las respuestas, como las anteriores, apuntan a usar una de las properties de configuration basadas en 'theme_advanced_'. Sin embargo, el tema 'avanzado' no está empaquetado con la versión 4 y el tema 'moderno' que la versión 4 usa por defecto no expone las mismas properties. Una solución independiente del tema sería preferible de todos modos.

Y he aquí! Un vistazo rápido en el complemento 'textcolor' revela que cuando el plugin está configurando su map de color, primero mira hacia la propiedad mencionada en la configuration del editor.

Bueno, es un poco tarde, pero mi solución sería:

1.Suponiendo que estás usando el complemento 'textcolor', copy la carpeta 'textcolor' en el directory 'plugins' y dale un nuevo nombre (digamos 'mytextcolor'). Ese será el nombre de tu nuevo complemento (mytextcolor)

2.en la carpeta 'mytextcolor', abra plugin.min.js y en la línea 12 encontrará la paleta de colors pnetworkingeterminada. modificar eso con nuevos nombres de colors y códigos.

3.en su configuration de tinymce cambie el nombre del 'textcolor' en los parameters de los complementos a 'mytextcolor'

Espero que ayude

https://www.youtube.com/watch?v=dySkwdZG9J0

theme_name_text_colors: "#hexhex, #hexhex, #hexhex"

Ponlo en la function init () y la pluma, tu paleta de colors es personalizada. Y aún obtienes el button de más colors. Sin complementos adicionales Sin trabajo loco