vue-supernote

⭐⭐⭐⭐⭐

author:Larry Zhu

本项目完全兼容md语法，使用 marked.js 格式化 highlight.js 高亮语法

在此基础上，增加了待办事项功能，点击图标可切换事项状态

当显示正在打字时，请不要立即关闭

当显示已保存时，可关闭页面，文档会保存在浏览器缓存中

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

新语法

>> 成功
<< 失败
-> 进行中
?? 有疑问

自定义语法 v0.0.3

使用正则进行替换：

1. 正则表达式
2. 修饰符
3. 替换的文字

下面的大输入框用来输入3.，因为3.普遍应该是较长的文本

应用到你的项目

克隆项目到本地

通过Https：https://gitee.com/zhu_yongbo/super-note.git
通过SSH：[e-mail]:zhu_yongbo/super-note.git
通过Npm：npm i vue-supernote

import supernote from "supernote/src/components/superNote"
export default {
  components: {
    supernote
  },
}
//注意：本项目使用less，需安装 less-loader

<supernote v-if="isShowSurperNote" @exporter="exporter"></supernote>

exporter(value) {
  // console.log(value)
  this.outputTextValue = value.outputText //html标签字符串
  this.inputTextValue = value.inputText //原始字符串
},

你可以使用 value.outputText 通过v-html 渲染到你的展示区域，也可以通过获取value.inputText进一步处理，比如添加你自己的个性语法

本项目包含完整的Vue脚手架 ，如果不需要此功能，可以自行提取需要的文件，或者使用其制作标准的Vue插件

如果你想使用本项目进一步开发，建议使用 git