ueditor在线编辑器如何获取信息并保存到数据库,求方法和过程?????????

ueditor在线编辑器如何获取信息并保存到数据库,求方法和过程?????????,第1张

这个问对人了~~   我曾经弄这个弄了很久~~  不说了, 给你方法;

我用的是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前缀


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/sjk/6796447.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-28
下一篇2023-03-28

发表评论

登录后才能评论

评论列表(0条)

    保存