墨璃编辑器(ame) --- Android Markdown 编辑器，基于b3log/vditor github: https://github.com/csfwff/Android-Markdown-Editor
- 2020/3/12
- 升级vditor到2.2.19
- 增加wysiwyg模式
- 将getHTML和html2md改为同步
- insertValue增加是否渲染参数
我就是闲的，感觉得整点东西，又不知道整啥，就整了个这个，然后结合之前做富文本是遇到的坑，稍微做了点修改
由于基于 vditor，因此支持 vditor 的大部分方法
| 说明 | |
|---|---|
| getValue(ValueCallback<String> callback) | 获取编辑器内容 |
| getHTML(ValueCallback<String> callback) | 获取预览区内容。 |
| insertValue(String value, boolean render) | 在焦点处插入内容，是否进行markdown渲染 |
| focus() | 聚焦到编辑器 |
| blur() | 让编辑器失焦 |
| disabled() | 禁用编辑器 |
| enable() | 解除编辑器禁用 |
| setSelection(int start，int end) | 选中从 start 开始到 end 结束的字符串，不支持 wysiwyg 模式 |
| getSelection(ValueCallback<String> callback) | 获取选中的字符串 |
| setValue(String value) | 设置编辑器内容 |
| getCursorPosition(ValueCallback<String> callback) | 获取焦点位置，{top: number, left: number} |
| deleteValue() | 删除选中内容 |
| updateValue(String value) | 更新选中内容 |
| clearCache() | 清除缓存 |
| disabledCache() | 禁用缓存 |
| enableCache() | 启用缓存 |
| html2md(value: string,ValueCallback<String> callback) | HTML 转 md。 |
| tip(String text,int time) | 消息提示。time 为 0 将一直显示 |
| setPreviewMode(PreviewMode previewMode) | 设置预览模式。PreviewMode.both, PreviewMode.editor, PreviewMode.preview |
| setMode(Mode mode) | 设置markdown模式或wysiwyg模式 |
注：
getHTML返回的string会将<转义成\u003C，自行查找替换即可setPreviewMode仅在markdown模式下有效wysiwyg下模式下insertValue渲染的时候会有部分标记未能联系上下文，未能正确渲染，可以采用插入的时候不渲染，换行后删除，即可正确渲染，参考这里
此外，为了方便自定义，砍掉了默认的工具栏，只提供方法，按钮怎么摆就是你的事了
另外以下方法仅支持markdown模式，wysiwyg模式下请使用insertValue
| 说明 | |
|---|---|
| undo() | 撤销 |
| redo() | 重做 |
| setBold() | 加粗 |
| setH1() | 一级标题 |
| setH2() | 二级标题 |
| setH3() | 三级标题 |
| setH4() | 四级标题 |
| setH5() | 五级标题 |
| setH6() | 六级标题 |
| setItalic() | 斜体 |
| setStrike() | 删除线 |
| setLine() | 分割线 |
| setQuote() | 引用 |
| setList() | 无序列表 |
| setOrdered() | 有序列表 |
| setCheck() | 任务列表 |
| setCode() | 代码块 |
| setInlineCode() | 行内代码 |
| setLink() | 超链接 |
| setTable() | 表格 |
XML
<com.xiamo.ame.AMEditor
android:id="@+id/ameditor"
android:layout_width="match_parent"
android:layout_height="200dp"
/>
Java
AMEditor amEditor = (AMEditor)findViewById(R.id.ameditor);
amEditor.focus();
amEditor.setPreviewMode(AMEditor.PreviewMode.preview);
...
- Vditor： 浏览器端的 Markdown 编辑器
稍微魔改下Vditor，改动可以看这里