小さなMCEエディタの単語の制限

Question

私は同じページの私のアプリケーションに4つの小さなMCEエディタを持っています。私は100に最大限の単語の制限を入れたい（editor1 +エディタ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をの各インスタンスからこの情報を取得し、これを拡張することができます。