0

Здравствуйте! Для редактирования текстов на сайте у нас используется wisiwig редактор CKEditor. Сейчас возникла необходимость сделать так, чтобы всем абзацам проставлялся опред. класс. Никак не могу разобраться, где это можно настроить. И еще надо переопределить стиль некот. заголовков.

1 ответ 1

1

Самый простой вариант, без вмешательства в редактор - обернуть вывод редактора в какой-нибудь див и в CSS прописать:

div.ckedit p { /* ... */ }
div.ckedit h1 { /* ... */ }

Чтобы эти стили было видно в редакторе нужно посмотреть, во что обёрнуто окошко редактора, и подключить аналогичные стили:

tinyMCE.init
(
    {
        content_css : "ваши_стили.css",
        /* ... */ 
    }
);

Второй вариант. Создаём отдельную кнопку для работы с выделенными блоками текста (styleselect):

tinyMCE.init
(
    {
        theme_advanced_buttons1 :"styleselect,...",
        /* ... */ 
        style_formats : 
        [
            {title : 'P test', block : 'p', classes : 'pppp'},
        /* ... */
        ]
    }
);

Соответственно, в подключаемом к редактору content_css прописываем p.pppp, чтобы этот стиль был виден в редакторе. Выделяем абзац мышкой, выбираем "P test" и получаем параграф с классом "pppp". Но это уже будет на совести юзеров :)

3
  • Спасибо, но там просто ведь и в окошке редактирования все стили применяются, т.е. пользователи могут запутаться.
    – masha2
    12 ноя 2012 в 7:11
  • Обновил ответ.
    – user6550
    12 ноя 2012 в 7:34
  • Что-то совсем запарился: хотел про CK, а автоматом написал про tinymce, потому что его больше использую :) В общем, там аналогично :)
    – user6550
    13 ноя 2012 в 7:44

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.