Внешний CSS с froala - PullRequest
Новая
       42

Внешний CSS с froala

0 голосов
/ 02 июля 2018

Я пытаюсь использовать редактор froala для рендеринга некоторых моих HTML-шаблонов. Эти шаблоны имеют стили, определенные в теге style (показано ниже). Я наблюдаю, что эти стили / классы не имеют никакого значения, когда я отображаю свой шаблон в редакторе 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>

Ответы [ 2 ]

0 голосов
/ 04 июля 2018

Имеется эта опция useClasses , которая по умолчанию имеет значение true и, установив значение false, внешний css будет применяться к экземпляру froala. 

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

Нечто подобное выше. Вы можете сослаться на это здесь. https://www.froala.com/wysiwyg-editor/docs/options#useClasses

0 голосов
/ 04 июля 2018

Обнаружив, что froala по умолчанию удаляет теги script и style вместе с содержимым, я смог заставить его работать после разрешения тега style из настроек, упомянутых здесь https://www.froala.com/wysiwyg-editor/docs/options#htmlRemoveTags

...