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