Я использую 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, и это работает, но как только я нажимаю на редактор, пользовательский стиль перезаписывается стилем по умолчанию.
Как мне реализовать свой собственный стиль в этом редакторе?
Спасибо
