2012-05-06 22 views
20

Ho letto un sacco di post su vari forum e qui su SO, e sembra ancora impossibile impedire a tinymce di rimuovere tag vuoti dalla fine di un blocco modificabile.come impedire a tinymce di rimuovere i tag vuoti dall'input?

E.g. I Ingresso questo:

<a href="blah">zzz</a> 
<div class="floatClearer" style=""></div> 

..e su di andata e ritorno (dentro e fuori della modalità HTML), TinyMCE spoglia l'intero <div class="floatClearer" style=""></div>.

Come da vari pezzi di consigli che ho trovato, ho provato queste cose, e molto altro ancora:

  • rimuovere il segno meno davanti div nel mio valid_elements,

... e questi config. Opzioni:

  • verify_html : false,
  • extended_valid_elements : "div*",
  • extended_valid_elements : "div[*]",

tutto inutilmente. c'è un modo per prevenire questa azione di stripping? Ci sono altri posti in cui ho bisogno di tag vuoti (non solo in questo esempio), quindi per favore, se puoi, fammi sapere una risposta specifica alla mia domanda, invece di suggerire di non usare tag vuoti.

+3

è possibile creare un violino TinyMCE con la configurazione per aiutarci ad ottenere un betterinsight al tuo problema? vedi http://fiddle.tinymce.com/ – Thariama

+0

bentornato :-), e grazie. Certo, ecco, questo dimostra bene il problema: http://fiddle.tinymce.com/j9baab/1 Tinymce, violini, COSÌ .. che bel momento per essere un programmatore, con tutti questi strumenti incredibili! – govinda

+1

usando il tuo tinymce fiddle non riesco a vedere come viene rimosso il tuo div vuoto (ho inserito sopra div usando il pulsante 'html' del codeplugin) – Thariama

risposta

11

C'è stato un errore in TinyMCE e ora è stato risolto (in v3.5.2). Grazie a @Thariama!

Per utenti futuri: utilizzare l'opzione verify_html.

Questa opzione abilita o disabilita la funzionalità di pulitura degli elementi. Se si imposta questa opzione su false, verrà eliminata la pulitura di tutti gli elementi, ma verranno comunque eseguite altre funzionalità di pulizia, ad esempio la conversione degli URL.

Esempio di utilizzo:

tinyMCE.init({ 
    ... 
    verify_html: false 
}); 
3

sto attaccando questo qui perché sono ancora sbattere contro questo problema ALL il tempo sui blog WordPress (anche ora, 2016) dove ho bisogno di usare div vuote per inserire Google Analytics, Google Translate e Google Tag Manager.

Il modello tipico è di aggiungerne uno in una pagina di blog dove ne avete bisogno e la prossima volta che torni indietro e tocca la pagina con l'editor di TinyMCE whammo, bammo i tuoi divs andati!

Il SOLO cosa che ho trovato che sembra funzionare sempre in modo affidabile è qualcosa di simile al seguente:

<div id="google_translate_element" style="text-align:right;"><span style="display:none;">ha_ha_I_beat_u_tinyMCE</span></div> 
2

Come faccio anche avere problemi, sto aggiungendo il mio mattone - in cima Cliff Ribaudo risposta.

Quindi mi raccomando di usare &nbsp; all'interno del tag vuoto che non verrà rimosso e non sarà visibile, nemmeno dai motori di ricerca.

Facendo in questo modo non sono stati spogliato sul mio TinyMCE: <div class="someclass">&nbsp;</div>

Problemi correlati