blsmedia/bot
2
0
Fork 0
Code Activity

🐛 (textBubble) Fix link parsing in text editor

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-12-02 17:42:18 +01:00
parent bdf7c0d5c0
commit b4dc64028c
3 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
apps/builder/src/features/blocks/bubbles/textBubble/components/TextBubbleContent.tsx
View File

@ -3,6 +3,7 @@ import { useTypebot } from '@/features/editor'
import { TextBubbleBlock } from 'models'
import React from 'react'
import { parseVariableHighlight } from '@/utils/helpers'
import { isEmpty } from 'utils'
type Props = {
block: TextBubbleBlock
@ -17,11 +18,11 @@ export const TextBubbleContent = ({ block }: Props) => {
flexDir={'column'}
opacity={block.content.html === '' ? '0.5' : '1'}
className="slate-html-container"
color={isEmpty(block.content.plainText) ? 'gray.500' : 'inherit'}
dangerouslySetInnerHTML={{
__html:
block.content.html === ''
? `<p>Click to edit...</p>`
: parseVariableHighlight(block.content.html, typebot),
__html: isEmpty(block.content.plainText)
? `<p>Click to edit...</p>`
: parseVariableHighlight(block.content.html, typebot),
}}
/>
)

9
apps/builder/src/lib/plate.tsx
View File

@ -23,10 +23,11 @@ export const platePlugins = createPlugins(
renderAfterEditable: PlateFloatingLink,
options: {
isUrl: (url: string) =>
url.startsWith('http') ||
url.startsWith('mailto') ||
url.startsWith('tel') ||
url.startsWith('sms'),
url.startsWith('http:') ||
url.startsWith('https:') ||
url.startsWith('mailto:') ||
url.startsWith('tel:') ||
url.startsWith('sms:'),
},
}),
],