nhn / tui.editor

🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

Home Page:http://ui.toast.com/tui-editor

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

joao-miguel-inacio opened this issue · comments

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)"}... />
  1. See the Error