Javascript 如何在TinyMce编辑器中更改默认字体调色板?
我有一些预设的颜色,我想添加这与我的网站的主题。如何更改TinyMce中的默认字体调色板Javascript 如何在TinyMce编辑器中更改默认字体调色板?,javascript,jquery,html,tinymce,rte,Javascript,Jquery,Html,Tinymce,Rte,我有一些预设的颜色,我想添加这与我的网站的主题。如何更改TinyMce中的默认字体调色板 A.编辑源代码是一种简单但肮脏的方法。获取文件tiny_mce.js并搜索字符串“00000099330033300,”-这是SplitButton颜色定义的开始。现在,您可以根据需要编辑颜色。这将调整所有ColorSplitButton实例的颜色设置 B.另一种方法是在编辑器初始化后调整颜色,而不是像处理源代码那样脏。您需要添加到tinymce配置中(或将其放入您自己的tinymce插件中): 请注意,您
A.编辑源代码是一种简单但肮脏的方法。获取文件tiny_mce.js并搜索字符串“
00000099330033300,
”-这是SplitButton颜色定义的开始。现在,您可以根据需要编辑颜色。这将调整所有ColorSplitButton实例的颜色设置
B.另一种方法是在编辑器初始化后调整颜色,而不是像处理源代码那样脏。您需要添加到tinymce配置中(或将其放入您自己的tinymce插件中):
请注意,您可能还需要更改SplitButton的其他属性(即标题、背景色等)
C.最干净但耗时的解决方案是使用自己的ColorSplitButton开发自己的插件
在该控件元素的设置中包含您选择的颜色(请查看tinymce developer版本),有一个名为ColorSplitButton.js
的文件。
以下是一些包含颜色设置的代码:
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);
将其放入init()
函数中,您的颜色托盘将成为自定义颜色。您仍然可以使用“更多颜色”按钮
参考资料:虽然有点晚了,但我的解决方案是: 1.假设您使用的是'textcolor'插件,请复制'plugins'目录中的'textcolor'文件夹,并给它一个新名称(比如'mytextcolor')。这将是新插件的名称(mytextcolor) 2.在你的“mytextcolor”文件夹中打开plugin.min.js,在第12行你会找到 默认调色板。使用新的颜色名称和代码对其进行修改 3.在tinymce配置中,将插件参数中的“textcolor”重命名为“mytextcolor”
希望对您有所帮助尝试在编辑器配置中使用“textcolor\u map”设置
tinymce.init({
textcolor_map: [
'D7C0D0', 'color1',
'F7C7DB', 'color2',
]
})
我也试图找到如何在Tinymce中更改默认字体调色板。大多数答案,比如上面提到的那些,都指向使用一个基于“theme\u advanced\u”的配置属性。但是,“高级”主题未与版本4打包,而版本4默认使用的“现代”主题不公开相同的属性。无论如何,一个独立于主题的解决方案会更好
瞧!快速查看“textcolor”插件可以发现,当插件设置其颜色映射时,它首先会查看编辑器设置中的上述属性。Hmm,也可以查看:-刚刚发现如何添加颜色名称?当您将鼠标悬停在选择器中的颜色上时,它会显示十六进制值,我更愿意显示颜色名称。
theme_name_text_colors: "#hexhex, #hexhex, #hexhex"
tinymce.init({
textcolor_map: [
'D7C0D0', 'color1',
'F7C7DB', 'color2',
]
})