javascript - 带froala的外部CSS

我正在尝试使用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>

最佳答案

有一个useClasses选项，默认情况下为true，如果设置为false，则外部css将应用于froala实例。

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

像上面的东西。
您可以在这里参考。
https://www.froala.com/wysiwyg-editor/docs/options#useClasses

Froala

javascript - 带froala的外部CSS