开发文档
配置项
文档配置

文档配置

用于配置 Umo Editor 文档区域及文档名称的显示和行为。

默认配置

{
  document: {
    title: '未命名文档',
    content: '',
    placeholder: {
      en_US: 'Please enter the document content...',
      zh_CN: '请输入文档内容...',
    },
    enableSpellcheck: true,
    enableMarkdown: true,
    enableBubbleMenu: true,
    enableBlockMenu: true, // v1.3.0 新增
    readOnly: false,
    autofocus: true,
    characterLimit: 0,
    typographyRules: {},
    editorProps: {}, // v2.3.0 新增
    parseOptions: { // v2.3.0 新增
      preserveWhitespace: 'full',
    },
    autoSave: { // v1.4.0 新增
      enabled: true,
      interval: 300000,
    },
  },
}

配置项说明

document.title

说明:文档标题,用于导出的文件名称等,您可以通过setDocument 方法来动态设置或修改文档标题。

类型String

默认值未命名文档

document.content

说明:初始的文档内容,用户可修改,您可以通过setContent 方法来动态设置或修改文档内容。

类型String

默认值:空

document.placeholder

说明:文档内容为空时的占位符。

类型StringObject

默认值请输入文档内容...

document.enableSpellcheck

说明:是否启用浏览器拼写检查,启用时用户可手动关闭,您可以通过setDocument 方法来动态设置是否启用浏览器拼写检查。

类型Boolean

默认值true

document.enableMarkdown

说明:是否启用 Markdown 语法,启用时用户可手动关闭,您可以通过setDocument 方法来动态设置是否启用 Markdown 语法。

类型Boolean

默认值true

document.enableBubbleMenu

说明:是否启用气泡菜单,您可以通过setDocument 方法来动态设置是否显示气泡菜单。

类型Boolean

默认值true

document.enableBlockMenu v1.3.0 新增

说明:是否启用块级菜单,您可以通过setDocument 方法来动态设置是否显示块级菜单。

类型Boolean

默认值true

document.readOnly

说明:文档是否只读,为 true 时用户无法编辑当前文档,您可以通过setReadOnly 方法来设置文档是否只读。

类型Boolean

默认值false

document.autofocus

说明:文档是否自动获得光标焦点,您可以通过focus 方法来设置文档是否获得光标焦点。

类型Boolean

默认值true

document.characterLimit

说明:文档字数限制,为 0 时不限制字数。

类型Number

默认值0

document.typographyRules

说明:文档排版规则。

类型Object

默认值{}

配置项:

名称描述默认是否启用
emDash将双破折号 — 转换为长破折号 —。✅ 启用
ellipsis将三个点 … 转换为省略号 …。✅ 启用
openDoubleQuote“智能”左双引号。✅ 启用
closeDoubleQuote“智能”右双引号。✅ 启用
openSingleQuote‘智能’左单引号。✅ 启用
closeSingleQuote‘智能’右单引号。✅ 启用
leftArrow将 <- 转换为左箭头 ←。✅ 启用
rightArrow将 ‐> 转换为右箭头 →。✅ 启用
copyright将 (c) 转换为版权符号 ©。✅ 启用
registeredTrademark将 (r) 转换为注册商标符号 ®。✅ 启用
trademark将 (tm) 转换为商标符号 ™。✅ 启用
servicemark将 (sm) 转换为服务商标符号 ℠。✅ 启用
oneHalf将 1/2 转换为一半 ½。✅ 启用
oneQuarter将 1/4 转换为四分之一 ¼。✅ 启用
threeQuarters将 3/4 转换为四分之三 ¾。✅ 启用
plusMinus将 +/- 转换为正负号 ±。✅ 启用
notEqual将 != 转换为不等号 ≠。✅ 启用
laquo将 << 转换为左双尖角引号 «。✅ 启用
raquo将 >> 转换为右双尖角引号 »。✅ 启用
multiplication将 2 * 3 或 2x3 转换为乘号 2×3。✅ 启用
superscriptTwo将 ^2 转换为上标二 ²。✅ 启用
superscriptThree将 ^3 转换为上标三 ³。✅ 启用

如果要禁用某项,将该项设置为 false 即可,如:

{
  document:{
    typographyRules: {
      emDash: false
    }
  }
}

document.autoSave v1.4.0 新增

说明:文档自动保存配置,您可以通过setDocument 方法来动态设置或修改此配置。

类型Object

配置项:

  • enabled: Boolean,是否启用自动保存,默认值为 true
  • interval: Number,自动保存的间隔时间,单位为毫秒,默认值为 300000(5 分钟)。

document.editorProps v2.3.0 新增

说明:对于一些进阶场景,您可以通过 document。editorPropsProseMirror传递一些配置,您可以使用它来覆盖各种编辑器事件或更改编辑器 DOM 元素属性。更多信息见:https://prosemirror.net/docs/ref/#view.EditorProps

示例

{
  editorProps: {
    attributes: {
      class: 'prose prose-sm sm:prose lg:prose-lg xl:prose-2xl mx-auto focus:outline-none',
    },
    transformPastedText(text) {
      return text.toUpperCase()
    },
  },
}

类型Object

默认值{}

document.parseOptions v2.3.0 新增

说明:定义ProseMirror解析行为,当你需要解析一个 DOM 节点或者一个原始文本字符串到 ProseMirror 的文档模型时,你可以使用 document.parseOptions 来自定义解析过程。更多信息见:https://prosemirror.net/docs/ref/#model.ParseOptions

类型Object

默认值{ preserveWhitespace: 'full' }