Skip to content

HTMLEditor: Insert link UI #548

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 2 commits into
base: master
Choose a base branch
from
Draft

HTMLEditor: Insert link UI #548

wants to merge 2 commits into from

Conversation

jermy-c
Copy link
Collaborator

@jermy-c jermy-c commented Apr 11, 2025

With the new Bubble Menu, I've implemented a small bubble menu that shows up near the selected when you want to insert a link. The UI isn't great and the input field is not focused when the bubble menu shows up. But this is what I propose. I would like a better UI though.

Image

It only works for links now.

To use the extension you would have to configure it like, where you have to pass the element that the editor will attach to because setting up the UI needs to happen before the editor is loaded.

        InsertLink.configure({
          editorEl: rootEl,
        }),

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant