nhn / tui.editor

šŸžšŸ“ Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
http://ui.toast.com/tui-editor
MIT License
16.91k stars 1.71k forks source link

Inserted Image via URL does not show/load on WYSIWYG only editor #3230

Open joao-miguel-inacio opened 3 months ago

joao-miguel-inacio commented 3 months ago

Image inserted via URL does not load on WYSIWYG only editor but loads on split view editor

image image

To reproduce the behavior:

1) Ensure editor is on WYSIWYG editor mode.

import { Editor } from '@toast-ui/react-editor';
<Editor initialEditType="wysiwyg" ... />
  1. Click on "insert image" button on toolbar and select URL image

  2. Paste URL (example https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRz4A224fVYcQVau6NcpaI2X3dmbeyJgMoB_Vo4xv2WWA&s )

  3. Click on "OK"

  4. See the Error

OR:

1) Ensure editor is on WYSIWYG editor mode.

import { Editor } from '@toast-ui/react-editor';
<Editor initialEditType="wysiwyg" ... />
  1. Pass the string "![image](https://github.com/nhn/tui.editor/assets/98990036/d71f0dab-9117-4ce5-a52a-3b05175887b2)" as initial value:
    import { Editor } from '@toast-ui/react-editor';
    <Editor initialEditType="wysiwyg" initialValue={"![image](https://github.com/nhn/tui.editor/assets/98990036/d71f0dab-9117-4ce5-a52a-3b05175887b2)"}... />
  2. See the Error