I can edit a link field in a block inline (e.g. teaser block or image block)

[djay]

Some blocks have links fields rather than richtext ones like in #35.

These should be able to be clicked on to edit the url inline similar to #35.

Don't think there is a design for this in figma.

This will also help being able to to click on blocks without it navigating away accidentally

[djay]

We should make sure how the UI works that it should allow for editing a link at the same time as an image such as on the Image block.

Maybe that means that editing the link is via a button on the slate bar instead of just clicking on it?

[djay]

I think the UI should be the similar as for slate.

1. click on the teaser in a place that would be linked (could also be text editable)
   • difference is you don't have to select the text you want to turn into a link
   • if something is both text and link editable then the maybe data-field-editable="heading,url"?
2. link icon appears on the toolbar
3. click link and enter/select url.
4. repeat to edit.

Note

• We don't support optional browsing to another page
  • if its needed we can add it into the link widget later
• we do need to disable any links or buttons for the frontend so they don't have to write complex code.
  • this prevents accidentally browsing to another page while editing
  • not sure how hard that is
• for something like a teaser where it makes sense to start by selecting the link to init the rest of the content
  • use the starterUI I can upload/select an image inline on an image block (starter UI) #36 to put in an inplace url widget