Inline tinymce показывает ошибку при нажатии панели инструментов - PullRequest
0 голосов
/ 04 октября 2019

Мое приложение должно редактировать содержимое в строке. Редактор Tinymce должен отображаться встроенным нажатием кнопки.

Все работает нормально, встроенный редактор появляется при нажатии кнопки, а содержимое выделяется для редактирования. Но пока я начинаю редактировать, скажем, чтобы сделать текст жирным, редактор исчез и показывает консольную ошибку, подобную приведенной ниже;

zone.js: 199 Uncaught TypeError: Невозможно прочитать свойство 'childNodes'из null

at Object.read$1 [as read] (tinymce.js:15050)
at Object.createFromEditor (tinymce.js:15095)
at Object.add (tinymce.js:15266)
at Editor.addNonTypingUndoLevel (tinymce.js:15158)
at EventDispatcher.fire (tinymce.js:25978)
at Editor.fire (tinymce.js:26084)
at tinymce.js:11940
at tinymce.js:2206
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195)

Проблема только со встроенным редактором, другой работает нормально. Но требование заключается в использовании встроенного редактора.

Это функция, которую я вызываю для показа встроенного оттенка:

openEditor(elementid: string) {
    let selector = '#' + elementid;
    let strcontent = $(selector).html();
    var plugins_str = 'paste,save,charmap,link,autoresize';
    var toolbar_icons = "bold | italic | link unlink";
    tinymce.baseURL = '../../../assets';

    tinymce.init({
        selector: selector,
        cache_suffix: "?v=4",
        entity_encoding: "raw",
        valid_elements: "*[*]",
        menubar: false,
        toolbar1: toolbar_icons,
        plugins: [ plugins_str ],
        statusbar: false,
        inline: true,
        resize: true,
        initialValue: {},
        autofocus: true,
        save_onsavecallback: function (e) {
            var savecontent = e.getContent();
        },
        save_oncancelcallback: function (e) {
            e.remove();
            var corresp_elm = document.getElementById(elementid);
            corresp_elm.outerHTML = that.editor_in_data;
            that.reinstateEditableElements();
        }
    });

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