Suneditor: Unable to create editor instance with the latest release

[dgandhi1993]

I am getting below error when I call the create function on the editor.

editor.min.js:formatted:8487 Uncaught TypeError: Cannot read property 'replace' of undefined
at Object.convertContentsForEditor (editor.min.js:formatted:8487)
at Object._initWysiwygArea (editor.min.js:formatted:8825)
at Object._init (editor.min.js:formatted:8793)
at A (editor.min.js:formatted:10225)
at Object.create (editor.min.js:formatted:10279)
at Object. (editor.min.js:formatted:10238)

If I move to the previous release, things were perfectly fine. Is there any change that I am supposed to do with this new release?

[JiHong88]

Hi, Can you show me the editor's define code?
And also show me value of the target textarea.

[dgandhi1993]

Below is the code I am trying to execute.

let imageEditor = SUNEDITOR.create("imageContainer",{
    mode: "balloon-always",
    resizingBar: false,
    showPathLabel: false,
    display: "inline",  
    tabDisable: false,
    placeholder: "Enter the image here",
    buttonList: [
        [
            "image",
            "removeFormat"
        ]
    ],
});
imageEditor.setContents("");

The error appears on the create function.

There is no value in the target textarea. In fact, there is no textarea inside the #imageContainer at the time of create function call.

Not sure what changed in this release, since the same code was working fine so far.

[JiHong88]

Um.. what tested browser?

[dgandhi1993]

Using Google Chrome.

[JiHong88]

Can you check this code?
imageEditor.core.context.element.originElement

[dgandhi1993]

Gives below error:
Uncaught TypeError: Cannot read property 'core' of null

[JiHong88]

Current code is below:

this.convertContentsForEditor(context.element.originElement.value);
convertContentsForEditor: function (contents) {
 contents = contents.replace(....)
}

I think contents is undefined.
And context.element.originElement is the target <textarea>

[dgandhi1993]

Before the editor is initialized it is bound to be undefined. I believe the _convertContentsForEditor_ should only be executed if _contents_ is not undefined.

[JiHong88]

The "value" attribute of "textarea" cannot be "undefined".
There will be something wrong.

The error is not reproduced.
Show me the HTML (target textarea) code as well.
OS is Windows or Mac?

[dgandhi1993]

<div id="imageContainer"></div>

I was using a div to create the editors so far. Seemed to work perfectly fine. But now it seems that I'll need to change it to textarea.

I am using Mac.

[JiHong88]

The target element should use only the textarea
Hmm.. Is there a difference in using the target element div and textarea?

[dgandhi1993]

Up until 2.30.0 div was working fine. In the new release (2.30.1), things broke.

I have not used a single textarea so far.

[JiHong88]

Defined as using only textarea and developed the editor.
If you used the save() function, an error would have occurred.
It's not difficult to allow div possible, so I will consider.

[dgandhi1993]

Converting all the div to textarea seems to do the trick for now.
Thanks @JiHong88 :)