PM富文本编辑器
基于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组件展示出来。
依赖
需要安装网盘插件