jacob-lcs / AEditor

一个基于 Vue 可以输入公式的富文本编辑器

AEditor

🚀一个可以输入公式的富文本编辑器

使用方法

1. 安装

   # 使用npm
   npm i aeditor
   
   # 使用yarn
   yarn add aeditor

2. 引用

   // 导入组件库
   import AEditor from 'aeditor'
   // 注册组件库
   Vue.use(AEditor)

3. 在Vue文件中使用

   <template>
     <AEditor v-model="content" />
   </template>
   
   <script>
   export default {
   	name: 'AEditor',
       data() {
           return {
               content: ''
           }
   	}
   }
   </script>

预览

要完成的功能

• 插入标题
• 加粗字体
• 添加删除线
• 添加下划线
• 插入图片
• 将字体改为斜体
• 插入链接
• 改变前景色
• 改变后景色
• 增大字体
• 缩小字体
• 撤销操作
• 重做操作
• 输入公式

项目构建

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint