2013-12-11 2 views
2

Я использую bootstrap-wysihtml5 на веб-сайте и вам нужно настроить редактор, чтобы он соответствовал внешнему виду моего веб-сайта. Например, редактор bootstrap-wysihtml5 имеет белый фон с черным текстом, но мне нужно изменить его, например, на красный фон с белым текстом. Я также хотел бы использовать другой шрифт.Как вы настраиваете цвет фона, шрифт и т. Д. Wysihtml5?

Если я использую Fiddler для изучения созданных самозагрузки-wysihtml5, я вижу, что <body> элемента в имеет следующий style определения:

background-color: rgb(255, 255, 255); 
color: rgb(44, 62, 80); 
font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; 
font-size: 15px; 
... 

В font-family параметрах, используемые здесь, определены в моем bootstrap.css файл, поэтому я предполагаю, что это то, из чего происходят определения style в , но я не вижу, как я могу настроить их на что-то другое.

Я попытался модифицировать <body> стиль с помощью JQuery в бутстраповском-wysihtml5 load события, и это работает, но как только я нажимаю на редакторе пользовательского стиль перезаписывается с укладкой по умолчанию.

Как реализовать собственный стиль в этом редакторе?

Благодаря

ответ

3

Вы можете добавить свои собственные таблицы стилей для фрейма, установив опцию при создании wysihtml5 площади:

$('#textarea-id').wysihtml5({ 
    stylesheets: ['/url/of/stylesheet/to/put/in/iframe'] 
}); 
Смежные вопросы