我正在创建一个嵌入了TinyMCE编辑器的应用程序.我希望我的应用程序的控件在tinyMCE编辑器中的选择发生变化时更新,因此字体,大小和颜色菜单显示选择的字体,大小和颜色.字体和颜色工作正常,但我无法弄清楚如何获得颜色.这是我正在使用的代码:
- myTinyMCESettings.handle_node_change_callback = function(editor_id,node,undo_index,undo_levels,visual_aid,any_selection){
- var editor = tinyMCE.get(editor_id);
- selectionChanged(editor,!any_selection);
- };
- tinyMCE.init(myTinyMCESettings);
- function selectionChanged(ed,selection){
- var fontName = ed.queryCommandValue('FontName');
- var size = parseInt(ed.queryCommandValue('FontSize'));
- var color = ed.queryCommandValue('ForeColor');
- }
但颜色===假.如何在tinyMCE内的插入点获取所选文本的前景色或文本?
编辑:进一步跟踪,在tiny_mce_prototype_src.js的第12377行,我看到:
- // Registred commands
- o = t.editorCommands.queryCommandValue(c);
当我在调试器中遍历这个时,t.editorCommands.queryCommandValue(c);返回false.
解决方法
我会尝试以另一种方式(没有检查) – 采取计算风格:
- myTinyMCESettings.handle_node_change_callback = function(editor_id,any_selection){
- var editor = tinyMCE.get(editor_id);
- var color = tinyMCE.DOM.getStyle(node,'color',true); // computes current color
- selectionChanged(editor,!any_selection);
- };