Insert image at list with line break

[sohee-lee7]

Version

v1.4.3

Test Environment

Chrome

Current Behavior

When insert image at the list with line break and change mode to wysiwyg,
line break disappear.

Expected Behavior

Line break should be kept.

[seonim-ryu]

Current

Case 1 : If there is only an image after the last <br> (Issue!)

Markdown

Wysiwyg

Case 2: If there is only text after the last <br>

Markdown

Wysiwyg

Case 3: If there is the image and some text as inline after the last <br>

Markdown

Wysiwyg

Cause

• The case 1 situation occurred because the img tag was not recognized when determining the line break in the squire.

Result

• Fix the logic of the squire.

[seonim-ryu]

Current

• Add <br> between <br> to <img> before calling setValue of the WWE. (Change from <br><img> to <br><br><img>)

// wysiwygEditor.spec.js
const case1 = 'test<br><img src="" />'; // success
const case2 = 'test<br>\u200B<img src="" />'; // success
const case2 = 'test<br>\n<img src="" />'; // fail

• If removing preprocessor of setValue above then the line break is not working between the text and the image.

editor.getCurrentModeEditor().setValue('test<br><img src="" />');
// or
editor.getCurrentModeEditor().setValue('<a href="#">test<br><img src="" /></a>');