使用Vue带你一步步封装百度编辑器UEditor

使用Vue带你一步步封装百度编辑器UEditor开发工具 : webstorm1: npm init -y2:npm i –save-dev webpack@3.8.1和npm i –save-dev webpack-dev-server@2.7.13:新建配置webpack的文件webpack.config.js4....

优资园

3795人浏览 · 2018-07-28 15:42:17

优资园 · 2018-07-28 15:42:17 发布

使用Vue带你一步步封装百度编辑器UEditor

文件已经上传到github
地址:https://github.com/zshsats/vueUeditor
遇到错误:
引起错误的原因是ES6解析ES5没有排除ueditor的js文件
这里写图片描述
解决办法:
新建.babelrc文件

{
  "ignore": [
    "./src/assets/ueditor/*"
  ]
}

上传文件错误
这里写图片描述
需要后台进行配置:
使用C# webAPI 开发后台
地址:https://github.com/zshsats/ueditorAdmin
如果出现上传成功但是在编辑器内却没有显示图片则在config.json中进行配置

 "imageUrlPrefix": "http://172.16.2.222:4848", /* 图片访问路径前缀 */
  "imagePathFormat": "/public/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */

部署(https://blog.csdn.net/zshsats/article/details/80271971)的效果:

效果图:
这里写图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^