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