2015-04-28 23 views
1

如何從文本編輯器和字符中刪除菜單項(文件,編輯,視圖,格式)使用JavaScript和我的TinyMCE的編輯限制驗證是跟着這個例子: http://www.aspsnippets.com/Articles/Character-Count-and-Character-Limit-validation-for-TinyMCE-editor-using-JavaScript.aspx如何從文本編輯器中刪除菜單項(文件,編輯,視圖,格式)以及使用JavaScript對TinyMCE編輯器進行字符限制驗證

<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> 

回答

2

從文檔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。

+0

是的,我做菜單欄使用菜單欄假:假。但我也想禁用格式和撤消,reundo標記。 – mohdmazharkhan

+0

你有看過[工具欄配置](http://www.tinymce.com/wiki.php/Configuration:toolbar),那是你在找什麼? – theatlasroom

+0

是的,但我不能禁用這些格式和撤消,reundo標記。已經禁用文件,查看,編輯和格式化。只需要禁用格式和撤消,reundo。我只能保留這些菜單(粗體,斜體和頁面排列菜單)。 @theatlasroom。 – mohdmazharkhan