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