2
0

feat(engine): Add link support in text bubbles

This commit is contained in:
Baptiste Arnaud
2022-02-10 10:51:29 +01:00
parent 8c8d77e052
commit 0338acae82
5 changed files with 91 additions and 60 deletions

View File

@ -1,4 +1,3 @@
import { Link } from '@chakra-ui/react'
import {
createBoldPlugin,
createItalicPlugin,
@ -21,5 +20,18 @@ export const platePlugins = createPlugins(
createUnderlinePlugin(),
createLinkPlugin(),
],
{ components: { [ELEMENT_LINK]: Link } }
{
components: {
[ELEMENT_LINK]: (props) => (
<a
href={props.element.url}
target="_blank"
rel="noreferrer"
className={props.className}
>
{props.children}
</a>
),
},
}
)