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 时区设定_mysql的时区设置「建议收藏」IDEA配置mysql数据库时,地址,用户名,密码,数据库名填写之后,点测试连接,提示Serverreturnsinvalidtimezone.Goto’Advanced’tabandset’serverTimezone’prope如图翻译过来就是:服务器返回无效时区。进入“高级”选项卡,手动设置“serverTimezone”属性。网上查询了一下解决方案,原来是要设置时区…

    2025年7月4日
    0
  • 霍尼韦尔助力中石油广东石化炼化一体化项目「建议收藏」

    霍尼韦尔助力中石油广东石化炼化一体化项目「建议收藏」霍尼韦尔UOP宣布,中国石油天然气集团有限公司广东石化分公司(以下称“中石油广东石化”)将在其位于中国的炼化一体化项目中采用霍尼韦尔UOP的先进重油加工技术。投产后,新工…

    2022年10月15日
    1
  • vue 父组件调用子组件_react父组件向子组件传值

    vue 父组件调用子组件_react父组件向子组件传值Vue中子组件调用父组件的三种方法:1.直接在子组件中通过“this.$parent.event”来调用父组件的方法。父组件<template><div><child></child></div></template><script>importchildfrom’./components/childcomponent’;exportdefault{co

    2022年10月3日
    0
  • gitlab cicd配置

    gitlab cicd配置简介以前代码更新之后,我们需要手动将代码拉到测试服务器上,运行验收通过之后,再在生产环境重新弄一遍,一两个服务还算轻松,如果涉及到的服务很多的话,每一个服务都需要这样来几遍,这是一个很头疼了,为了解决这个问题,我们引入了比较简单易懂的自动化部署工具,这也是gitlab自带的CI工具gitlab-runner,该工具解决了多环境多服务手动部署繁琐问题,用自动化脚本代替人工部署,我们不需要手…

    2022年6月9日
    83
  • Linux常用命令详解「建议收藏」

    Linux常用命令详解「建议收藏」安装和重启查看帮助命令`man命令名#查看命令的详细说明(man是manual的缩写)命令名-help#查看命令的常用选项下载命令wgethttps://www.zabbix.com/download#下载网页源码curlwww.baidu.com安装命令从源代码安装:./configuremakemakeinstall系统属性命令文件命令文件…

    2022年6月25日
    22
  • 向量自回归模型(VAR)「建议收藏」

    向量自回归模型(VAR)「建议收藏」#构建VAR模型library(sandwich)library(strucchange)library(vars)data.new<-data.frame(S1,S2)VARsele

    2022年8月5日
    3

发表回复

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

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