我在网站中使用 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>
在 bootstrap-wysihtml5load
事件中通过 jQuery 修改样式,这很有效,但是一旦我单击编辑器,自定义样式就会被默认样式覆盖。
如何在此编辑器中实现我自己的自定义样式?
谢谢