Блог

Главная - Вопросы по программированию - onNodeChange в tinymce v5?

onNodeChange в tinymce v5?

#javascript #vue.js #tinymce #tinymce-plugins

#javascript #vue.js #tinymce #tinymce-плагины

Вопрос:

я добавил внешний плагин в tinymce ( https://moodle.org/plugins/tinymce_glatex )

я добавляю его в tinymce.init следующим образом 

 plugins: ['glatex'],
toolbar: ' glatex',
external_plugins: {
  'glatex': '/images/glatex/tinymce/editor_plugin.js'
},

но в консоли есть ошибка

 Failed to initialize plugin: glatex TypeError: Cannot read property 'add' of undefined
    at t.<computed>.t.<computed>.init (editor_plugin.js:48)
    at cN (tinymce.min.js:2)
    at Array.<anonymous> (tinymce.min.js:2)
    at Object.ge [as each] (tinymce.min.js:2)
    at pN (tinymce.min.js:2)
    at EE.<anonymous> (tinymce.min.js:2)
    at Array.<anonymous> (tinymce.min.js:2)
    at ge (tinymce.min.js:2)
    at u (tinymce.min.js:2)
    at tinymce.min.js:2
    
theme.min.js:2 Uncaught Error: Errors: 
Failed path: (toolbarbutton)
Could not find valid *strict* value for "onAction" in {
  "title": "LaTeX Plugin",
  "cmd": "LatexPlugin",
  "image": "/images/glatex/tinymce/img/latex.png",
  "type": "button"
}

Input object: {
  "title": "LaTeX Plugin",
  "cmd": "LatexPlugin",
  "image": "/images/glatex/tinymce/img/latex.png",
  "type": "button"
}
    at theme.min.js:2
    at Object.getOrDie (theme.min.js:2)
    at theme.min.js:2
    at theme.min.js:2
    at Object.fold (theme.min.js:2)
    at theme.min.js:2
    at Object.fold (theme.min.js:2)
    at qE (theme.min.js:2)
    at theme.min.js:2
    at V (theme.min.js:2)

и это код editor_plugin.js в glatex

 (function () {

        tinymce.create('tinymce.plugins.LatexPlugin', {

          
    init: function (ed, url) {
      ed.addCommand('LatexPlugin', function () {
          ed.windowManager.open({
              file: ed.getParam("moodle_plugin_base")   'glatex/glatex.php',
              width: 640   parseInt(ed.getLang('latex.delta_width', 0)),
              height: 480   parseInt(ed.getLang('latex.delta_height', 0)),
              inline: 1
          }, {
              plugin_url: url
          });
      });

      // Register button
      ed.ui.registry.addButton('glatex', {
          title: 'LaTeX Plugin',
          cmd: 'LatexPlugin',
          image: url   '/img/latex.png'
      });

      // Node change events
      ed.onNodeChange.add(function (ed, cm, n) {
          cm.setActive('glatex', n.nodeName == 'IMG');
      });

    },

    getInfo: function () {
        return {
            longname: 'Latex plugin',
            author: 'Diego Caponera',
            authorurl: 'http://www.diegocaponera.com',
            infourl: 'http://www.diegocaponera.com',
            version: "1.0"
        };
    }
    });

// Register plugin
       tinymce.PluginManager.add('glatex', tinymce.plugins.LatexPlugin)
})();

кто-нибудь понимает эту ошибку?я искал его все время, но решения не найдено

Ответ №1:

Похоже, что плагин, на который вы ссылаетесь, был написан до выпуска TinyMCE 5, поэтому он, вероятно, использует API-интерфейсы TinyMCE 4.

Для того, чтобы плагин работал с TinyMCE 5, его необходимо будет обновить для работы с API-интерфейсами TinyMCE 5.

Здесь есть документация по переходу с TinyMCE 4 на 5: https://www.tiny.cloud/docs/migration-from-4x