Supporto » Funzionalità = Plugin » Aggiungere un conta caratteri ad un wp_editor

  • Ciao a tutti, sto cercando di inserire un conta caratteri in un wp_editor che ho inserito in un post-type. La seguente funzione fa il suo lavoro se la “aggancio” all editor riassunto utilizzando #excerpt al posto di #descrizione_serivizio_texta, se invece la aggancio ad un wp_editor il conteggio delle parole funziona ma non si aggiorna in automatico durante la scrittura. Non riesco ad identificare a chi associare il ‘keyup’.

    add_action( 'admin_print_footer_scripts', 'check_textarea_length_servizio_riassunto' );		
        function check_textarea_length_servizio_riassunto() {
         ?>
        	<script type="text/javascript">
        		jQuery( document ).ready( function($) {
        			$('#descrizione_serivizio_texta').on('keyup', function () {
        				var char_count = $(this).val().length;
            // Update the character count on every key up
            $('#excerpt-wc span.ch').text(char_count);
        		}).after('<p id="excerpt-wc">NUMERO DI CARATTERI: <span class="ch">0</span></p>');
        		
        			// Set the initial symbol count on page load
          var char_count = $('#descrizione_serivizio_texta').val().length;
        		$('#excerpt-wc span.ch').text(char_count);
        });
        	</script>
        	<?php
        }

    Qualche consiglio ?
    Grazie mille in anticipo

Stai vedendo 1 repliche (di 1 totali)
  • Moderatore Guido Scialfa

    (@wido)

    Ciao @inventor4fun,

    Di solito sull’editor si fa in questo modo:

    add_action( 'tiny_mce_before_init', 'wp_editor_on_keyup' );
    function wp_editor_on_keyup($init) {
        $init['setup'] = "function(ed) {
                $ = jQuery.noConflict();
                ed.onKeyUp.add(function(ed, e){
                    console.log('On key Up');
                });
        }";
    
        return $init;
    }

    Quindi se usi la funzione wp_editor puoi passare l’argomento al terzo parametro.

    
    wp_editor('', 'the_editor', [
            'tinymce' => [
                'setup' => "function(ed) {
                $ = jQuery.noConflict();
                ed.onKeyUp.add(function(ed, e){
                    console.log('On key Up');
                });}"
            ]
        ]
    );
    

    In questo caso si mostra in console il testo ‘On key Up’

Stai vedendo 1 repliche (di 1 totali)
  • Il topic ‘Aggiungere un conta caratteri ad un wp_editor’ è chiuso a nuove risposte.