https://github.com/noah227/hx-markdown-preview
https://github.com/noah227/hx-markdown-preview
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/noah227/hx-markdown-preview
- Owner: noah227
- Created: 2023-07-19T09:56:47.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-05-06T08:26:04.000Z (about 1 year ago)
- Last Synced: 2024-05-06T09:37:34.402Z (about 1 year ago)
- Language: Vue
- Size: 863 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# hx-markdown-preview
一个好用的markdown渲染插件
## 功能特性
* 多引擎支持
- [ ] [marked](https://www.npmjs.com/package/marked)
- [ ] [markdown-it](https://www.npmjs.com/package/markdown-it) markdown-it是插件式的，目前安装的插件如下
* [markdown-it-task-lists](https://www.npmjs.com/package/markdown-it-task-lists)
* [markdown-it-anchor](https://www.npmjs.com/package/markdown-it-anchor) 锚点id生成
* 未启用，因为已经使用`markdown-it-toc-and-anchor`了
* [markdown-it-emoji](https://www.npmjs.com/package/markdown-it-emoji) emoji
* [markdown-it-attrs](https://www.npmjs.com/package/markdown-it-attrs) 快捷属性绑定
* [markdown-it-container](https://www.npmjs.com/package/markdown-it-container) 自定义块信息渲染的
* 还没有定义块，所以暂未开启
* [markdown-it-sub](https://www.npmjs.com/package/markdown-it-sub) 角标
* [markdown-it-sup](https://www.npmjs.com/package/markdown-it-sup) 角标
* [markdown-it-mark](https://www.npmjs.com/package/markdown-it-mark) 着色标记
* [markdown-it-footnote](https://www.npmjs.com/package/markdown-it-footnote) 脚标（注解）
* 暂未启用，因为目前是hash模式，在使用hash的模式下不可用
* [markdown-it-imsize](https://www.npmjs.com/package/markdown-it-imsize) 图片尺寸定义
* 未启用，使用了fs，浏览器不适配
* 已使用[markdown-it-img-resize](https://www.npmjs.com/package/markdown-it-img-resize)处理
* [markdown-it-ins](https://www.npmjs.com/package/markdown-it-ins) ins标签
* [markdown-it-toc-and-anchor](https://www.npmjs.com/package/markdown-it-toc-and-anchor)
## todo
- [x] 文件监听更新
- [ ] 初始尺寸设定
- hbx的createWebView似乎不可以设置初始尺寸，也不支持状态继承
- [ ] 同时提供`editor/context`注册的常用快捷操作，在只使用鼠标点点点的情况下也能进行修改。
- 目前支持的操作如下
- [ ] 加粗
- [ ] 倾斜
- [ ] 删除线
- [ ] 代码块（即两个 \` 符号）