Tiny MCE编辑器中的字数限制

Question

我在同一页面的应用程序中有4个Tiny MCE编辑器。 我想将最大字数限制为100（编辑器1 +编辑器2 +编辑器3 +编辑器4的字数必须少于100个字）。 每当我应点击“提交”按钮时，网页便应对此验证进行验证（或者每当计数增加到100以上时，单击“提交”按钮之前的同一页面应提醒用户）

我已经经历了许多在线解决方案，但不知道如何实现此功能。

这是我的代码：

<script type="text/javascript" src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
 <script type="text/javascript" >


     tinyMCE.init({
         selector: 'textArea',  // change this value according to your HTML
         menu: {
             edit: { title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall' },
             insert: { title: 'Insert', items: 'link media | template hr' },
             format: { title: 'Format', items: 'bold italic superscript subscript' },
             tools: { title: 'Tools', items: 'spellchecker code' }
         },
         resize: 'both',
         plugins: "wordcount",
         encoding: "xml"            

     });
 var myVar = parseInt($('#content-word-count').text()); 
 if (myVar > 100){ "Your information exceeded than the max limit 100" };

</script>

<textarea id="editor1" rows="2" cols="20" runat="server" ></textarea> <br />
<textarea id="editor2" rows="2" cols="20" runat="server" ></textarea> <br />
<textarea id="editor3" rows="2" cols="20" runat="server" ></textarea> <br />
<textarea id="editor4" rows="2" cols="20" runat="server" ></textarea> <br />

<asp:Button ID="btnSave" runat="server" Text="Save"  OnClick="btnSave_Click" />

请帮帮我。

Answer 1

您可以向TinyMCE的任何实例询问其当前字数，如下所示：

var editor1 = tinymce.get('editor1');
editor1.plugins.wordcount.getCount();

如果您需要从多个编辑器中添加计数，则可以扩展它以从TinyMCE的每个实例获取此信息。