更新记录

1.0.14（2021-09-18） 下载此版本

• 文档新增 在线体验 小程序码

1.0.13（2021-09-18） 下载此版本

• 文档新增 在线体验 小程序码

1.0.12（2021-09-18） 下载此版本

• 统一标题与字体的操作按钮样式
• 修复小程序端轮播图渲染问题
• 优化编辑体验

平台兼容性

uni-app

其他

linke-ux-editor 移动端编辑器

一、 关于linke-ux-editor

找了一圈uniapp生态，没一个合适的编辑器，无奈，只能就顺手写了一个完成业务需要。

如果你有刚好也需要，那就拿去吧你~

在线体验【小程序版】

二、使用

1. 导入插件

   点击右侧导入hbuilderx即可

2. 添加页面配置到 pages.json

   {
   {
       "path": "uni_modules/linke-ux-editor/pages/editPic",
       "style": {
           "navigationBarTitleText": "图片编辑",
           "enablePullDownRefresh": false
       }
   }, {
       "path": "uni_modules/linke-ux-editor/pages/editTitle",
       "style": {
           "navigationBarTitleText": "标题编辑",
           "enablePullDownRefresh": false
       }
   }, {
       "path": "uni_modules/linke-ux-editor/pages/editTxt",
       "style": {
           "navigationBarTitleText": "文本编辑",
           "enablePullDownRefresh": false
       }
   }, {
       "path": "uni_modules/linke-ux-editor/pages/editVideo",
       "style": {
           "navigationBarTitleText": "视频编辑",
           "enablePullDownRefresh": false
       }
   }
   }

3. 导入处理函数到引入编辑器的页面

   import uxEditor from '../../uni_modules/linke-ux-editor/components/js/editor.js';
   export default {
   data() {
       return {
           content: []
       }
   },
   // 这里是o，不是0，神奇的uniapp，无法显示这个钩子函数名称
   0nShow() {
       uxEditor.tempDataHandler(this.content);
   }
   }

4. 使用

   <linke-ux-editor v-model="content"></linke-ux-editor>

5. 内容渲染

   <linke-ux-parser :list="content"></linke-ux-parser>

三、API

linke-ux-editor 组件

• Props

linke-ux-parser 组件

linke-ux-parser 组件用于解析linke-ux-editor编辑的内容

• Props

四、计划 & 待办

• 视频支持