editor.js
editor.js copied to clipboard
💡 Inline image / icon
-
Describe a problem. I'd like to add an image / FontAwesome Icon as inline to the text. It would be cool if I could set the size of FontAwesome icon as well.
-
Describe the solution you'd like. Mockups are welcome. Upload image or choose from FronAwesome free icons.
-
Are there any alternatives? No. The available images plugins sets the content as block / separated from text.
+1
+1
There seem to be a few related issues
- https://github.com/codex-team/editor.js/issues/1937 is also about this (moved into a discussion but no activity there)
- https://github.com/codex-team/editor.js/issues/2338 asks for float:left/right support, which I guess is even harder than simple inline images
Block tools won't work as you point out. And from what I understand from the documentation, inline tools always want to surround text (eg bold, turning it into a link) - inline tools cannot generate anything independent like an inline-block (or input field, image, ...) and none of the tools on https://github.com/editor-js/awesome-editorjs#inline-tools do anything like that. Nothing on the roadmap seems to point to that direction - https://github.com/codex-team/editor.js#roadmap
Which makes me fear that it would be quite a challenge to add the basics for such inline components. I wonder if any of the Codex team can jump in and tell if there's a chance for the editor to support 'inline blocks' in the future
(let alone supporting float which is probably a much bigger challenge given the current DOM layout)