[SUNEDITOR.convertContentsForEditor.consistencyCheck.fail] TypeError: Cannot read property 'removeChild' of undefined

[mehmetotkun]

I am getting below error when trying to use suneditor with angularjs.

After initialize below error occurred.

[JiHong88]

Hi, @mehmetotkun
Show me editor's declaration part with options.

[mehmetotkun]

Here is complete directive. I declare editor after scripts loading is complated.

.directive('sunEditor', ['$ocLazyLoad', '$timeout', function ($ocLazyLoad, $timeout) {
        return {
            restrict: 'AC',
            //scope: true,
            require: 'ngModel',
            compile: function (tElm, tAttr, transclude) {
                if (!window.sunEditorPromise) {
                    window.sunEditorPromise =
                    $ocLazyLoad.load([{
                        files: [
                            'https://cdn.jsdelivr.net/npm/suneditor@latest/dist/css/suneditor.min.css',
                            'https://cdn.jsdelivr.net/npm/suneditor@latest/dist/suneditor.min.js',
                            'https://cdn.jsdelivr.net/npm/suneditor@latest/src/lang/en.js'
                        ]
                    }]);
                }
                return function postLink(scope, element, attr, controller) {
                    var options = attr.options;
                    var isEditorChange = false;
                    var suneditor;
                    window.sunEditorPromise.then(function () {
                        if (attr.sunEditor == 'sipmle') {
                            suneditor = SUNEDITOR.create((element[0]), {
                                formats: ['p', 'div', 'h2', 'h3', 'h4'],
                                height: 'auto',
                                buttonList: [

                                    ['formatBlock', 'bold', 'underline', 'italic', 'link', 'superscript', 'list'],
                                    ['removeFormat'],
                                    ['fullScreen', 'showBlocks', 'codeView'],
                                    ['preview', 'print'],
                                    ['undo', 'redo'],
                                ],
                                lang: SUNEDITOR_LANG['en']
                            });
                        } else {
                            suneditor = SUNEDITOR.create((element[0]),
                                {
                                    formats: ['p', 'div', 'h1', 'h2', 'h3', 'h4'],
                                    height: 'auto',
                                    buttonList: [
                                        ['formatBlock', 'bold', 'underline', 'italic', 'link', 'superscript', 'list', 'table'],
                                        ['link', 'image', 'video'],
                                        ['removeFormat'],
                                        ['fullScreen', 'showBlocks', 'codeView'],
                                        ['preview', 'print'],
                                        ['undo', 'redo'],
                                    ],
                                    lang: SUNEDITOR_LANG['en']
                                });
                        }

                        suneditor.onChange = function (contents) {
                            isEditorChange = true;
                            $timeout(function () {
                                var cleanContent = contents.replaceAll('<br>', '').replaceAll('<br/>', '').replaceAll('<p></p>', '').replaceAll('<span></span>', '')
                                    .replaceAll('<b></b>', '').replaceAll('<i></i>', '').replaceAll('<strong></strong>', '')
                                var contentEl = angular.element(cleanContent);
                                contentEl.find('br').remove();
                                contentEl.find('*:empty').remove();
                                controller.$setViewValue(contentEl[0]);
                            })
                        }
                    })
                    scope.$watch(attr.ngModel, function (newVal, oldVal) {
                        if (!isEditorChange && suneditor && newVal) {
                            suneditor.setContents(newVal || "");
                            scope.$watch(attr.ngModel, function () { });
                        }
                    })
                }
            }
        
        };
    }])

[JiHong88]

@mehmetotkun
Can you show me the editor's initialize data?
<textarea>${data}</textarea>

[mehmetotkun]

Sorry @JiHong88 for late.

I bind data to the textarea by ng-model
<textarea ng-model="$textModel"></textarea>

[JiHong88]

The 2.29.0 version has been updated.
If this issue has not been resolved, please reopen this issue.
Thank you.

[mehmetotkun]

Nowi there is another bug

[JiHong88]

The 2.31.0 version has been updated.
If this issue has not been resolved, please reopen this issue.
Thank you.

[JiHong88]

I think the cause of the error seems to be this.#430 (comment)
Please refer.