ProseMirror 富文本编辑器

基于ProseMirror的二次开发, 支持图库功能. 同时支持即见即所得的编辑体验和Markdown的快速编辑体验, 生成的HTML代码清晰简洁

快捷键

父节点

Esc, to move/delete

粗体

Ctrl-B

斜体

Ctrl-I

下划线

Ctrl-U

删除线

Ctrl-Alt-X

行内代码

Ctrl-`

正文

Ctrl-Alt-0

标题 1

# Space, Ctrl+Alt+1

标题 6

###### Space, Ctrl+Alt+6

有序列表

1. Space, Ctrl+Alt+8

无序列表

* Space, Ctrl+Alt+9

引用 blockquote

> Space, Ctrl-Alt-Q

对齐

左: Ctrl-Alt-L, 右: Ctrl-Alt-R, 居中: Ctrl-Alt-C, 两端: Ctrl-Alt-J

插入分隔线

Ctrl-Alt-_

上一级列表/增少缩进

Ctrl-[

下一级列表/增加缩进

Ctrl-]

另外双击或右键图片、视频、链接可以弹出配置窗口。

初始值

插件只在插件挂载的时候读取初始HTML(通常由$f的一个字段动态传入), 所以如果插件挂载的时候还没有从数据库中获取初始HTML的话应该给插件添加重新挂载表达式以便当它的值发生变化时(从无到有)重新挂载插件

获取值

富文本编辑器插件没有要求填表单字段,所以它不会把更新自动同步给表单,需要在保存数据库前先使用表达式获取最新的值赋给表单。
插件容器有一个getHTML()函数可以获取编辑后的HTML. 由于此插件容器有个类名zp100, 所以可以通过$(".zp100").getHTML()来获取编辑结果. 但如果一个页面有多个本插件时就应该给每个插一个唯一的类名, 而通过唯一类名来获取插件容器
通常把编辑结果赋给一个表单字段后存入数据库,然后再通过HTML组件展示出来。

依赖

需要安装网盘插件

Make in ZC APP Platform