CKEditor更改样式集,而无需销毁并重新创建

时间:2020-09-10 13:06:07

标签: javascript html ckeditor

我正在使用CKEditor 4.14.1,并且希望在不破坏和重新创建编辑器的情况下更改样式集。

我有多个样式集(下面列出了2个),如果我重新加载页面并将自定义更改为 faktaboks

,则可以在它们之间进行更改
CKEDITOR.config.stylesSet = '**custom**:/CMSContent/Settings/editorconfig/styles.js?v=' + rString;

可以完成销毁并重新创建编辑器(下面的se函数)的操作,但是我将不这样做就更改样式集。

function changeStyles(style) {            
        ckeditorinstance.destroy();
        ckeditorinstance = null;
        CKEDITOR.config.stylesSet = style + ':/CMSContent/Settings/editorconfig/styles.js?v=' + rString;
        ckeditorinstance.ckeditor();

        
    }

CKEDITOR.stylesSet.add('custom', [
{ name: 'Grundskrift', element: 'p', attributes: { 'class': '' } },
{ name: 'Grundskrift uden indryk', element: 'p', attributes: { 'class': 'grundskrift-uden-indrykning' } },
{ name: 'Grundskrift kursiv', element: 'p', attributes: { 'class': 'grundskrift-kursiv' } },
{ name: 'Mellem rubrik', element: 'h2', attributes: { 'class': 'mr' } },
{ name: 'Citat person', element: 'p', attributes: { 'class': 'citat-person' } },
{ name: 'Anvisning', element: 'p', attributes: { 'class': 'Anvisning' } },
{ name: 'Note Overskrift', element: 'h2', attributes: { 'class': 'note-OS' } },
{ name: 'Note', element: 'p', attributes: { 'class': 'note' } },
{ name: 'Højre kursiv', element: 'p', attributes: { 'class': 'hojre-kursiv' } },
{ name: 'Kommentar-skribent', element: 'p', attributes: { 'class': 'Kommentar-skribent' } },
{ name: 'Kommentar-tekst', element: 'p', attributes: { 'class': 'Kommentar-tekst' } },
{ name: 'Tekstboks overskrift', element: 'h2', attributes: { 'class': 'A-OS' } },
{ name: 'Mail', element: 'p', attributes: { 'class': 'author-post-text' } },
{ name: 'Billedtekst', element: 'p', attributes: { 'class': 'bill' } },
{ name: 'Elastiktekst', element: 'span', attributes: { 'class': 'elastic-text' } },
{ name: 'Leder_tekst kursiv', element: 'p', attributes: { 'class': 'Leder_tekst' } },
{ name: 'Ikke på print', element: 'p', attributes: { 'class': 'grundskrift-uden-indrykning not-for-print' } }

]);

CKEDITOR.stylesSet.add('faktaboks', [
{ name: 'Fakta titel', element: 'h2', attributes: { 'class': 'faktaboks-titel' } },
{ name: 'Fakta tekst', element: 'p', attributes: { 'class': '' } },
{ name: 'Fakta indledning', element: 'h3', attributes: { 'class': 'fakta-indledning' } },
{ name: 'Fakta mellemrubrik', element: 'h3', attributes: { 'class': 'fakta-mellemrubrik' } },

]);

0 个答案:

没有答案