Vuoi aggiungere l'editor TinyMCE all'area di testo dell'estratto del post? Sebbene probabilmente esista un plugin per questo, abbiamo creato un rapido snippet di codice che puoi utilizzare per abilitare l'editor TinyMCE per l'estratto del post di WordPress the_excerpt.
Istruzioni:
Tutto quello che devi fare è aggiungere questo codice al file functions.php del tuo tema o in un plugin specifico per il sito:
function tinymce_excerpt_js(){ ?>
<script type="text/javascript">
jQuery(document).ready( tinymce_excerpt );
function tinymce_excerpt() {
jQuery("#excerpt").addClass("mceEditor");
tinyMCE.execCommand("mceAddControl", false, "excerpt");
}
</script>
<?php }
add_action( 'admin_head-post.php', 'tinymce_excerpt_js');
add_action( 'admin_head-post-new.php', 'tinymce_excerpt_js');
function tinymce_css(){ ?>
<style type='text/css'>
#postexcerpt .inside{margin:0;padding:0;background:#fff;}
#postexcerpt .inside p{padding:0px 0px 5px 10px;}
#postexcerpt #excerpteditorcontainer { border-style: solid; padding: 0; }
</style>
<?php }
add_action( 'admin_head-post.php', 'tinymce_css');
add_action( 'admin_head-post-new.php', 'tinymce_css');
Nota: Se questa è la prima volta che aggiungi snippet di codice in WordPress, consulta la nostra guida su come aggiungere correttamente snippet di codice in WordPress, in modo da non compromettere accidentalmente il tuo sito.
Se ti è piaciuto questo snippet di codice, prendi in considerazione la lettura dei nostri altri articoli sul sito come: I 7 migliori servizi VPN per utenti WordPress e come creare un modulo di candidatura in WordPress.
Questo non funziona in WP 5.5.1
C'è qualcosa che dobbiamo aggiornare?
Grazie!
sen ne d?yorsun bree orospuu cocugu
Sto riscontrando lo stesso problema dall'aggiornamento. Esiste una versione aggiornata di questa funzione che potrebbe risolvere nuovamente le cose?
Stesso problema qui! Funzionava prima dell'aggiornamento ma ora è sparito! Grazie!
Funzionava prima, ma dopo l'aggiornamento di tinyMCE è sparito???
Apprezzo il codice e l'ho appena aggiunto al sito WP locale che sto aggiornando e finora sembra aver funzionato benissimo. Grazie!
Perfetto! Sono contento che wpsnipp abbia potuto aiutare... Goditi il codice.
Mi hai salvato la vita! Grazie mille :)
MANGIA le interruzioni di riga...
ciao kevin,
ho aggiunto questo snippet al mio file functions.php ma l'editor non viene visualizzato. sto usando il framework pagelines. potrebbe essere per questo?
thx! utile senza installare un plugin gigante. Solo un piccolo problema: quando hai un custom post type senza editor, tinyMCE init viene eseguito comunque causando il crash di tutto il js. con un controllo aggiuntivo funziona senza problemi:
..
if (typeof(tinyMCE) !== ‘undefined’) {
tinyMCE.execCommand (“mceAddControl”, false, “excerpt”);
}
..
thx! mi ha aiutato molto!
Fantastico, sono contento di aver potuto aiutare, buon divertimento!
ci sono aggiornamenti su questo? (questo sono io, mroncetwice)
grazie! esattamente quello che stavo cercando 🙂
Fantastico, sono contento di aver potuto aiutare Birgit,
WP 3.3 rovina questa funzione in modo regale... quando lasci una pagina di scrittura impostata sulla scheda HTML, al ritorno a una qualsiasi delle pagine di scrittura in cui questa funzione è attiva, tornando alla scheda Visualizza viene visualizzata un'area di testo vuota (non effettivamente vuota, ma appare tale poiché il testo è colorato di bianco). vedo molti suggerimenti per usare
do_action(‘edit_page_form’)
invece, ma non sono sicuro di come procedere con una tale funzione.
ci sono piani per aggiornare questa funzione per l'uso con WP 3.3?
Non ho provato questo snippet in wp 3.3, potrebbero esserci diverse ragioni, darò un'occhiata e pubblicherò una versione aggiornata per 3.3 e ti farò sapere se ci sono problemi che potrebbero aver causato questo per te.
[...] [Fonte: WPSNIPP] [...]
C'è un modo per visualizzare le schede per passare tra Visualizza e HTML?
Ciao Jacek, alcune persone hanno richiesto questa aggiunta, dovrò esaminarla e vedere.
Grazie Kevin per questo snippet.
Sai come aggiungere i pulsanti multimediali in alto?
Scusa il mio cattivo inglese
Grazie
Anne
Nessun problema Anne, sono contento che ti piaccia lo snippet. Per quanto riguarda i media_buttons, dovrò controllare, non sono sicuro che si possa fare facilmente. Se sì, pubblicherò uno snippet.
Come posso aggiungerlo al campo Descrizione aggiuntiva di WPEC?
Per aggiungere questo a un altro campo, dovresti avere l'ID del campo. Alla riga 05 puoi vedere #excerpt se lo cambi con l'ID dell'altra textarea dovrebbe funzionare benissimo. Si prega inoltre di notare che ho aggiunto del CSS alle righe 14-16 per stilizzare un po' le cose. Dovresti rimuovere quel CSS e sostituirlo con il tuo per assicurarti che tutto abbia un bell'aspetto.
Brillante! Quindi per chiunque altro di WPEC/WPSC (wp E-commerce) voglia farlo funzionare per la sezione "Descrizione aggiuntiva", basta cambiare l'ID #excerpt nella funzione sopra con #additional_description e cambiare la classe che viene aggiunta da "mceEditor" a "theEditor" e tutto funzionerà!
Grazie Kevin per l'ottimo aiuto.
Kevin, hai idea di come aggiungere le schede visiva/HTML in cima all'estratto?
Ad essere onesto non lo so, non è qualcosa a cui abbia mai pensato di fare finché non hai posto la domanda, tuttavia, è un'idea interessante. Ci darò un'occhiata e vedrò se riesco a trovare uno snippet da pubblicare.
Questo è fantastico, tranne per il fatto che le mie interruzioni di riga/paragrafi non vengono mantenute. Quindi dopo un aggiornamento l'estratto appare di nuovo come una lunga riga. C'è un modo semplice per preservare le interruzioni di paragrafo?
Ciao Gary, lo testerò e ti farò sapere,
Ciao Gary,
Ho riguardato e dovrebbe funzionare, spezza le interruzioni di riga in paragrafi, quindi dovrebbe funzionare bene. Hai altro codice che sta facendo qualcosa a the_excerpt?
Confermo questa esperienza. Ma quando si visualizza il contenuto, i paragrafi ci sono.
Sono più interessato a imparare come includere immagini. Se hai tempo, scrivimi a [email protected] con una soluzione.