Question

我的应用程序在同一页面上有4个Tiny MCE编辑器。我想把max word limit设置为100（editor1 + editor 2 + editor 3 + editor 4 word count必须小于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实例获取此信息。

Tiny MCE编辑器中的字数限制

1 个答案: