Как настроить цвет фона, шрифт и т. Д. Редактора wysihtml5?
Я использую bootstrap-wysihtml5 на веб-сайте, и мне нужно настроить редактор, чтобы он соответствовал внешнему виду моего веб-сайта. Например, редактор bootstrap-wysihtml5 имеет белый фон с черным текстом, но мне нужно изменить его, скажем, на красный фон с белым текстом. Я также хотел бы использовать другой шрифт.
Если я использую Fiddler, чтобы изучить <iframe> созданный bootstrap-wysihtml5, я вижу, что <body> элемент в <iframe> имеет следующее 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 определения в <iframe> приходят, но я не понимаю, как я могу настроить их для чего-то другого.
Я пытался изменить <iframe><body> стиль с помощью jQuery в bootstrap-wysihtml5 load событие, и это работает, но как только я нажимаю на редактор, пользовательский стиль заменяется стилем по умолчанию.
Как мне реализовать свой собственный стиль в этом редакторе?
Спасибо
1 ответ
Вы можете добавить свои собственные таблицы стилей в iframe, установив параметр при создании области wysihtml5:
$('#textarea-id').wysihtml5({
stylesheets: ['/url/of/stylesheet/to/put/in/iframe']
});