UEditor用法

UEditor用法

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

UEditor百度是咋回事,界面美观,强大,用起来还不错。

看到此链接http://ueditor.baidu.com/

一、下载

http://ueditor.baidu.com/download.html

二、部署

眼下最新版本号为1.1.7.3

下载下来的文件名称为ueditor1.1.7.3.zip

把解压出来的ueditor目录整个拷贝到项目WebRoot下

1.页面<head>里添加下面代码

<script type="text/javascript" charset="utf-8" src="ueditor/editor_config.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor/editor_all.js"></script>
<link rel="stylesheet" type="text/css" href="ueditor/themes/default/ueditor.css"/>

2.页面<body>里添加下面代码

<div id="newscontent"></div>
<script type="text/javascript">
	var editor = new baidu.editor.ui.Editor();
	editor.render('newscontent');
</script>

打开浏览器,输入对应地址。一个美丽的编辑器就出现了,但表情和上传文件这块还须要更改一下配置

三、改动配置,添加上传

打开editor_config.js文件,改动URL的值

var URL= "ueditor/";

保存,刷新一下页面,表情是不是能够出来了?

文件上传默认用的是ueditor/server/upload/php/up.php进行上传的。假设用jsp上传,须要改动两个地方

1.改动ueditor/dialogs/image/image.html页面里第304行和ueditor/dialogs/wordimage/wordimage.html页面第82行。改为使用up.jsp进行上传,这里面用的是apache的fileupload组件,所以要导入apache commons组件中的fileupload和io这两个jar包

url:'../../server/upload/jsp/up.jsp',

2.改动ueditor/server/jsp/up.jsp。指定文件的保存路径

//保存文件路径
String filePath = "uploadfiles";
String realPath = "D:\\apache-tomcat-6.0.26\\webapps\\test\\"+filePath;

所以一切OK该,刷新测试!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/117783.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Mysql 主从复制 作用和原理

    Mysql 主从复制 作用和原理一、什么是主从复制?主从复制,是用来建立一个和主数据库完全一样的数据库环境,称为从数据库,主数据库一般是准实时的业务数据库。您看,像在mysql数据库中,支持单项、异步赋值。在赋值过程中,一个服务器充当主服务器,而另外一台服务器充当从服务器。此时主服务器会将更新信息写入到一个特定的二进制文件中。并会维护文件的一个索引用来跟踪日志循环。这个日志可以记录并发送到从服务器的更新中去。当一台从服务器连…

    2022年4月19日
    40
  • 黑盒测试的测试用例方法_黑盒测试是基于什么的测试

    黑盒测试的测试用例方法_黑盒测试是基于什么的测试测试用例

    2022年10月3日
    2
  • IDOR漏洞接管Facebook页面,获1万6千美金奖励「建议收藏」

    IDOR漏洞接管Facebook页面,获1万6千美金奖励「建议收藏」印度小哥的自拍有点曝光过度了啊 Facebook能给出这么高的奖励,好棒啊发现Facebook零日漏洞,获得10万7千元人民币奖励安全研究人员发现Facebook存在零日漏洞!可以接管Facebook的任何页面。Facebook几乎是中小企业推广自家产品的最高效又低成本的平台。合理借用Facebook的关键在于装帧好某项产品或服务的Facebook页面,品牌、企业、组织和

    2022年6月11日
    34
  • TestDisk使用教程

    TestDisk使用教程修复一个读取不出盘符,数据的硬盘

    2025年8月2日
    5
  • MATLAB中griddata和griddatan插值函数简单说明

    MATLAB中griddata和griddatan插值函数简单说明MATLAB中griddata和griddatan插值函数简单说明前言本文会用容易理解的话解释下griddata和griddatan的用法,不会追求严谨,目的是抛砖引玉,帮助需要用到这两个插值函数的同学尽快理解使用。一、griddata函数是什么?示例:pandas是基于NumPy的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):importnumpyasnpimportpandasaspdimportmatplotlib.pyp

    2022年5月9日
    137
  • 时间字符串转换为date_怎么将字符串转成日期

    时间字符串转换为date_怎么将字符串转成日期/***字符串时间格式转Date格式*@paramstrDate*@return*/publicstaticDategetDateTimeByStringTime(StringstrDate){//如果参数为空,直接返回if(strDate==null){return…

    2022年10月3日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号