TinyMCE 3.x: рд╕рд╛рдордЧреНрд░реА рд╕рдВрдкрд╛рджрд┐рдд рдХрд░рддреЗ рд╕рдордп рд╢рдмреНрджреЛрдВ рдФрд░ рд╡рд░реНрдгреЛрдВ рдХреА рдЧрдгрдирд╛ рдХрд░реЗрдВ

TinyMCE 3.x WYSIWYG рд╕рдВрдкрд╛рджрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп, рдЕрдХреНрд╕рд░ рд╡рд╛рд╕реНрддрд╡рд┐рдХ рд╕рдордп рдореЗрдВ рд╕рдВрдкрд╛рджрд┐рдд рд▓реЗрдЦ рдХреЗ рдЖрдВрдХрдбрд╝реЗ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИ: рд░рд┐рдХреНрдд рд╕реНрдерд╛рди рдХреЗ рд╕рд╛рде рд╢рдмреНрджреЛрдВ, рд╡рд░реНрдгреЛрдВ рдФрд░ рдкреНрд░рддреАрдХреЛрдВ рдХреА рд╕рдВрдЦреНрдпрд╛ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдирд╛ред

рдЗрд╕рдХреЗ рд▓рд┐рдП рдХреНрдпрд╛ рдЖрд╡рд╢реНрдпрдХ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ?
рд╕рдмрд╕реЗ рд╕рд╛рдорд╛рдиреНрдп рдЕрдиреБрдкреНрд░рдпреЛрдЧ: рд╕рд╛рдордЧреНрд░реА рд░рдЪрдирд╛рдХрд╛рд░реЛрдВ (рдХреЙрдкреАрд░рд╛рдЗрдЯрд░, рдкреБрдирд░реНрд▓реЗрдЦрдХ, рд╕рд╛рдордЧреНрд░реА рд╕рдВрдкрд╛рджрдХ, рдЖрджрд┐) рдХрд┐рдП рдЧрдП рдХрд╛рд░реНрдп рдХреА рдорд╛рддреНрд░рд╛ рдХрд╛ рдореВрд▓реНрдпрд╛рдВрдХрди рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред

рдкреНрд▓рдЧрдЗрди "рдмреЙрдХреНрд╕ рд╕реЗ рдмрд╛рд╣рд░" рдмрд╕ рд░реВрд╕реА рднрд╛рд╖рд╛ рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ (HTML рдЯреИрдЧреНрд╕ рдХреЛ рдкрд╛рд░реНрд╕ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдирд╣реАрдВ)ред рдЗрд╕рд▓рд┐рдП, рдЕрдкрдиреА рдЦреБрдж рдХреА "рд╕рд╛рдЗрдХрд┐рд▓" рд▓рд┐рдЦрдиреЗ рдХрд╛ рдлреИрд╕рд▓рд╛ рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ред

рд╕рдорд╛рд░реЛрд╣ рдХреЛрдб:
$().ready(function() { /////   jQuery////////////////// $('textarea.tinymce').tinymce({ /* ......................................................... .......... ......... .........................................................*/ setup : function(ed) { ///////////      //////////// var wordscount=function () { content=tinyMCE.activeEditor.getContent({format : 'raw'}); ////  (pre) - /////////// content = content.replace(/(<\s*\/?\s*)pre(\s*([^>]*)?\s*>)*(<\s*\/?\s*)pre(\s*([^>]*)?\s*>)/gi,""); content=content.replace(/<\/?[^>]+(>|$)/g,' '); content=content.replace(/&(lt|gt);/g, function (strMatch, p1){ return (p1 == "lt")? "<" : ">"; }); content=content.replace(/ /g,' '); content=content.replace(/\n/," "); content=content.replace(/ +/g,' '); content=content.replace(/\s*((\S+\s*)*)/,'$1'); content=content.replace(/((\s*\S+)*)\s*/,'$1'); words=content.split(" ").length; charsws=content.length; chars=content.replace(/ +/g,'').length; if (content=='') {words=0;chars=0;charsws=0;} document.getElementById('wordscount').innerHTML=words; document.getElementById('charscount').innerHTML=chars; document.getElementById('charswscount').innerHTML=charsws; //alert(content); }; /////////////  ////////// /////   //////// ed.onKeyUp.add(wordscount); ed.onChange.add(wordscount); ed.onInit.add(wordscount); } 


рдЬрд╣рд╛рдВ рд╣рдореЗрдВ рдЖрдВрдХрдбрд╝реЗ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ (рдиреАрдЪреЗ, рдЗрди
 ): 
: <span id="wordscount"></span> : <span id="charscount"></span> . : <span id="charswscount"></span>


: " " // .
- "", - .
- :
!
):
: <span id="wordscount"></span> : <span id="charscount"></span> . : <span id="charswscount"></span>


: " " // .
- "", - .
- :
!

Source: https://habr.com/ru/post/In162137/


All Articles