Блог

Я использую TinyMCE в своем приложении Symfony, и мне нужно ссылаться на скомпилированный файл CSS в моем app.js файл.

Для TinyMCE эталонной командой является content_css : tinymcecss

Я попытался включить файл, как я делаю для иконографии, вот так:

 import plusicon from '../images/icons/plus.svg';
import tinymcecss from '../sass/email_styles.scss';
 

Однако ошибка, которую я получаю, заключается export 'default' (imported as 'tinymcecss') was not found in '../sass/email_styles.scss' (module has no exports) в следующем .

Как правильно ссылаться на скомпилированный файл CSS (из SASS) в моем app.js файл для Symfony?

Параметр content_css конфигурации ожидает URL (путь) к файлу CSS, а не имя переменной для чего — либо, входящего в комплект вашего приложения. Файл CSS затем загружается в iframe, который является TinyMCE, чтобы CSS влиял на содержимое, но не на страницу вашего приложения, которое встраивает TinyMCE.

Вы можете сделать что-то похожее на то, что вы пытались сделать, импортировав CSS, но вам нужно использовать content_style не content_css :

 /* Import content css */
 import contentUiCss from '../tinymce/js/tinymce/skins/ui/oxide/content.css';
 import contentCss from '../tinymce/js/tinymce/skins/content/default/content.css';

 /* Initialize TinyMCE */

    tinymce.init({
     selector: 'textarea#editor',
     plugins: 'advlist code emoticons link lists table',
     toolbar: 'bold italic | bullist numlist | link emoticons',
     skin: false,
     content_css: false,
     content_style: contentUiCss.toString()   'n'   contentCss.toString(),
   });
 

Пожалуйста, ознакомьтесь с документацией TinyMCE по использованию загрузчиков модулей для получения более подробной информации:

https://www.tiny.cloud/docs/advanced/usage-with-module-loaders/introduction_to_bundling_tinymce/