2

我在网站中使用 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 修改样式,这很有效,但是一旦我单击编辑器,自定义样式就会被默认样式覆盖。

如何在此编辑器中实现我自己的自定义样式?

谢谢

4

1 回答 1

2

您可以通过在创建 wysihtml5 区域时设置选项来将自己的样式表添加到 iframe:

$('#textarea-id').wysihtml5({
    stylesheets: ['/url/of/stylesheet/to/put/in/iframe']
});
于 2013-12-11T18:01:11.273 回答