`
a137268431
  • 浏览: 164752 次
文章分类
社区版块
存档分类
最新评论

富文本编辑ueditor在jsp里使用配置总结

 
阅读更多

项目中使用了ueditor编辑器,刚开始的时候真的是一头雾水,不过后来总算是能够将ueditor整合到项目中了,现在把自己的配置过程记录一下:

一、首先得让编辑器能够在页面上显示出来,这个在官方文档写的非常的详细,可直接按照官方文档的说明即可成功配置,我按如下步骤配置:

(1)我下载的是jsp版本的,解压后放在项目中自己的某个位置即可,我放在如下:

2)导入所需的文件,注意文件在项目中的路径

(3)创建编辑器实例及其DOM容器(使用script而不用textarea的好处在官方文档上有说明)


(4)在editor_config.js中查找URL变量配置编辑器在项目中的路径


经过以上步骤,编辑器即可在页面上显示。如果大小不合适,可在editor_config.js中进行配置:


二、然后就需要将在编辑器中所输入的数据在后台进行接收,即前后端交互,按如下步骤:

(1)如果是要将已有的数据在页面上进行显示,只需将需要显示的内容写在<script></script>标签之间即可,如:


(2)如果是新表单输入的内容,和(1)差不多,只不过不用写${editnews.content}即可,然后在action中以变量形式接收(struts2)或在servlet中使request.getParameter("");的形式进行接收。具体的可见:ueditor前后端交互说明

经过以上步骤,即可完成前后端的文字数据交互。

三、图片的上传配置处理

(1)首先确认将ueditor源代码包下的jsp文件夹中的commons-fileupload-1.2.2.jar放入项目中的lib下,并将Uploader类放在src中的某个包中

(2)配置editor_config.js中的图片上传部分:



其中,然后在imageUp.jsp中导入所需要的Uploader类:

  1. <%@pageimport="cn.edu.hpu.filter.Uploader"%>
经过以上配置,即完成了图片的上传配置,能够成功的上传图片到指定的文件夹。但是这里也存在一个问题就是:我们所上传的图片是放在tomcat的webapps下的项目中的一个文件夹,如果tomcat重新启动的话,这些文件是不会消失的,但如果是重新部署的话那所上传的所有的文件都会消失,原本想尝试用虚拟路径试试,上传图片后能够自动的传到本地磁盘上的不是tomcat下的某个文件夹,保证图片不会因为项目的重新部署而消失,但是没有成功,不知某位大牛知道解决方法?恳请赐教,感激不尽哪!

四、附件的上传配置,其实和图片的上传配置是一个道理,只需要在fileUp.jsp页面中导入所需的Uploader类即可。

这样就解决了ueditor的基本使用问题,当然还有很多可以定制的内容,这个等以后在实践中用到了再继续补充。


分享到:
评论

相关推荐

    百度富文本编辑器ueditor1.4.3 JSP版本案例(上传图片)

    ueditor1.4.3 富文本插件完美使用,搭建后可以直接上传图片以及多图片上传回显。主要的配置在config.json。可以查看官网ip,一般人出问题都是在config.json,或者不知道案例文件该怎么放,放哪里。

    ueditor_jsp 百度富文本编辑器

    总结,ueditor1_4_3_3-utf8-jsp是Java Web开发者实现富文本编辑功能的优质选择,其强大而灵活的功能、易用的API和良好的社区支持,使其在众多富文本编辑器中脱颖而出。在实际应用中,开发者可以根据需求进行适当的...

    富文本编辑器Ueditor的Jsp版本Demo

    富文本编辑器Ueditor是一款广泛应用于网页开发中的开源编辑器,尤其在Java Web环境中,它提供了JSP版本的Demo,方便开发者快速集成和调试。Ueditor由百度公司开发,具有功能强大、性能优异、易用性高等特点,适用于...

    springboot+layui 整合百度富文本编辑器ueditor入门使用教程(踩过的坑).doc

    SpringBoot整合layui和百度富文本编辑器ueditor入门使用教程 本教程将指导您如何将layui和百度富文本编辑器ueditor整合到SpringBoot项目中。ueditor是一种轻量、可定制、注重用户体验的富文本web编辑器,由百度的...

    Baidu富文本编辑工具UEditor(JSP版本)

    总结,UEditor作为一款成熟的富文本编辑工具,对于JSP开发者来说,提供了高效、灵活的文本编辑体验,同时也具备了良好的扩展性和安全性,是构建内容管理系统、论坛、博客等Web应用的理想选择。通过深入理解和定制,...

    ofbiz集成富文本编辑器ueditor

    5. **初始化ueditor**:在JSP页面中,找到你想要转换为富文本编辑器的textarea,用ueditor的JavaScript代码替换它。例如: ```javascript UE.getEditor('myEditor', { toolbars: [['bold', 'italic', 'underline'...

    ueditor富文本编辑器jsp版

    【标题】"ueditor富文本编辑器jsp版"所涉及的知识点主要集中在Web开发领域,尤其是前端和后端交互的部分。ueditor是一款由百度开发的强大的富文本编辑器,它为用户提供了丰富的文本编辑功能,如字体样式设置、图片...

    Ueditor百度编辑器JSP版

    **Ueditor百度编辑器JSP版详解** Ueditor是由百度公司开发的一款强大的...总的来说,Ueditor JSP版为Java Web开发者提供了一种高效、便捷的富文本编辑解决方案,通过合理的配置和集成,可以极大地提升用户的编辑体验。

    百度富文本编辑器UEditor配置及功能实现详解

    百度富文本编辑器UEditor配置及功能实现详解 百度富文本编辑器UEditor是一款功能齐全的插件,但是强大的功能也带来了配置复杂度提高的问题。本文将以jsp项目工程为例,详细讲解UEditor的配置和实现。 一、UEditor...

    精简maven整合百度富文本编辑器Ueditor

    本教程将详细介绍如何使用Maven这一流行的构建工具,整合百度的富文本编辑器——Ueditor,以便在Java Web项目中实现高效的文本编辑功能。Maven是一个强大的项目管理工具,能够帮助我们管理和构建Java项目,而Ueditor...

    百度富文本编辑器UEditor

    UEditor是由百度公司推出的一款开源的Web富文本编辑器,它在互联网开发领域中被广泛应用于内容编辑、新闻发布等场景。UEditor以其强大的功能、良好的用户体验以及丰富的定制性,深受开发者们的喜爱。本文将深入探讨...

    Spring+Vue整合UEditor富文本实现图片附件上传的方法

    在Vue项目中,需要使用UEditor作为富文本编辑器,并将其集成到Spring后端中。然后,使用UploadUtil工具类实现图片附件上传的功能。通过UEditor的API,可以实现图片附件上传到服务器,并将上传文件的路径返回给前端。...

    UEditor JSP 版本配置以及文件上传配置方法

    UEditor 是一个功能强大且灵活的富文本编辑器,广泛应用于 Web 开发中。在 JSP 版本中,正确配置 UEditor 及文件上传功能非常重要,本文将指导您完成 UEditor JSP 版本的配置以及文件上传配置方法。 UEditor JSP ...

    jsp实现Ueditor配置

    Ueditor是一款功能丰富的富文本编辑器,广泛应用于网页内容编辑。它支持图片上传、视频插入等多种功能,极大地提升了用户体验。我们将以MyEclipse作为开发工具进行演示,但原理同样适用于其他IDE,只需调整相应路径...

    ueditor-dev-1.5.0富文本编辑(已编译)

    《ueditor-dev-1.5.0:打造卓越的富文本编辑体验》 UEditor,一个由百度Web前端研发部倾力打造的富文本编辑器,以其轻量化、高度可定制化以及用户友好的特性,成为了众多开发者和网站管理员的首选工具。这款编辑器...

    UEditor(jsp适用)

    UEditor是一款功能强大的在线富文本编辑器,专为Web开发者设计,用于在网页上实现类似Word的编辑体验。它由百度公司开发,以其轻量级、高性能和丰富的API集受到广大开发者的青睐。本压缩包是针对Java服务器页面(JSP...

    java阿里云oss整合ueditor富文本编辑器编译源码

    2、测试http://localhost:8080/ueditor/jsp/controller.jsp 如果不能正常访问那么上传文件就不能使用 3、可以直接运行,idea运行时的测试路径,因个人环境配置有直接关系,eclipse需要加上项目名称才能运行 ...

    UEditor1_4_3_3-utf8-jsp(UAP2.8版适用) 富文本编辑器

    UEditor1_4_3_3-utf8-jsp 是一个专为UAP2.8版设计的富文本编辑器,它集成了UTF-8编码,以确保在处理多语言内容时的正确显示。这个编辑器是基于JavaScript的,提供了一个功能强大的在线文本编辑界面,用户可以在网页...

    ueditor jsp版

    【ueditor jsp版】是基于Java Web的富文本编辑器,主要应用于网页内容的编辑与创作。这个版本是ueditor的1.4版本,专为JSP(Java Server Pages)环境设计,允许开发者在Java web应用中方便地集成一个功能强大的在线...

    百度编辑器UEditor库-jsp版本

    百度编辑器UEditor是一款强大的在线富文本编辑器,专为Web开发者设计,提供丰富的API接口和多种语言版本,包括我们这里讨论的JSP版本。UEditor以其易用性、稳定性和功能多样性在开发社区中广受欢迎。下面我们将深入...

Global site tag (gtag.js) - Google Analytics