Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/talltotal/vuepress-plugin-editor
vuepress的富文本组件插件
https://github.com/talltotal/vuepress-plugin-editor
Last synced: about 4 hours ago
JSON representation
vuepress的富文本组件插件
- Host: GitHub
- URL: https://github.com/talltotal/vuepress-plugin-editor
- Owner: talltotal
- Created: 2020-07-24T10:28:41.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-02-03T20:23:36.000Z (almost 2 years ago)
- Last Synced: 2024-10-08T01:47:35.417Z (about 1 month ago)
- Language: Vue
- Size: 601 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [@talltotal/vuepress-plugin-editor](https://talltotal.github.io/vuepress-plugin-editor/)
在VuePress文档中做一些简单的富文本操作。
## install
```bash
yarn add -D @talltotal/vuepress-plugin-editor
# OR npm install -D @talltotal/vuepress-plugin-editor
```
## Usage
### 在 `config.js` 中引入
```js
module.exports = {
plugins: [
['@talltotal/vuepress-plugin-editor', { editableInProd: false }]
]
}
```
### 在 md 文档中使用
直接在文档中以组件元素的形式使用，接收两个参数：
- `name` 模块的名字，需全站唯一
- `type` ‘light’或‘dark’，主题色
- `hideControls` 隐藏操作区
- `minArea` 在组件内划分横向的区域数
```md
```
### 编辑区快捷键
- tab：4个空格
- command+-：字体缩小
- command++：字体放大
- command+s：保存提交
- command+b：加粗
- command+i：斜体
