editor.js icon indicating copy to clipboard operation
editor.js copied to clipboard

💡 Inline image / icon

Open PINHOf opened this issue 2 years ago • 1 comments

  1. 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.

  2. Describe the solution you'd like. Mockups are welcome. Upload image or choose from FronAwesome free icons.

  3. Are there any alternatives? No. The available images plugins sets the content as block / separated from text.

PINHOf avatar Aug 04 '22 11:08 PINHOf

+1

yuki070 avatar Aug 26 '22 12:08 yuki070

+1

allangalera avatar Oct 31 '22 04:10 allangalera

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)

unilynx avatar May 23 '23 21:05 unilynx