[Resolved] Cred Field WYSIWYG post_content max words

[Author]

Posts

[fifthI]

Hi.
I'm trying to set a limit of words to a form that contains this

<div class="form-group">
<label>[cred_i18n name='post_content-label']Poster Content (max 250 words)[/cred_i18n]</label>
[cred_field field='post_content' output='bootstrap']
</div>

How do i achieve it (other than with filter cred_form_validate on backend) on the frontend?
The solutions i found on the forums are not working for the WYSIWYG editor, but only for single/multiple line inputs or textareas (which of course are very easy to achieve)

Best

[Luo Yang]

Hello,

There isn't such kind of built-in feature within Toolset plugins, the WYSIWYG field is using TinyMCE editor, see their document:
hidden link
There isn't such kind of feature within TinyMCE editor too.

However, you can setup custom JS codes to send some message to user when they input too much words, for example:

document.addEventListener('DOMContentLoaded', function(event) {
    window.tinyMCE.on( 'AddEditor' , function( event ) {
        var editor = event.editor;
 
        if( editor.id.endsWith( 'post_content' ) ) {
            var editor_id = editor.id; // tinyMCE ID
            editor.on( 'change', function() {
                    var getContent = editor.getContent();         // gets the Content of the active editor
              		var count= getContent.split(" ").length;
                    if(count > 10){
                       alert( 'Too much words: ' + count );
                    }
            } )
        }
    } );
});

[fifthI]

Thank you sir.

I strongly suggest you to make this feature a core feature of Toolset.
I bet for you it will be very easy, and it will solve a great deal to lots of devs and users of your awesome plugin.

Best regards