Как реализовать tinymce в vue таким образом, чтобы eslint не выдавал ошибку «tinymce is notfined error»?

Question

Я пытаюсь заставить tinymce и eslint работать вместе в приложении vue, но каждый раз, когда я пытаюсь использовать что-то вроде tinymce.activeEditor..., eslint выдает ошибку 'tinymce' is not defined при сборке. Если я отключу eslint, приложение будет нормально работать, и я смогу нормально использовать tinymce.activeEditor.... Так как tinymce - это извлечение из облака, как я могу определить его в приложении, чтобы избежать появления ошибки, вызываемой eslint?

Answer 1

Чтобы было ясно, что вы видите, просто: eslint - в зависимости от того, как он настроен - не хочет, чтобы вы ссылались на неопределенные переменные. Это не проблема TinyMCE как таковая, но, вероятно, она актуальна, если вы используете TinyMCE Cloud для загрузки TinyMCE, поскольку ваш код JavaScript не определяет переменную tinymce.

Существует несколько способов «исправить» eslint жалоба:

1 - доступ к tinymce через объект глобального окна:

window.tinymce

2 - Оберните ваш код директивой для eslint, чтобы не проверять неопределенные переменные:

/*eslint-disable no-undef*/
...
/*eslint-enable no-undef*/

https://eslint.org/docs/user-guide/configuring#disabling -rules-with-inline-comments

3 - Определите глобальное в вашем .eslintrc файле

{
  "globals": {
    "tinymce": true
  }
}

https://eslint.org/docs/user-guide/configuring#specifying -глобальных