🚀 - UIKIT-4821: Работа с картинками в WYSIWYG

[splincode]

Description

Now working with pictures in WYSIWYG is quite limited - I insert a picture and that's it. For the design of texts, sometimes more is required.

After inserting into pictures I can:

• resize the picture (reduce/enlarge) - and see the actual result
• can drag image to position within text
• change the location of the image relative to the text (now all images can be NOT wrapped with text):
• choose whether the picture is wrapped with text or not
• choose the location of the image relative to the page

---

Сейчас работа с картинками в WYSIWYG достаточно ограничена - вставляю картинку и все. Для оформления текстов иногда требуется большего.

После вставки в картинки могу:

• поменять размер картинки (уменьшить/увеличить) - и увидеть фактический результат
• могу перетаскивать картинку по месторасположению внутри текста
• поменять расположение картинки относительно текста (сейчас все картинки могут быть НЕ обтекаемыми текстом):
• выбираю может быть картинка обтекаема текстом или нет
• выбираю расположение картинки относительно страницы

[KhaledGabr]

Example of how Medium editor does image positioning:

However, a more flexible option to this, is to allow developers to create their own forms that defines how the image should be styled. For example, a developer may want to add a corner radius for images, etc. The example below is an editor with an image and video form within the editor.

[KhaledGabr]

Similar to the Example I had earlier .. this editor also allow adding these custom defined blocks .. where developers can define arbitrary blocks within the editor. In this case, though the form isn't embedded right in the editor but rather opens in a new panel.

[splincode]

That is another feature request