
这个问对人了~~ 我曾经弄这个弄了很久~~ 不说了, 给你方法;
我用的是Eclipse JSP,不晓得你用是什么工具。
新建一个JSP文件 index.jsp
head头部引用Ueditor的JS文件
<!-- 配置文件 -->
<script type="text/javascript" src="ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="ueditor/ueditor.all.js"></script>
body下面加入以下代码:
<textarea id="container" name="container"
style="width: 800pxheight: 400pxmargin: 0 auto">
</textarea>
<!-- 实例化编辑器 -->
<script type="text/javascript">
var ue = UE.getEditor("container")
</script>
<input type="text" id="word_type" style="display:none" value="" name="word_type"/></br>
<button id="tijiao" name="tijiao"
sytle="margin-left:250pxwidth:60pxposition:relative">提交</button>
后台获取UEditor的代码:
String word_content = request.getParameter("container") 获取页面上的name="container "就行了
另外说一下:
打开,打开之后是这个样子的:
图片路径的前缀不用修改,你需要修改的是上传的保存路径:默认是WebContent下的images目录,上传的图片是在服务器上的,项目工程里面是木有的,要去你工作空间里面找,我的是
E:\JavaWeb_workplace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps。
我学的是Java 不晓得可以帮到你不。。 呵呵
ueditor.config.js 这个js里面有一个serverUrl(服务器统一请求接口路径),所有的请求都是转向这里的,之后在ueditor.all.js里面,找到simpleupload(单个图片上传)对应的注册方法(大概在24405行),方法体内部有wrapper.innerHTML的代码段,form表单对应的action="' + me.getOpt('serverUrl') + '" 可以修改这里。功能源码片段如下:
var URL = window.UEDITOR_HOME_URL || getUEBasePath()
/**
* 配置项主体。注意,此处所有涉及到路径的配置别遗漏URL变量。
*/
window.UEDITOR_CONFIG = {
//为编辑器实例添加一个路径,这个不能被注释
UEDITOR_HOME_URL: URL
// 服务器统一请求接口路径
, serverUrl: "/api/uploads/ue" //这里就是你问的上传以及下载图片url前缀
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)