Tinymce 编辑器中的字数限制

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 实例中获取此信息。