CKEditor Custom ACF отключает все плагины

Question

Я пытаюсь установить явный список разрешенных содержимого в моем редакторе ck, но кажется, что я недостаточно полно включен в список, потому что почти все мои плагины отключены. Если я верну ACF обратно в auto (delete allowedContent), тогда все плагины вернутся. Вот мой allowedConent в config.js

config.allowedContent = 
{ 
    h1: true, 
    h2: true, 
    h3: true, 
    'span, p, ul, ol, li,': { 
     styles: 'color, margin-left, margin-right, font-size' 
    }, 
    'a[!href,target,name]': true, 
    b: true, 
    u: true, 
    i: true, 
} 

Тем не менее, только кнопки, которые, кажется включенной поддержкой полужирный шрифт, подчеркивание, курсив. Я пытаюсь понять, почему мои другие плагины не работают. Например, ссылка плагина имеет следующее:

var allowed = 'a[!href]', 
required = 'a[href]'; 

// Add the link and unlink buttons. 
editor.addCommand('link', new CKEDITOR.dialogCommand('link', { 
    allowedContent: allowed, 
    requiredContent: required 
})); 
editor.addCommand('anchor', new CKEDITOR.dialogCommand('anchor', { 
    allowedContent: 'a[!name,id]', 
    requiredContent: 'a[name]' 
})); 

Как вы можете видеть, у меня есть якорь с необходимыми свойствами, определенных (якорем с HREF и названием), но кнопка не отображается! Я подтвердил, что мой синтаксис верен, распечатав CKEDITOR.instances ["editor-1"]. Filter.allowedContent и он показывает объект, который я ожидаю. Я также попытался добавить кучу общих элементов, например, чтобы увидеть, добавляет ли один из них плагины, но это не так. Так что я пропущу?

Answer 1

Ну, похоже, что я смешивал свой синтаксис объектов и свой синтаксис строк. Как только я исправил это, начали появляться кнопки привязки и шрифта. Ниже то, что я до сих пор:

config.allowedContent = 
{ 
    h1: true, 
    h2: true, 
    h3: true, 
    a: { 
     attributes: ['!href','target','name'] 
    }, 
    b: true, 
    u: true, 
    i: true, 
    // font-size 
    span: { 
     styles: { 'font-size': '#(size)' }, 
     overrides: [ { element :'font', attributes: { 'size': null } } ] 
    } 
} 

мне еще нужно выяснить правильное определение цвета шрифта и несколько других, но это всего лишь вопрос проверки коды плагин и посмотреть, что они ожидают, ,