search

sibiraj-s / ngx-editor

🖋️ Rich Text Editor for angular using ProseMirror
https://sibiraj-s.github.io/ngx-editor/
MIT License
458 stars 191 forks source link

Question: how to show custom popup dialog for URL #371

Closed mvandenabeele closed 3 years ago

mvandenabeele commented 3 years ago

Hi,

I'm using ngx-editor for a small project where workers need to be able to insert predefined links. If they need to memorize and retype these URLs, the user experience is not as good as could be, so I'm investigating the possibility to show a popup where they can just select the item they want to link to. Could this be done? Any pointers would be greatly appreciated!

Merijn

sibiraj-s commented 3 years ago

You should be able to insert link using commands

const editor = new Editor()
editor.commands
  .insertLink('Google', {href: 'https://google.com', target: '_blank'})
  .focus()
  .exec()

so I'm investigating the possibility to show a popup

you'll have to create the popup yourself. You can insert the link from there using the above command. There is also custom menu. using custom menu, you can create your own button component which will be rendered at the end of the toolbar item, which you can use to trigger the popup.