TinyMCE text editor-max-char-limit

Ich bin mit TinyMCE für <textarea>. Meine Anforderung ist die Beschränkung der Schriftgröße bis 2000 zu zeigen und auch die übrigen Charaktere, die irgendwo unterhalb der Werkzeugleiste. Ich irgendwie geschafft, die Zeichen; jetzt bin ich stecken mit Anzeige der verbleibenden Zeichen und verhindern, dass aus der überschreitung zu begrenzen.

Hier ist mein TinyMCE code

tinyMCE.init({
    //General options
    mode : "textareas",
    theme : "simple",
    plugins : "autolink,lists,pagebreak,style,table,save,advhr,advimage,
               advlink,emotions,media,noneditable,visualchars,nonbreaking,
               xhtmlxtras,template",

    //Theme options
    theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,
                               justifyleft,justifycenter,justifyright,
                               justifyfull,|,styleselect,formatselect,
                               fontselect,fontsizeselect", 
    theme_advanced_buttons2 : "bullist,numlist,|,outdent,indent,|,undo,redo,|,
                               link,unlink,anchor,image,code,|,forecolor,
                               backcolor",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "bottom",
    theme_advanced_resizing : true,
    charLimit : 10, //this is a default value which can get modified later
    setup : function(ed) {
        //peform this action every time a key is pressed
        ed.onKeyUp.add(function(ed, e) {
        //define local variables
        var tinymax, tinylen, htmlcount;
        //manually setting our max character limit
        tinymax = ed.settings.charLimit;
        //grabbing the length of the curent editors content
        tinylen = ed.getContent().replace(/(<([^>]+)>)/ig,"").length;
        //setting up the text string that will display in the path area
        htmlcount = "HTML Character Count: " + tinylen + "/" + tinymax;
        //if the user has exceeded the max turn the path bar red.
        if (tinylen>tinymax){


        } 
        });
    }
});

Für Testzwecke, den ich versuche zu begrenzen, bis zu 10 char.
Alle Vorschläge sind willkommen.

könnte hilfreich sein: stackoverflow.com/questions/5533053/textarea-character-limit ich habe nicht verwenden tinymce bevor aber der Redakteur wird ein textarea-also gehe ich davon aus, dass der tinymce-Editor ist auch mit einer textarea.
Vielen Dank für Ihre Antwort aber die normale Begrenzung der textarea wird nicht funktionieren mit tincymce.
Mögliche Duplikate von Begrenzen Sie die Anzahl der Zeichen in tinyMCE

InformationsquelleAutor Prathamesh mhatre | 2012-08-03

Ich schlage vor, Sie führen Ihren code onKeyDown, weil auf KeyUp-der Brief ist schon im editor.

    //peform this action every time a key is pressed
    ed.onKeyDown.add(function(ed, e) {

      //define local variables
      var tinymax, tinylen, htmlcount;

      //manually setting our max character limit
      tinymax = ed.settings.charLimit;

      //grabbing the length of the curent editors content
      tinylen = ed.getContent().replace(/(<([^>]+)>)/ig,"").length;

      //setting up the text string that will display in the path area
      htmlcount = "HTML Character Count: " + tinylen + "/" + tinymax;

      //if the user has exceeded the max turn the path bar red.
      if (tinylen > tinymax){

        //place text string in path bar
        if ( $('#max_char_string').size() ){
          $('#max_char_string').html( '&nbsp;' + htmlcount);
        }
        else {
          $("div#"+ed.id+"_path_row").append('<span id="max_char_string">&nbsp;'+htmlcount+'</span>')
        }

        //prevent insertion of typed character
        e.preventDefault();
        e.stopPropagation();
        return false;
      }

InformationsquelleAutor Thariama

Ich hatte das gleiche Problem und fand diesen link sehr nützlich: http://www.ryann.ca/?p=186

Obwohl ich verändert diese leicht, so dass es liest das Attribut maxlength direkt aus der textarea.

tinyMCE.init({
    //Options
    setup : function(ed) {
        ed.onKeyUp.add(function(ed, e) {
            var tinylen, htmlcount, maxlength = $("#" + tinyMCE.activeEditor.id).attr("maxlength");
            if (maxlength) {
                //grabbing the length of the curent editors content
                tinylen = ed.getContent().length;

                htmlcount = "HTML Character Count: " + tinylen + "/" + maxlength;
                if (tinylen > maxlength) {
                    htmlcount = "<span style='font-weight:bold; color: #f00;'>" + htmlcount + "</span>";
                }

                //write the html count into the path row of the active editor
                tinymce.DOM.setHTML(tinymce.DOM.get(tinyMCE.activeEditor.id+ '_path_row'), htmlcount);
            }
        });//ed.onKeyUp.add
    }//setup
});

Bei mir lief deine Lösung, ich habe "ed.onKeyUp ist nicht definiert" - Fehler. Wie kann ich es beheben? Danke! Ich bin mit der version 4.0.4.
Sie müssen sicherstellen, dass dies ist innerhalb der setup : function(ed) siehe aktualisierte Antwort.
Johannes, vielen Dank sooo viel für Antworten an mich. Ich folgte dem link, den Sie erwähnt (ryann.ca/?p=186) und Funktion(ed) ist in der Tat der Wert der Eigenschaft des setup, das ist eine option. Sind Sie mit tinyMCE 4.x? Danke!
Hi John, ich fand diese: stackoverflow.com/questions/16939148/.... Es scheint, dass die Ereignis-API geändert in tinyMCE 4. Würden Sie mir, nach einer anderen Antwort konform mit tinyMCE 4? Danke!

InformationsquelleAutor John Magnolia

Hoffe es funktioniert 🙂

setup: function(ed) {            
            var maxlength = parseInt($('#'+(ed.id)).attr("maxlength"));
            var count = 0;
            ed.on('keydown', function(e) {
                count++;
                if (count >= maxlength)
                {
                    alert("false");
                    return false;
                }
            });
        },

InformationsquelleAutor Sdd Sdei

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.