javascript - 如何使用 JavaScript 从文本编辑器和 TinyMCE 编辑器的字符限制验证中删除菜单项(文件、编辑、 View 、格式)

Question

如何使用 JavaScript 从文本编辑器和 TinyMCE 编辑器的字符限制验证中删除菜单项(文件、编辑、 View 、格式)，我正在关注此示例: http://www.aspsnippets.com/Articles/Character-Count-and-Character-Limit-validation-for-TinyMCE-editor-using-JavaScript.aspx

 <div>
 <textarea id="txtTinyMCE" rows="2" cols="20"></textarea>
 <br />
 <div id="character_count">
 </div>
 <br />
 <input type="submit" value="Submit" onclick="return ValidateCharacterLength();" />
 <script type="text/javascript" src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
</div>

用于限制最大字符数的 Java Script 代码:

 <script type="text/javascript" src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
  <script type="text/javascript">
window.onload = function () {
    tinymce.init({
        selector: 'textarea',
        width: 400,
        setup: function (ed) {
            ed.on('keyup', function (e) {
                var count = CountCharacters();
                document.getElementById("character_count").innerHTML = "Characters: " + count;
            });
        }
    });
}
function CountCharacters() {
    var body = tinymce.get("txtTinyMCE").getBody();
    var content = tinymce.trim(body.innerText || body.textContent);
    return content.length;
};
function ValidateCharacterLength() {
    var max = 3000;
    var count = CountCharacters();
    if (count > max) {
        alert("Maximum " + max + " characters allowed.")
        return false;
    }
    return;
}
</script>

Answer 1

来自 the TinyMCE menubar 的文档看起来您可以配置设置中显示的内容。在您的情况下，您将在 window.onload 函数中添加配置。

即

tinymce.init({
    menu : { // this is the complete default configuration
        file   : {title : 'File'  , items : 'newdocument'},
        edit   : {title : 'Edit'  , items : 'undo redo | cut copy paste pastetext | selectall'},
        insert : {title : 'Insert', items : 'link media | template hr'},
        view   : {title : 'View'  , items : 'visualaid'},
        format : {title : 'Format', items : 'bold italic underline strikethrough superscript subscript | formats | removeformat'},
        table  : {title : 'Table' , items : 'inserttable tableprops deletetable | cell row column'},
        tools  : {title : 'Tools' , items : 'spellchecker code'}
    }
});

据我所知，我假设要隐藏一个元素，您只需将其设置为 false。