Image insert via URL

  1. Click on the arrow button in insertImage plugin to reveal the image insert panel.
  2. Paste the URL to the input (eg: https://ckeditor.com/docs/ckeditor5/latest/assets/img/malta.jpg).
  3. Click Insert button.

Image replace via URL

  1. Click on the image in the editor.
  2. Click on the arrow button in insertImage plugin to reveal the image insert panel.
  3. Edit the value of the input.
  4. Click Update button.

Image insert via integrations

  1. In the Editor 2 click on the arrow button in insertImage plugin to reveal the image insert panel.
  2. Click on the CKFinder button.
  3. Choose image and confirm.

Image insert via pasting URL into editor

  1. Copy image URL to clipboard (eg: https://ckeditor.com/docs/ckeditor5/latest/assets/img/malta.jpg).
  2. Paste the URL to the editor.

Insert image integrations:

Insert configured as "auto"

Image upload via URL with CKFinder integration

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id tellus et mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortis leo interdum.

Insert configured as "block"

Image upload via URL with CKFinder integration

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id tellus et mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortis leo interdum.

Insert configured as "inline"

Image upload via URL with CKFinder integration

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id tellus et mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortis leo interdum.