отказаться от применения стиля и приложения tinyM C / angular 6 - PullRequest
0 голосов
/ 16 апреля 2020

Я интегрировал 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.

Пожалуйста, дайте мне знать, если у кого-то есть основополагающий вопрос.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...