Cherry API

setMarkdown(content:string, keepCursor = false)

设置内容,setValue(content:string, keepCursor = false)有同样的功能
keepCursor = true 更新内容的时候保持光标位置

试一试

insert(content:string, isSelect = false, anchor = false, focus = true)

插入内容
isSelect=true 选中刚插入的内容
anchor=false 在光标处插入内容,anchor=[1,3] 在第2行第4个字符处插入内容

试一试

getMarkdown()

获取markdown内容

试一试

getHtml()

获取渲染后的html内容

试一试

destroy()

销毁函数

试一试

resetToolbar(type:string, toolbar:array)

重置工具栏
type 修改工具栏的类型 {'toolbar'|'toolbarRight'|'sidebar'|'bubble'|'float'}
toolbar 工具栏配置

试一试

export(type:string)

导出预览区域的内容,type:{'pdf'|'img'}

试一试

switchModel(model:string)

切换模式:{'edit&preview'|'editOnly'|'previewOnly'}

试一试

getToc()

获取由标题组成的目录

试一试

getCodeMirror()

获取左侧编辑器实例

试一试

getPreviewer()

获取右侧预览区对象实例

试一试

Previewer.scrollToId(id:string)

滚动到对应id的元素位置
id 可以为带#号hash,也可以是id值

试一试


Cherry.engine API

engine.makeHtml(markdown:string)

将markdown字符串渲染成Html

试一试

engine.makeMarkdown(html:string)

将html字符串渲染成markdown

试一试


Cherry.toolbar.toolbarHandlers API

toolbar.toolbarHandlers.bold()

向cherry编辑器中插入加粗语法

试一试

toolbar.toolbarHandlers.italic()

向cherry编辑器中插入斜体语法

试一试

toolbar.toolbarHandlers.header(level:int)

向cherry编辑器中插入标题语法

试一试

toolbar.toolbarHandlers.strikethrough()

向cherry编辑器中插入删除线语法

试一试

toolbar.toolbarHandlers.list(type:string)

向cherry编辑器中插入有序、无序列表或者checklist语法

level 效果
'1' ol 列表
'2' ul 列表
'3' checklist

试一试

toolbar.toolbarHandlers.insert(type:string)

向cherry编辑器中插入特定语法:

type 效果
'hr' 删除线
'br' 强制换行
'code' 代码块
'formula' 行内公式
'checklist' 检查项
'toc' 目录
'link' 超链接
'image' 图片
'video' 视频
'audio' 音频
'normal-table' 插入3行5列的表格
'normal-table-row*col' normal-table-2*4插入2行(包含表头是3行)4列的表格

试一试

toolbar.toolbarHandlers.graph(type:string)

向cherry编辑器中插入画图语法

id 效果
'1' 流程图
'2' 时序图
'3' 状态图
'4' 类图
'5' 饼图
'6' 甘特图

试一试