vue 中使用百度编辑器 UEditor-白红宇

vue 中使用百度编辑器 UEditor

阅读量：6236 次

发布时间：2019-06-22

本文共 985 字，大约阅读时间需要 3 分钟。

（单页应用，多编辑器也可行）

新建一个Ueditor.vue组件对象,该组件用来封装ueditor,用来进行复用.

Ueditor的使用,通过对组件的监听可以实现回调,把ueditor传回父组件.

此时封装基本完成,但是上传图片功能还没实现,接下来实现图片上传功能.

// 服务器统一请求接口路径//在ueditor.config.js里面进行配置,本项目使用的是php后台，后台按照文档配置好，直接通过链接过去即可//测试发现在本地上传比较慢//项目打包上传服务器之后，速度回复正常    serverUrl: ‘http://xxx.com/Public/Home/ueditor/php/controller.php‘,

温馨提示通过设置index.js进行跨域调试(改完需要重新run dev)

dev: {    env: require(‘./dev.env‘),    port: 8085,    assetsSubDirectory: ‘static‘,    assetsPublicPath: ‘/‘,//跨域测试接口    proxyTable: {      ‘/baseUrl‘: {        target: ‘http://xxx.com/index.php‘,        changeOrigin: true,        pathRewrite: {          ‘^/baseUrl‘: ‘‘        }      },//跨域测试图片上传       ‘/baseImgUrl‘: {         target: ‘http://xxx.com‘,         changeOrigin: true,         pathRewrite: {           ‘^/baseImgUrl‘: ‘‘         }       }    },

转自URL:

转载地址：http://jczia.baihongyu.com/

你可能感兴趣的文章

Redis进阶实践之十四 Redis-cli命令行工具使用详解第一部分

查看>>

Linux之文件系统各种符号说明