CKEditor 4 объединяет css

Я использую CSS на своем веб-сайте для стилизации элементов.

В моей (собственно разработанной) CMS я использую CKEditor в качестве WYSIWYG-редактора.

Я хотел бы, чтобы редактор имел тот же стиль, что и контент на моей веб-странице. CSS моей страницы выглядит так:

.content 
{
    ...
}
.content ul, .content ol 
{
    ...
}
.content p
{
    ...
}

Но таблица стилей CKEditor (contents.css) выглядит так:

body
{
    ...
}
ol,ul,dl
{
    ...
}

h1,h2,h3,h4,h5,h6
{
    ...
}

Есть ли способ сделать это в одной таблице стилей или отредактировать CKEditor, чтобы добавить div.content?

Я нашел ответ, измените config.js на:

CKEDITOR.editorConfig = function( config ) {
    config.bodyClass = 'content'; //class that body needs to refer to
    config.contentsCss = '/css/beheer.css'; //your stylesheet

css ckeditor
person LinkinTED    schedule 26.12.2012    source источник
comment
Пожалуйста, отметьте свою проблему как решенную, как только вы найдете решение, чтобы другие люди знали, что здесь нечего делать.   -  person oleq    schedule 30.12.2012

Ответы (2)


arrow_upward
0
arrow_downward

В CKEDITOR вы пишете тег <div> для любого из ваших ol,ul,dl,h1,etc элементов.

Просто перейдите к кнопке исходного кода в CKEDITOR, а затем вы сможете отредактировать его так, как хотите.

person user1933753    schedule 05.02.2013

arrow_upward
0
arrow_downward

Как я редактировал стартовый пост, я сам нашел ответ:

Измените config.js на:

CKEDITOR.editorConfig = function( config ) {
    config.bodyClass = 'content'; //class that body needs to refer to
    config.contentsCss = '/css/beheer.css'; //your stylesheet
person LinkinTED    schedule 14.03.2013