โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โ ๐ shadcn/directory/udecode/plate/(plugins)/(marks)/highlight.cn โ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ
title: ้ซไบฎๆ ่ฎฐ docs:
<mark> HTML ๅ
็ด ๆๅฟซๆทๆทปๅ ้ซไบฎๆไปถ็ๆนๅผๆฏไฝฟ็จ BasicMarksKit๏ผๅฎๅ
ๅซ้ข้
็ฝฎ็ HighlightPlugin ไปฅๅๅ
ถไปๅบ็กๆ ่ฎฐๅๅ
ถ Plate UI ็ปไปถใ
HighlightLeaf: ๆธฒๆ้ซไบฎๆๆฌๅ
็ด ๅฐๅฅไปถๆทปๅ ๅฐไฝ ็ๆไปถไธญ๏ผ
import { createPlateEditor } from 'platejs/react';
import { BasicMarksKit } from '@/components/editor/plugins/basic-marks-kit';
const editor = createPlateEditor({
plugins: [
// ...ๅ
ถไปๆไปถ
...BasicMarksKit,
],
});
npm install @platejs/basic-nodes
ๅจๅๅปบ็ผ่พๅจๆถๅฐ HighlightPlugin ๅ
ๅซๅฐ Plate ๆไปถๆฐ็ปไธญใ
import { HighlightPlugin } from '@platejs/basic-nodes/react';
import { createPlateEditor } from 'platejs/react';
const editor = createPlateEditor({
plugins: [
// ...ๅ
ถไปๆไปถ
HighlightPlugin,
],
});
ไฝ ๅฏไปฅไฝฟ็จ่ชๅฎไน็ปไปถๅๅฟซๆท้ฎๆฅ้
็ฝฎ HighlightPluginใ
import { HighlightPlugin } from '@platejs/basic-nodes/react';
import { createPlateEditor } from 'platejs/react';
import { HighlightLeaf } from '@/components/ui/highlight-node';
const editor = createPlateEditor({
plugins: [
// ...ๅ
ถไปๆไปถ
HighlightPlugin.configure({
node: { component: HighlightLeaf },
shortcuts: { toggle: { keys: 'mod+shift+h' } },
}),
],
});
node.component: ๅ้
HighlightLeaf ๆฅๆธฒๆ้ซไบฎๆๆฌๅ
็ด shortcuts.toggle: ๅฎไน็จไบๅๆข้ซไบฎๆ ผๅผ็้ฎ็ๅฟซๆท้ฎไฝ ๅฏไปฅๅฐ MarkToolbarButton ๆทปๅ ๅฐไฝ ็ๅทฅๅ
ทๆ ไธญๆฅๅๆข้ซไบฎๆ ผๅผใ
HighlightPlugin็จไบ้ซไบฎๆๆฌๆ ผๅผๅ็ๆไปถใ้ป่ฎคๆธฒๆไธบ <mark> HTML ๅ
็ด ใ
tf.highlight.toggleๅๆข้ไธญๆๆฌ็้ซไบฎๆ ผๅผใ
โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ