Я пытаюсь разрешить все теги html
<div> <p> <span> <i> /* etc */
и html-атрибуты, как показано ниже (класс, id), например:
<div id="foo" class="bar" style="z-index:1;">SOME COOL CONTENT HERE</div>
в ckeditor.
Я нашел что-то вроде docs.ckeditor.com
config.allowedContent = {
$1: {
// Use the ability to specify elements as an object.
elements: CKEDITOR.dtd,
attributes: true,
styles: true,
classes: true
}
};
config.disallowedContent = 'script; *[on*]';
и добавил его в config.js
в корневую папку ckeditor. Но ничего не изменилось. Когда я пытаюсь добавить некоторые html-теги в блоке исходного кода ckeditor, он удаляет все содержимое html.
Что мне не хватает? Заранее спасибо.
Версия: ## CKEditor 4.4.7
EDIT & UPDATE:
После ответов @Eelke и @Necreaux я добавил allowedContent = true
в свой config.js. Теперь основные элементы html, такие как <div> <span> <h3>
работают отлично. Но ckeditor все еще разделяет теги <i>
.
Полностью Конфигурация JS
CKEDITOR.editorConfig = function( config ) {
config.allowedContent = true;
config.removeFormatAttributes = '';
// Define changes to default configuration here.
// For complete reference see:
// http://docs.ckeditor.com/#!/api/CKEDITOR.config
// The toolbar groups arrangement, optimized for two toolbar rows.
config.toolbarGroups = [
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] },
{ name: 'links' },
{ name: 'insert' },
{ name: 'forms' },
{ name: 'tools' },
{ name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
{ name: 'others' },
'/',
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
{ name: 'styles' },
{ name: 'colors' },
{ name: 'about' }
];
// Remove some buttons provided by the standard plugins, which are
// not needed in the Standard(s) toolbar.
config.removeButtons = 'Underline,Subscript,Superscript';
// Set the most common block elements.
config.format_tags = 'p;h1;h2;h3;pre;';
// Simplify the dialog windows.
config.removeDialogTabs = 'image:advanced;link:advanced';
};