文档章节

springboot配置百度UEditor 富文本详解

wotrd
 wotrd
发布于 07/18 23:47
字数 552
阅读 18
收藏 0

富文本简介

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码...

准备工作

ueditor需要单独文件服务器,可以使用七牛云,自己搭建文件服务器,也可以自己启动一个Tomcat作为文件服务器。

富文本使用方式
(1)去官网下载富文本代码:
  有开发版和mini版,建议下载开发版,便于查找问题。上线时使用mini版提升速度。 config.json文件为ueditor的配置。ueditor.config.js加载config.json配置.先去后台getConfig方法获取配置在渲染。
(2)创建springboot项目springboot-ueditor(已上传到github https://github.com/wotrd/springboot-ueditor)开箱即用
(3)将config.json复制到resource/static目录下,在static下创建index.html文件。创建UeditorController.java文件。项目最终目录结构如下:
s_u_1
(4)在UeditorController.java文件下添加两个方法,getConfig和upload。一个用来加载富文本的配置,一个用于富文本上传文件。
s_u_2 s_u_3
第二个方法使用HttpServletResponse返回是为了可以支持上传多张图片。
(4)编辑config.json
s_u_4
如下图:重点是 imageUrlPrefix 这个配置,这是配置富文本显示上传文件的前缀,后缀上传完自动拼接。上传图片其他的类似
(5)编辑 ueditor.config.js
s_u_5
圈起来的这个地址必须配,是用来请求getConfig这个方法获取配置的。

(6)编辑 index.html
s_u_6 s_u_7 (6)编辑 application.properties文件
s_u_8
因为,我8080端口用于文件服务器,所以这里使用80端口。配置springboot2.x上传文件大小限制。还有上传文件路径。完成启动。

未完待续,有问题请留言!

个人博客地址: https://blog.ailijie.top/archives/springboot

© 著作权归作者所有

wotrd
粉丝 2
博文 19
码字总数 21674
作品 0
杭州
程序员
私信 提问
springboot docker jenkins 部署 对比 tomcat

---------------------------------------------------------------------------------------------------------------- springboot 详解 (一) helloworld 下载demo springboot 详解 (二)......

curiousby
2018/06/26
0
0
Spring Boot配置多套RabbitMQ

背景介绍: 为什么要单独来讲解SpringBoot如何配置RabbitMQ? 因为在项目中,有可能会用到多套RabbitMQ,如果只用一套那则用SpringBoot自带的配置就可以了,但多套则不行,需要自行配置。 说...

woter
2018/07/10
973
0
springboot 详解 (六)servlet & scheduled & listener

---------------------------------------------------------------------------------------------------------------- springboot 详解 (一) helloworld 下载demo springboot 详解 (二)......

curiousby
2016/11/17
0
0
springboot dubbox 实例

---------------------------------------------------------------------------------------------------------------- springboot 详解 (一) helloworld 下载demo springboot 详解 (二)......

curiousby
2017/01/19
0
0
Supervisor管理springboot应用

目录 概述 环境准备 spring boot应用 supervisor配置 启动应用 概述 前面博文介绍了Supervisor进程管理,实际应用可以对springboot应用进行管理,如果springboot应用挂掉,Supervisor还可以对它...

java_龙
2018/12/10
375
0

没有更多内容

加载失败,请刷新页面

加载更多

spring cloud

一、从面试题入手 1.1、什么事微服务 1.2、微服务之间如何独立通讯的 1.3、springCloud和Dubbo有哪些区别 1.通信机制:DUbbo基于RPC远程过程调用;微服务cloud基于http restFUL API 1.4、spr...

榴莲黑芝麻糊
4分钟前
0
0
Executor线程池原理与源码解读

线程池为线程生命周期的开销和资源不足问题提供了解决方 案。通过对多个任务重用线程,线程创建的开销被分摊到了多个任务上。 线程实现方式 Thread、Runnable、Callable //实现Runnable接口的...

小强的进阶之路
昨天
6
0
maven 环境隔离

解决问题 即 在 resource 文件夹下面 ,新增对应的资源配置文件夹,对应 开发,测试,生产的不同的配置内容 <resources> <resource> <directory>src/main/resources.${deplo......

之渊
昨天
8
0
详解箭头函数和普通函数的区别以及箭头函数的注意事项、不适用场景

箭头函数是ES6的API,相信很多人都知道,因为其语法上相对于普通函数更简洁,深受大家的喜爱。就是这种我们日常开发中一直在使用的API,大部分同学却对它的了解程度还是不够深... 普通函数和...

OBKoro1
昨天
7
0
轻量级 HTTP(s) 代理 TinyProxy

CentOS 下安装 TinyProxy yum install -y tinyproxy 启动、停止、重启 # 启动service tinyproxy start# 停止service tinyproxy stop# 重启service tinyproxy restart 相关配置 默认...

Anoyi
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部