How to extend the URLPopover render settings for the paragraph Gutenberg block?

admin管理员组

文章数量:1417057

Add this moment when you enter an URL in a Paragraph-block there is only one setting: Open in New Tab. I like to be able to add settings such as Link Style. That adds a class to a link.

Add this moment when you enter an URL in a Paragraph-block there is only one setting: Open in New Tab. I like to be able to add settings such as Link Style. That adds a class to a link.

• block-editor

Share Improve this question edited Aug 6, 2019 at 17:19 fuxia♦ 107k3939 gold badges255255 silver badges459459 bronze badges asked Aug 5, 2019 at 16:23 MarkMark 1,02911 gold badge1515 silver badges2727 bronze badges 1

• This will almost certainly require a good amount of javascript knowledge to do, and there is no guarantee it can actually be done. – Tom J Nowell ♦ Commented Aug 5, 2019 at 16:44

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

It cannot be done, no API currently exists to add what you want to add.

If we look at the component that implements this:

https://github/WordPress/gutenberg/blob/5b01c97c6943890abb44b2154392ffcccef87b3e/packages/format-library/src/link/inline.js#L197

The InlineLinkUI wraps a component that wraps the URLPopover component, and places a child component inside it which is how the new window checkbox is added. No slots are present or hooks for intercepting this.

Judging from what you want to do, I don't think this is the intended path forward. Instead, build a block, or a new inline block. You can also open an issue on the Gutenberg GitHub requesting the feature

本文标签： How to extend the URLPopover render settings for the paragraph Gutenberg block