Я интегрировал tinyMCE 5.2.1 (приложение angular 6), как показано ниже.
Angular. json
"styles":[
"node_modules/tinymce/skins/content/default/content.min.css",
]
"scripts":[
"node_modules/tinymce/tinymce.min.js",
"node_modules/tinymce/themes/silver/theme.min.js"
]
в файле .ts, который я настроил как ниже:
tinymce.init({
selector: '.TinyMCE',
skin: false,
content_css: 'assets/tinymce/js/tinymce/skins/ui/oxide/content.min.css',
mode: 'exact',
height: 150,
schema: 'html5',
menubar: false,
theme: 'silver',
statusbar: false,
plugins: 'placeholder',
content_style:
'#tinymce-body { min-height: 0px; } .mce-content-body { color: rgba(101, 99, 93, 1); overflow-x: hidden !important; }',
body_id: 'tinymce-body',
toolbar: 'bold underline italic addAttachment',
//valid_elements: 'strong/b,i/italic,p,br',
inline_styles: false,
formats: {
// bold: { inline: 'span', classes: 'bold' },
// italic: { inline: 'span', classes: 'em' },
// underline: { inline: 'span', classes: 'underline', exact: true },
underline: { inline: 'u', exact: true },
italic: { inline: 'em', exact: true },
bold: { inline: 'b', exact: true }
},
elements: this.elementID,
setup: this.tinyMCESetup.bind(this),
// setup: this.getSetup,
});
перед добавлением skin.min. css в массив стилей в angular. json У меня были следующие вещи в массиве assets angular. json
{
"glob": "**/*",
"input": "node_modules/tinymce/skins",
"output": "/skins/"
},
{
"glob": "**/*",
"input": "node_modules/tinymce/themes",
"output": "/themes/"
},
{
"glob": "**/*",
"input": "node_modules/tinymce/plugins",
"output": "/plugins/"
},
Это хорошо работало в chrome, но не работало в IE11, так как вообще не обрабатывалось, однако после этого я удалил вышеуказанную часть и вставил skin.min. css прямо в массив стилей angular. json, это заставило tinyMCE работать в обоих IE & Chrome, но в консоли chrome выдает ошибку ниже:
Refused to apply style from 'http://localhost:8080/gateway/api/portal/mysite/assets/tinymce/js/tinymce/skins/ui/oxide/content.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
Пожалуйста, дайте мне знать, если у кого-то есть основополагающий вопрос.