初学者如何设置以及使用富文本编辑器[eclipse版]
手把手教你设置富文本编辑器
参考来源：UEditor Docs
初学者按我的步骤来就可以啦
一、设置ueditor编辑器
1.提取文件[文章最底部有链接提取方式]
2.解压文件并放到自己项目中，在WebContent目录下：
3. 修改jar包位置路径
到-->
注意：此时json还在报错，这个不用管，是因为json注释的原因。
右键，打开Properties：
如果想要使得json中注释不为乱码：修改encoding为utf-8形式并应用。
4.新建一个html页面
复制以下代码：
<!DOCTYPE HTML>
<html lang="en-US"><head><meta charset="UTF-8"><title>ueditor demo</title>
</head><body><!-- 加载编辑器的容器 --><script id="container" name="content" type="text/plain">这里写你的初始化内容</script><!-- 配置文件 --><script type="text/javascript" src="ueditor.config.js"></script><!-- 编辑器源码文件 --><script type="text/javascript" src="ueditor.all.js"></script><!-- 实例化编辑器 --><script type="text/javascript">var ue = UE.getEditor('container');</script>
</body></html>由于我的项目跟解压包里的js未在一个路径内如下图：
所以 根据需要修改src：
<!-- 配置文件 --><script type="text/javascript" src="utf8-jsp/utf8-jsp/ueditor.config.js"></script><!-- 编辑器源码文件 --><script type="text/javascript" src="utf8-jsp/utf8-jsp/ueditor.all.js"></script>最后直接运行就可：
5.注意事项：
发现图片上传上去后无法加载出来，
需要设置一下config.json文件中的在"imageUrlPrefix": ""
填上：/*其中*需要用你设置该编辑器的母文件名代替。比如我的utf8-jsp在qcby2母文件下，则输入：
"imageUrlPrefix": "/qcby2", /* 图片访问路径前缀 */
最后上传图片成功：
使用utf8-jsp.rar包的提取链接：
https://pan.baidu.com/s/1oiYEMfdV9Tnx2sY6dkPHuQ?pwd=rt71 提取码: rt71
二、编辑器原理
1.先在html里设置一个按钮获取我在编辑器里设置文字、图像样式的信息，完整代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="js/jquery.js"></script>
</head>
<body><!-- 加载编辑器的容器 --><script id="container" name="content" type="text/plain">这里写你的初始化内容</script><input type="button" value='获取信息' class='btn'><div class='aaa'></div><!-- 配置文件 --><script type="text/javascript" src="utf8-jsp/ueditor.config.js"></script><!-- 编辑器源码文件 --><script type="text/javascript" src="utf8-jsp/ueditor.all.js"></script><!-- 实例化编辑器 --><script type="text/javascript">var ue = UE.getEditor('container');$(".btn").click(function(){console.log(ue.getContent())$(".aaa").html(ue.getContent())})</script>
</body>
</html>然后运行，打开检查，其中：
在控制台中的就是左侧信息形式的标签，通过$(".aaa").html(ue.getContent())可以再次展示到html中。
三、使用编辑器
1.编辑器常在文字添加时候使用，以我的项目为例：
可以发现在后台添加内容时，无法实现对文字格式的设置，只能输入纯文本无法添加样式。
2. （1）html：此时只要将以下代码复制到对应的add.html所需位置中
<!-- 加载编辑器的容器 --><script id="container" name="content" type="text/plain"></script><!-- 配置文件 --><script type="text/javascript" src="utf8-jsp/ueditor.config.js"></script><!-- 编辑器源码文件 --><script type="text/javascript" src="utf8-jsp/ueditor.all.js"></script>（2）js：对应js文件中加入以下代码即可
var ue = UE.getEditor('container');加修改content原来接受输入的那一部分
最后就实现啦~
[剩下的就该把对应数据信息存入到后端数据库中就可以了]
3.接入后端[Java]
4.测试
输入添加信息
查看数据库
可知内容上已经设置了。
——end——
相关文章：
初学者如何设置以及使用富文本编辑器[eclipse版]
手把手教你设置富文本编辑器 参考来源：UEditor Docs 初学者按我的步骤来就可以啦 一、设置ueditor编辑器 1.提取文件[文章最底部有链接提取方式] 2.解压文件并放到自己项目中，在WebContent目录下： 3. 修改jar包位置路径 到--> 注意&a…...
在 Java 中解析 JSON 数据
例子解析以下JSON数据 {"code":0,"msg":"成功","data": [{ "host":"1068222.com", "port":"", "m_token":"490e20e70e7de5f21a24b14c12a393f6", "categ…...
Python爬虫实战：从零到一构建数据采集系统
文章目录 前言一、准备工作1.1 环境配置1.2 选择目标网站 二、爬虫实现步骤2.1 获取网页内容2.2 解析HTML2.3 数据保存 三、完整代码示例四、优化与扩展4.1 反爬应对策略4.2 动态页面处理4.3 数据可视化扩展 五、注意事项六、总结互动环节 前言 在大数据时代，数据采…...
SpringCloud系列教程：微服务的未来（二十五）-基于注解的声明队列交换机、消息转换器、业务改造
前言 在现代分布式系统中，消息队列是实现服务解耦和异步处理的关键组件。Spring框架提供了强大的支持，使得与消息队列（如RabbitMQ、Kafka等）的集成变得更加便捷和灵活。本文将深入探讨如何利用Spring的注解驱动方式来配置和管理队…...
Opengl常用缓冲对象功能介绍及使用示例（C++实现）
本文整理了常用的opengl缓冲区对象并安排了使用示例 名称英文全称作用简述顶点数组对象Vertex Array Object (VAO)管理 VBO 和 EBO 的配置，存储顶点属性设置，简化渲染流程，避免重复设置状态顶点缓冲区对象Vertex Buffer Object (VBO)存储顶点…...
docker独立部署milvus向量数据库
milvus镜像：国外封锁，国内源也不好用。基本上所有源都不能用 首先想到阿里云服务，但是阿里云国外服务器便宜的300~400呢。 基于成本考虑终于装上心心念念的milvus(*^▽^*) 安装 Milvus 安装 Milvus 独立版 wget https://raw.githubuserco…...
【JT/T 808协议】808 协议开发笔记 ② ( 终端注册 | 终端注册应答 | 字符编码转换网站 )
文章目录 一、消息头 数据1、消息头拼接2、消息 ID 字段3、消息体属性 字段4、终端手机号 字段5、终端流水号 字段 二、消息体 数据三、校验码计算四、最终计算结果五、终端注册应答1、分解终端应答数据2、终端应答 消息体 数据 六、字符编码转换网站 一、消息头 数据 1、消息头…...
github配置sshkey
使用命令生成sshkey ssh-keygen -t rsa -b 4096 -C "your_emailexample.com" 依此会要求输入以下信息，可以使用默认值 设置保存密钥的路径 设置SSH密钥密码（备注：空内容表示不设置SSH密钥密码） 再次确认SSH密钥密…...
Java数据结构第十二期：走进二叉树的奇妙世界(一)
专栏：数据结构(Java版) 个人主页：手握风云 目录 一、树型结构 1.1. 树的定义 1.2. 树的基本概念 1.3. 树的表示形式 二、二叉树 2.1. 概念 2.2. 两种特殊的二叉树 2.3. 二叉树的性质 2.4. 二叉树的存储 三、二叉树的基本操作 一、树型结构 1.…...
Web的增删改查
准备环境 1. 添加web 点击项目右键——>选择**添加框架**选择**web应用程序** 2.创建lib目录 在web应用程序的**WEB-INF目录下**创建lib目录添加jar包(5个)解压：右键——>选择**添加库** 3.创建Dao层 在src目录下创建包com.zmq在该包下创建dao层添加工具…...
Java 前后端时间格式转换
在 Web 开发里，时间格式处理既常见又关键。由于前端和后端对时间的表示、处理方式存在差异，熟练掌握时间格式的转换方法就显得尤为重要。这篇文章会深入探讨 Java 前后端时间格式转换的相关知识，特别是 Java 时间转换的多种方式，其…...
【用deepseek和chatgpt做算法竞赛】——还得DeepSeek来 -Minimum Cost Trees_5
往期 【用deepseek和chatgpt做算法竞赛】——华为算法精英实战营第十九期-Minimum Cost Trees_0：介绍了题目和背景【用deepseek和chatgpt做算法竞赛】——华为算法精英实战营第十九期-Minimum Cost Trees_1：题目输入的格式说明，选择了邻接表…...
C++ 互斥锁的使用
mutex std::mutex 是C标准库中用于线程同步的互斥锁机制，主要用于保护共享资源，避免多个线程同时访问导致的竞态条件。 它提供了以下功能： 加锁（lock）：阻塞当前线程，直到获取锁。 解锁&#…...
【Elasticsearch】Retrieve inner hits获取嵌套查询的具体的嵌套文档来源，以及父子文档的来源
Retrieve inner hits 是 Elasticsearch 中的一个功能，用于在嵌套查询或父子查询中，返回导致主文档匹配的具体嵌套对象或子/父文档的详细信息，帮助用户更直观地理解查询结果的来源。 在 Elasticsearch 中，Retrieve inner hits是一…...
C语言中的typedef关键字详解
C语言中的typedef关键字详解 在C语言编程中，typedef 关键字是一个非常实用的特性，它可以帮助我们创建新的类型名，从而简化代码，提高可读性。本文将详细解析typedef的使用方法、场景以及注意事项。 1. typedef简介 typedef 是Ty…...
怎麼利用靜態ISP住宅代理在指紋流覽器中管理社媒帳號？
靜態ISP住宅代理是一種基於真實住宅IP的代理服務。這類代理IP通常由互聯網服務提供商（ISP）分配，具有非常高的真實性，與普通數據中心代理相比，更不容易被平臺檢測到為“虛假IP”或“代理IP”，靜態ISP住宅代理…...
【多语言生态篇一】【DeepSeek×Java：Spring Boot微服务集成全栈指南 】
（手把手带你从零实现AI能力调用，万字长文预警，建议收藏实操） 一、环境准备：别输在起跑线上 1.1 硬件软件全家桶 JDK版本：必须 ≥17（Spring Boot 3.2+强制要求，低版本直接报错）IDE推荐：IntelliJ IDEA终极版（社区版缺Spring AI插件支持）构建工具：Maven 3.9+ / Grad…...
IOS UITextField 无法隐藏键盘问题
设置UITextField 键盘按钮返回键为“完成”，即return key 设置done .m代码设置代理 //设置代理协议 UITextFieldDelegate， self.mobileTextField.delegate self; ///点击完成键隐藏键盘 - (BOOL)textFieldShouldReturn:(UITextField *)textField{//取…...
einops测试
文章目录 1. einops2. code3. pytorch 1. einops einops 主要是通过爱因斯坦标记法来处理张量矩阵的库，让矩阵处理上非常简单。 conda : conda install conda-forge::einopspython: 2. code import torch import torch.nn as nn import torch.nn.functional as…...
25轻化工程研究生复试面试问题汇总 轻化工程专业知识问题很全！ 轻化工程复试全流程攻略 轻化工程考研复试真题汇总
轻化工程复试心里没谱？学姐带你玩转面试准备！ 是不是总觉得老师会问些刁钻问题？别焦虑！其实轻化工程复试套路就那些，看完这篇攻略直接掌握复试通关密码！文中有重点面试题可直接背~ 目录 一、这些行为赶紧避…...
Spring Boot 实现流式响应（兼容 2.7.x）
在实际开发中，我们可能会遇到一些流式数据处理的场景，比如接收来自上游接口的 Server-Sent Events（SSE） 或 流式 JSON 内容，并将其原样中转给前端页面或客户端。这种情况下，传统的 RestTemplate 缓存机制会…...
解决本地部署 SmolVLM2 大语言模型运行 flash-attn 报错
出现的问题 安装 flash-attn 会一直卡在 build 那一步或者运行报错 解决办法 是因为你安装的 flash-attn 版本没有对应上，所以报错，到 https://github.com/Dao-AILab/flash-attention/releases 下载对应版本，cu、torch、cp 的版本一定要对…...
相机Camera日志分析之三十一：高通Camx HAL十种流程基础分析关键字汇总（后续持续更新中）
【关注我，后续持续新增专题博文，谢谢！！！】 上一篇我们讲了：有对最普通的场景进行各个日志注释讲解，但相机场景太多，日志差异也巨大。后面将展示各种场景下的日志。 通过notepad++打开场景下的日志，通过下列分类关键字搜索，即可清晰的分析不同场景的相机运行流程差异…...
华硕a豆14 Air香氛版，美学与科技的馨香融合
在快节奏的现代生活中，我们渴望一个能激发创想、愉悦感官的工作与生活伙伴，它不仅是冰冷的科技工具，更能触动我们内心深处的细腻情感。正是在这样的期许下，华硕a豆14 Air香氛版翩然而至，它以一种前所未有的方式&#x…...
PAN/FPN
import torch import torch.nn as nn import torch.nn.functional as F import mathclass LowResQueryHighResKVAttention(nn.Module):"""方案 1: 低分辨率特征 (Query) 查询高分辨率特征 (Key, Value).输出分辨率与低分辨率输入相同。"""def __…...
LLMs 系列实操科普（1）
写在前面： 本期内容我们继续 Andrej Karpathy 的《How I use LLMs》讲座内容，原视频时长 ~130 分钟，以实操演示主流的一些 LLMs 的使用，由于涉及到实操，实际上并不适合以文字整理，但还是决定尽量整理一份笔…...
[免费]微信小程序问卷调查系统(SpringBoot后端+Vue管理端)【论文+源码+SQL脚本】
大家好，我是java1234_小锋老师，看到一个不错的微信小程序问卷调查系统(SpringBoot后端Vue管理端)【论文源码SQL脚本】，分享下哈。 项目视频演示 【免费】微信小程序问卷调查系统(SpringBoot后端Vue管理端) Java毕业设计_哔哩哔哩_bilibili 项…...
6个月Python学习计划 Day 16 - 面向对象编程（OOP）基础
第三周 Day 3 🎯 今日目标 理解类（class）和对象（object）的关系学会定义类的属性、方法和构造函数（init）掌握对象的创建与使用初识封装、继承和多态的基本概念（预告） &a…...
【Kafka】Kafka从入门到实战：构建高吞吐量分布式消息系统
Kafka从入门到实战：构建高吞吐量分布式消息系统 一、Kafka概述 Apache Kafka是一个分布式流处理平台，最初由LinkedIn开发，后成为Apache顶级项目。它被设计用于高吞吐量、低延迟的消息处理，能够处理来自多个生产者的海量数据，并将这些数据实时传递给消费者。 Kafka核心特…...
uni-app学习笔记三十五--扩展组件的安装和使用
由于内置组件不能满足日常开发需要，uniapp官方也提供了众多的扩展组件供我们使用。由于不是内置组件，需要安装才能使用。 一、安装扩展插件 安装方法： 1.访问uniapp官方文档组件部分：组件使用的入门教程 | uni-app官网 点击左侧…...