Inserting/Editing links is hard

Question

You can only insert them in particular places, and making them "inline" is impossible. By "inline" I mean; I'm writing a line of text, and I want to put a link there, with some highlighted words that are the link, and continue with the words of the line. This is a very typical action and GrapesJS just won't let me do it. Once you do get it dropped somewhere, it's hard to get the editor to actually edit them. You have to time the double-click, then click, just right to get it into the edit mode....

ryandeba · Accepted Answer

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 settingsWhen creating new link through the RTE toolb...

artf · Answer

Hi @lahdekorpi I think something like this should work

artf · Answer

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

Inserting/Editing links is hard

Question

Answers (3)

Related Questions and Answers

A "." character is injected when inserting two whitespaces when editing any text component in grapesjs

Custom component - how to set editable to true

Style gone on link or nested text elements after exiting edit

How to avoid tags to be detected as Component

Paid Plugins That Match This Issue

Browse Plugin Categories