如何重命名TinyMCE中的“字体系列”下拉列表?

时间:2015-02-05 17:30:06

标签: tinymce tinymce-4

我希望它只是标记为“字体”,因为这对我的非技术用户更有用。我似乎找不到办法做到这一点。使用版本4.x

2 个答案:

答案 0 :(得分:2)

你可以在tinymce.min.js文件中更改它。只需搜索“字体系列”文本,您就会看到可以在哪里更改它。

答案 1 :(得分:1)

您可以通过更改tinymce.min.js文件中的默认值来执行此操作。只需搜索以:

开头的代码部分
{type:"listbox",text:"Font Family",tooltip:"Font Family",values:i, 

... 然后将您想要的标签(例如“字体”)放在text:""内。更改后应该看起来像:

{type:"listbox",text:"Font",tooltip:"Font Family",values:i,

结果:Result

如果您想以编程方式执行此操作,例如创建一个将在单击时更改标签的按钮,您可以在初始化tinyMCE时添加此代码:

<script type="text/javascript">
tinymce.init({
    selector: 'textarea',
    toolbar1: 'fontselect fontsizeselect mybutton',
    //...
    // extra coding can go here
    //...
    setup: function(editor) {
    editor.addButton('mybutton', {
        text: 'My button',
        icon: false,
        onclick: function() {
            var fontlabel = "Font";
            document.getElementsByTagName("button")[4].firstChild.innerText = fontlabel;
            // getElementsByTagName is an array, so the index changes belonging to 
            // position of your "FontFamily" dropdown. In my example it' 6th.
        }
    });
    }
});
</script>

在:before button click 后:after button click