文章/答案/技术大牛

发布

社区首页 >问答首页 >如何自定义wysihtml5编辑器的背景色、字体等？

问如何自定义wysihtml5编辑器的背景色、字体等？
EN

Stack Overflow用户

提问于 2013-12-12 01:57:21

回答 1查看 3.7K关注 0票数 2

我在一个网站中使用bootstrap-wysihtml5，需要自定义编辑器来匹配我的网站的外观和感觉。例如，bootstrap-wysihtml5编辑器具有白色背景和黑色文本，但我需要将其更改为，比方说，红色背景和白色文本。我也想使用不同的字体。

如果我使用Fiddler检查由bootstrap-wysihtml5创建的<iframe>，我看到<iframe>中的<body>元素具有以下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文件中定义的，所以我假设这就是<iframe>中的style定义的来源，但是我不知道如何将这些定义定制为不同的设置。

我尝试过在<iframe> -wysihtml5 <body>事件中通过jQuery修改bootstrap的样式，这是可行的，但只要我单击编辑器，自定义样式就会被默认样式覆盖。

如何在这个编辑器中实现我自己的自定义样式？

谢谢

jquery

twitter-bootstrap

wysihtml5

bootstrap-wysihtml5

回答 1

Stack Overflow用户

发布于 2013-12-12 02:01:11

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

$('#textarea-id').wysihtml5({
    stylesheets: ['/url/of/stylesheet/to/put/in/iframe']
});

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20526519

复制

相似问题

问如何自定义wysihtml5编辑器的背景色、字体等？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何自定义wysihtml5编辑器的背景色、字体等？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何自定义wysihtml5编辑器的背景色、字体等？
EN