tinymce - 如何在tinyMCE中设置列表项项目符号和数字的字体大小？

Question

TinyMCE 是一个很棒的工具，它为我们解决了很多问题。然而，有一个问题一直难以解决。虽然 TinyMCE 会改变列表中项目字体的大小，但它不会改变处理这些项目的项目符号(无序列表)或数字(有序列表)的大小。

用户最终得到的是这样的东西:



正如您在图像中看到的，两个列表中的字体大小不同，但项目符号的大小相同。

有谁知道如何让 TinyMCE 更改项目符号以匹配字体？

Answer 1

搜索 TinyMCE 论坛后 here和 here我想出了这个解决方案。

tinyMCE.onAddEditor.add(function(manager, editor) { 
    // TinyMCE doesn't change the font of the li portions of the list,                                      
    // we have do that ourselves here.  See http://www.tinymce.com/forum/viewtopic.php?id=26100             
    editor.onExecCommand.add(function(editor, cmd, ui, val) {                                               
        if (cmd === "FontSize") {
            var node = editor.selection.getNode();                                                          
            if (node) {                                                                                     
                var children = $(node).children("li");
                if (children) {
                    // TinyMCE keeps an attribute that we want it to recompute,                             
                    // clear it. See http://www.tinymce.com/forum/viewtopic.php?id=25676                    
                    children.removeAttr('data-mce-style');                                                  
                    children.css("font-size", val);                                                         
                }
            }       
        }               
    });                     
});