springboot整合ueditor（主要讲上传功能的实现）

最新推荐文章于 2022-06-24 16:30:49 发布

足信方为

最新推荐文章于 2022-06-24 16:30:49 发布

阅读量785

点赞数

本文链接：https://blog.csdn.net/qq_26486347/article/details/103109558

版权

前言本文主要写的是：springboot下ueditor上传功能的实现及遇到的一些问题的处理整体项目结构展示Springboot整合ueditor及上传功能实现的具体步骤1、下载ueditor-1.4.3.3这个在官网下载就行，不过貌似utf-8版本的没有资源了，源码版的下了几次都中断了，最终我是从第三方下的2、新建一个测试页面ueditor的根目录下有...

摘要由CSDN通过智能技术生成

前言

本文主要写的是：springboot下ueditor上传功能的实现及遇到的一些问题的处理

整体项目结构展示

Springboot整合ueditor及上传功能实现的具体步骤

1、下载ueditor-1.4.3.3

这个在官网下载就行，不过貌似utf-8版本的没有资源了，源码版的下了几次都中断了，最终我是从第三方下的

2、新建一个测试页面

ueditor的根目录下有一个index.html，用它就行，源码如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>完整demo</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <!-- 将config.json放在保存文件的根目录位置 -->
    <script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.all.js"> </script>
</head>
<body>
<div>
    <h1>UEditor演示</h1>
    <script id="editor" type="text/plain" style="width:100%;height:330px;"></script>
</div>
<div id="btns">
    <div>
        <button onclick="getAllHtml()">获得整个html的内容</button>
        <button onclick="getContent()">获得内容</button>
        <button onclick="setContent()">写入内容</button>
        <button onclick="setContent(true)">追加内容</button>
        <button onclick="getContentTxt()">获得纯文本</button>
        <button onclick="getPlainTxt()">获得带格式的纯文本</button>
        <button onclick="hasContent()">判断是否有内容</button>
        <button onclick="setFocus()">使编辑器获得焦点</button>
        <button onmousedown="isFocus(event)">编辑器是否获得焦点</button>
        <button onmousedown="setblur(event)" >编辑器失去焦点</button>

    </div>
    <div>
        <button onclick="getText()">获得当前选中的文本</button>
        <button onclick="insertHtml()">插入给定的内容</button>
        <button id="enable" onclick="setEnabled()">可以编辑</button>
        <button onclick="setDisabled()">不可编辑</button>
        <button onclick=" UE.getEditor('editor').setHide()">隐藏编辑器</button>
        <button onclick=" UE.getEditor('editor').setShow()">显示编辑器</button>
        <button onclick=" UE.getEditor('editor').setHeight(300)">设置高度为300默认关闭了自动长高</button>
    </div>

    <div>
        <button onc

最低0.47元/天解锁文章

足信方为

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
springboot整合ueditor（主要讲上传功能的实现）

前言本文主要写的是：springboot下ueditor上传功能的实现及遇到的一些问题的处理整体项目结构展示Springboot整合ueditor及上传功能实现的具体步骤1、下载ueditor-1.4.3.3这个在官网下载就行，不过貌似utf-8版本的没有资源了，源码版的下了几次都中断了，最终我是从第三方下的2、新建一个测试页面ueditor的根目录下有...
复制链接

扫一扫

专栏目录