我在网站中使用 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-wysihtml5 中通过 jQuery 样式 load事件，这有效，但是一旦我单击编辑器，自定义样式就会被默认样式覆盖。
如何在此编辑器中实现我自己的自定义样式？
谢谢
最佳答案
您可以通过在创建 wysihtml5 区域时设置选项来将自己的样式表添加到 iframe:
$('#textarea-id').wysihtml5({
stylesheets: ['/url/of/stylesheet/to/put/in/iframe']
});
关于jquery - 如何自定义wysihtml5编辑器的背景颜色、字体等？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20526519/