若依项目整合百度(Ueditor)富文本编辑器

本文介绍了如何在若依项目中集成百度Ueditor富文本编辑器,包括下载编辑器文件、配置组件、创建上传接口、处理权限问题以及解决图片上传后的显示和样式调整。在Java端创建UEditorController,并配置UEditorConfig.json,前端使用vue-ueditor-wrap组件,同时解决了因权限验证导致的访问问题。
摘要由CSDN通过智能技术生成

若依项目整合百度(Ueditor)富文本编辑器

最近项中有用到富文本编辑器,若依自带的功能太过简单,闲来无事整合了百度的富文本编辑器,一路踩坑终是成功了(呜呼······

UEditor文档:http://fex.baidu.com/ueditor/
在这里插入图片描述

点击演示可以下载源码,有兴趣的小伙伴可以下载下来研究一下。这里就直接下载发布过的版本啦
在这里插入图片描述
下载地址:https://github.com/fex-team/ueditor/releases/tag/v1.4.3.3
在这里插入图片描述

  • 下载支持文件

下载之后的文件解压,改个名字,作者这里就随大众改了UEditor

  • 将文件复制到你的项目中的public 文件下,你的有可能是static ,然后项目结构就变成了这个样子
    在这里插入图片描述
  • 为了方便使用我们来写个组件吧,这里名字就叫EditorBaidu了

在这里插入图片描述

index.vue代码

<template>
  <div>
    <VueUeditorWrap @ready="ready" ref="editor" v-model="contentText" :config="config"></VueUeditorWrap>
  </div>
<
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值