Inserting/Editing links is hard

Hi @duskhacker,

I agree that link inserting/editing is not as intuitive as I would like, and am currently working on customizing it through a plugin. Here's a brief outline of what I'm working on, let me know if you're interested and I can provide the code (it's currently buried in a single plugin with lots of other customizations, so I'd need to do some work to isolate it):

• Link editing is done through a custom modal rather than the component settings
• When creating new link through the RTE toolbar (clicking the "link" button), the modal immediately appears and allows you to configure the link options (href, title, content)
• You can also open the modal by double clicking on an existing link. This kind of gets in the way of enabling the RTE, but I think it's a fair trade-off since you can edit the link content/text from the modal.
• The modal provides a more user friendly way to create different types of links (mailto, custom url, pre-defined links, anchor)
• I am also disabling all the default traits for links (might replace it with a custom "Edit Link" button...not sure yet) so that there is only 1 way to change the link attributes

Hi @lahdekorpi I think something like this should work

      result: rte => {
       // Use a custom attribute in order to find the component later
        rte.insertHTML(`<span data-selectme>${rte.selection()}</span>`);
        const sel = editor.getSelected(); // get the currect selected text component
        sel.once('rte:disable', () => {
          const toSel = sel.find('[data-selectme]')[0]; // Find the componenet to select
          const attr = toSel.getAttributes();
          delete attr['data-selectme'];
          toSel.setAttributes(attr); // remove the custom attribute
          toSel.set('selectable', true); // ensure the component is selectable
          editor.select(toSel);
        });
        sel.trigger('disable'); // disables editing on the current component (this will also trigger the parser)
      },

@YevhenShashnin updated the example as the RTE enable/disable functions became asynchronous.