gpt4 book ai didi

jquery - 如何自定义wysihtml5编辑器的背景颜色、字体等?

转载 作者:行者123 更新时间:2023-12-01 04:10:48 25 4
gpt4 key购买 nike

我在网站中使用 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com