文章/答案/技术大牛

发布

社区首页 >问答首页 >带froala的外部CSS

问带froala的外部CSS
EN

Stack Overflow用户

提问于 2018-07-03 03:57:52

回答 2查看 1.3K关注 0票数 0

我正在尝试使用froala编辑器来呈现我的一些HTML模板。这些模板在样式标签中定义了样式(如下所示)。我观察到，当我在froala编辑器上(以非iframe方式)呈现我的模板时，这些样式/类没有任何不同。

我试着寻找各种配置选项，但在这里找不到任何对我有帮助的选项。

有没有办法将外部CSS链接传递给froala实例，并将相同的样式应用于froala中的内容？

例如，当在froala上加载这个模板时，没有pinkText类的影响：

<html>
<head>
  <title>test asset</title>
  <style type="text/css">
    .pinkText {
      height: 22px;
      font-family: Arial;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.38;
      text-align: center;
      color: #cb2c90;
    }
  </style>
</head>
<body>
  <span class="pinkText">
    <b> REACT is AWESOME! </b>
  </span>
</body>
</html>

javascript

html

css

wysiwyg

froala

回答 2

Stack Overflow用户

发布于 2018-07-04 13:10:51

我发现froala默认情况下会删除脚本和样式标签以及内容，在允许这里提到的https://www.froala.com/wysiwyg-editor/docs/options#htmlRemoveTags设置中的样式标签后，我能够让它工作

票数 1

Stack Overflow用户

发布于 2018-07-04 13:33:13

有一个选项useClasses，默认情况下是真的，通过设置为假，外部css将应用于froala实例。

$('.selector').froalaEditor({
  useClasses: false
});

类似于上面的内容。你可以在这里参考它。https://www.froala.com/wysiwyg-editor/docs/options#useClasses

票数 1

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

原文链接：

https://stackoverflow.com/questions/51142965

复制

相似问题

问带froala的外部CSS
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带froala的外部CSSEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带froala的外部CSS
EN