单独调用使用ueditor上传控件配置方法:

来源：互联网发布：淘宝流量和访客数编辑：程序博客网时间：2024/06/05 21:12

单独调用使用ueditor上传控件配置方法如下：

一、首先，下载uedtior最新版本，我使用的是jsp版本，对于单独使用它的上传图片功能，么有版本区别；

二、将uedtior放在你的项目根目录下；

三、引入ueditor类库,在要使用上传控件的页面进行配置，详细如下：

<html><head><title>ueditor上传图片控件<title><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/css/ueditor.css"/></head><body><from action="" type="" method="post" enctype="multipart/form-data"><input name="image" type="button" value="浏览..." onclick="upImageLogo()"><br/><script type="text/javascript">          //Logo        var myEditorImagetLogo;        var dialogtLogo;        function upImageLogo() {            dialogtLogo = myEditorImagetLogo.getDialog("insertimage");            dialogtLogo.render();            dialogtLogo.open();   //打开dialog        }        var myEditorImagetLogo = new UE.ui.Editor();        myEditorImagetLogo.render('myEditorImageThumb');        myEditorImagetLogo.ready(function () {            myEditorImagetLogo.setDisabled();            myEditorImagetLogo.hide(); //隐藏UE框体             myEditorImagetLogo.addListener('beforeInsertImage', function (t, arg) {                for (var i = 0; i < arg.length; i++) {                    document.getElementById("txtLogo").value = arg[i].src;//返回第一个图片到文本框中                    break;                }            });        }); </script>  <input type="submit" value="提交" /></form></body></html>

------以上简单几步即可配置出单独的uedtior上传功能，效果如下：