Basic Marks
Set of essential text formatting options.
components/demo.tsx
'use client';
import React from 'react';
import { Plate } from '@udecode/plate-common/react';
import { editorPlugins } from '@/components/editor/plugins/editor-plugins';
import { useCreateEditor } from '@/components/editor/use-create-editor';
import { Editor, EditorContainer } from '@/components/plate-ui/editor';
import { DEMO_VALUES } from './values/demo-values';
export default function Demo({ id }: { id: string }) {
const editor = useCreateEditor({
plugins: [...editorPlugins],
value: DEMO_VALUES[id],
});
return (
<Plate editor={editor}>
<EditorContainer variant="demo">
<Editor />
</EditorContainer>
</Plate>
);
}
插件：
BoldPlugin用于bold标记ItalicPlugin用于italic标记UnderlinePlugin用于underline标记StrikethroughPlugin用于strikethrough标记SubscriptPlugin用于subscript标记SuperscriptPlugin用于superscript标记CodePlugin用于code标记
Installation
npm install @udecode/plate-basic-marksUsage
import { BasicMarksPlugin } from '@udecode/plate-basic-marks/react';
const plugins = [
// ...otherPlugins,
BasicMarksPlugin,
];键盘快捷键
| Key | Description |
|---|---|
| Cmd + B | 切换所选文本的粗体格式。 |
| Cmd + I | 切换所选文本的斜体格式。 |
| Cmd + U | 切换所选文本的下划线格式。 |
| Cmd + E | 切换所选文本的代码格式。 |
| Cmd + Shift + X | 切换所选文本的删除线格式。 |
| Cmd + , | 切换所选文本的下标格式。 |
| Cmd + . | 切换所选文本的上标格式。 |
插件
BasicMarksPlugin
BoldPlugin
Options
Collapse all
要删除的节点属性。
CodePlugin
Options
Collapse all
要删除的节点属性。
ItalicPlugin
Options
Collapse all
要删除的节点属性。
UnderlinePlugin
Options
Collapse all
要删除的节点属性。
StrikethroughPlugin
Options
Collapse all
要删除的节点属性。
SubscriptPlugin
Options
Collapse all
要删除的节点属性。
SuperscriptPlugin
Options
Collapse all
要删除的节点属性。