CKEditor: Come posso fare alcuni tag come H3, H4, non modificabile h5 in ckeditor

Question

CKEditor: Come posso fare alcuni tag come H3, H4, non modificabile h5 in ckeditor

aperto a soluzione js o CSS qualsiasi lo farà

Answer 1

L'impostazione di configurazione protectedSource è l'impostazione desiderata.

{} Array CKEDITOR.config.protectedSource

elenco di espressioni regolari per essere eseguito il codice HTML di ingresso, indicando il codice che deve rimanere intatta.

Non sono un esperto sulle espressioni regolari, ma qualcosa come questo dovrebbe fare il trucco:

config.protectedSource.push(/[^<]*(<h1>([^<]+)<\/h1>)/g); 

potrebbe essere necessario giocare con un po '. Avvertenza: la regex in tale forma prenderà solo i tag <h1>...</h1>, non ad esempio le deviazioni come <h1>...< /h1>.

Answer 2

In config.js, utilizzare il seguente codice per definire quali elementi si desidera consentire a CKEditor (ho tolto h1):

config.format_tags = 'p;h2;h3;h4;h5;h6;pre;address;div' 

Answer 3

È possibile aggiungere l'attributo contenteditable = false al tag. E.g.

ckeditor.insertHtml('<h1 contenteditable="false">Not editable text</h1>');