[EVO] TinyMCE - Скин bootstrap

Многие юзают бутстрап, выкладываю находку) чтоб всё было «по феншую» :)


установка:
1) скачать архив (ссыль тут), загрузка папки стилей bootstrap, в assets/plugins/tinymce/jscripts/tiny_mce/themes/advanced/skins

2) Добавление в запуск TinyMCE переменной skin с значением 'bootstrap', в assets/plugins/tinymce/js/mce_init.js.inc

или при вызове редактора, если редактор нужен вне админ-панели.

пример конфига:
tinyMCE.init({
        // General options
        mode : "textareas",
        theme : "advanced",
        skin : "bootstrap",

        theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,|,table,removeformat,code",
        theme_advanced_buttons2 : "",
        theme_advanced_buttons3 : "",
        theme_advanced_buttons4 : "",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true,
});

16 комментариев

avatar
А я мало что знаю про bootstrap ;)
avatar
тыц

просто понравилась кастомизация форка для верстки, продумано всё)
Комментарий отредактирован 2013-06-12 21:20:40 пользователем Fr3ddy
avatar
Вообще не понимаю. На каком языке ты говоришь? :D
avatar
:D
avatar
Хотелось бы уточнения:
— Как используется в данном случае bootstrap.

Я несколько раз заходил на ресурс описывающий, как бы, русским языком что скрывается под словом bootstrap, и ни как не удавалось выделить именно столько времени, чтобы разобраться и принять решение, нужно ли это или нет. Понял, лишь, что это некое упрощение и дополнительные функции для CSS, и сейчас уже натыкаюсь и на другие языки, которые он, наверное, упрощает…
avatar
в данном случае — это просто стиль под «бутстрап» для tinymce.

удобно, если у тебя сайт сверстан на бутстрапе, поля оформлять этим стилем с самыми необходимыми кнопками.

я сам не так давно такнулся на него, спугивало то, что большой вес и куча не нужного. Но всё можно урезать и собрать нужные феньки. весом в 50 кб.

Bootstrap — это некий инструмент, который в себя включает шаблоны для разметки и верстки страниц, макетов и тд.
Комментарий отредактирован 2013-06-12 21:46:31 пользователем Fr3ddy
avatar
недавно делал сайт с добавлением новостей и статей



как-то так
avatar
немного не понял как его установить, если можно расписать более подробнее
avatar
Ручная установка

1) Загрузка папки стилей bootstrap, в assets/plugins/tinymce/jscripts/tiny_mce/themes/advanced/skins

2) Добавление в запуск TinyMCE переменной skin с значением 'bootstrap', в assets/plugins/tinymce/js/mce_init.js.inc

или при вызове редактора, если редактор нужен вне админ-панели.
avatar
приятная штука — рекомендовал бы связаться с Dmi3yy, чтобы он включил в свою сборку и посодействовал включить в официальный релиз
avatar
Да. Давайте все свяжемся с Dmi3yy и попросим включить в сборку 500 тысяч стилей, плагинов, галлерейчиков, скриптиков, рюшечек и няшечек, которые кому-то понравились.
avatar
+1)))
avatar
да все нормально встало, единственное со стилями немного не понял, как их задействовать?
avatar
я лично все делал по мануалу, который в начале статьи
avatar
Вот отличная тема skin.tinymce.com/
avatar
там креатор для 4 версии
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.