ueditor？ueditor 这是干什么用的
其实ueditor的问题并不复杂，但是又很多的朋友都不太了解ueditor 这是干什么用的，因此呢，今天小编就来为大家分享ueditor的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！
关于jsp中ueditor的用法
您好，关于JSP中Ueditor的使用经验：
1、首先去官网下载Ueditor，选择UTF-8版本。
2、在项目工程里面导入，新建一个Ueditor的文件夹，把解压之后的全部东西放进去。
3、新建一个JSP页面，并在页面上引用Ueditor的JS文件，路径自己调整。
<!--配置文件-->
<script type="text/javascript" src="ueditor/ueditor.config.js"></script>
<!--编辑器源码文件-->
<script type="text/javascript" src="ueditor/ueditor.all.js"></script>
4、在页面上新建一个textarea的标签，如下:
<textarea id="container" name="container"
style="width: 800px; height: 400px; margin: 0 auto;">
</textarea>
5、实例化编辑器，这里用的是替代法，即把textarea替换为Ueditor编辑器
<!--实例化编辑器-->
<script type="text/javascript">
var ue= UE.getEditor("container");
</script>
到此，基本配置就完了。
后台获取数据，在后台里面：
String word_content= request.getParameter("container");获取页面上的name="container"就行了
如果使用SSH框架的话，更加简单，我也就不赘述了。
关于数据库获取数据，使用查询语句查询对应的字段，传递到页面上就OK。不用过多的考虑。
其次还给你说一下，关于图片上传的问题：
当你能够运行编辑器页面的时候，图片上传功能就已经实现了。不需要你做额外的配置。
默认的图片上传目录是：
WebContent下的images目录，上传的图片是在服务器上的，项目工程里面是没有的，要去你工作空间里面找，我的是E:\JavaWeb_workplace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps。你可以对应的这个目录去找。
再次说明一下，图片的上传目录可以更改。打开如图：
打开之后是这个样子：
这个就是图片上传文件的配置，你可以在这里修改你想上传的文件路径。
希望这个是你想要的答案。
望采纳，纯手打。
KindEditor 和百度的 ueditor哪个更好些
各有优缺点。以下纯属个人使用后的观点，仅供参考。
KE缺点：HTML4+JS，上传文件使用iframe子框架。
优点：成熟作品，功能正常够用，更新少，不用担心一直要换新版本而改来改去，使用和配置方便，可后台动态配置上传参数，可在外部单独调用某个按钮功能（官网有很多现成的案例）
UE缺点：还不成熟，一直更新，老是功能改来改去，使用和配置都不方便，后台动态配置上传参数麻烦（我不会，也没有案例），外部单独调用某个按钮功能不方便（我不会，官网也没有案例）
优点：HTML5+JS，功能强大，上传文件使用HTML5，不会再担心浏览器屏蔽iframe子框架的苦恼。
ueditor 这是干什么用的
方法/步骤
目前最新版本为1.1.7.3
下载下来的文件名为ueditor1.1.7.3.zip
把解压出来的ueditor文件夹整个复制到项目WebRoot下
1.页面<head>里增加以下代码
2.页面<body>里增加以下代码
打开浏览器，输入相应地址，一个漂亮的编辑器就出现了，但表情和上传文件这块还需要更改一下配置
修改配置，增加上传
打开editor_config.js文件，修改URL的值
保存，刷新一下页面，表情是不是可以出来了？
文件上传默认用的是ueditor/server/upload/php/up.php进行上传的，如果用jsp上传，需要修改两个地方
修改ueditor/dialogs/image/image.html页面里第304行和ueditor/dialogs/wordimage/wordimage.html页面第82行，改为使用up.jsp进行上传，这里面用的是apache的fileupload组件，所以要导入apache commons组件中的fileupload和io这两个jar包
5
修改ueditor/server/jsp/up.jsp，指定文件的保存路径
ueditor编辑器怎样调用
1、下载编辑器
2、解压到网站文件夹中
3、文件头中加载js文件，注意路径和编码
<script type="text/javascript" charset="gbk" src="../editor_config.js"></script>
<script type="text/javascript" charset="gbk" src="../editor_all.js"></script>
4、定义编辑器的编辑框
<script id="editor" type="text/plain" style="width:1076px;">这里可以书写，编辑器的初始内容</script>
5、页面底部加入初始化程序
<script type="text/javascript">
//实例化编辑器
UE.getEditor('editor');
function createEditor(){
enableBtn();
UE.getEditor('editor')
}
function getAllHtml(){
alert( UE.getEditor('editor').getAllHtml())
}
function getContent(){
var arr= [];
arr.push("使用editor.getContent()方法可以获得编辑器的内容");
arr.push("内容为：");
arr.push( UE.getEditor('editor').getContent());
alert( arr.join("\n"));
}
function getPlainTxt(){
var arr= [];
arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
arr.push("内容为：");
arr.push( UE.getEditor('editor').getPlainTxt());
alert( arr.join('\n'))
}
function setContent(){
var arr= [];
arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
UE.getEditor('editor').setContent('欢迎使用ueditor');
alert( arr.join("\n"));
}
function setDisabled(){
UE.getEditor('editor').setDisabled('fullscreen');
disableBtn("enable");
}
function setEnabled(){
UE.getEditor('editor').setEnabled();
enableBtn();
}
function getText(){
//当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
var range= UE.getEditor('editor').selection.getRange();
range.select();
var txt= UE.getEditor('editor').selection.getText();
alert( txt)
}
function getContentTxt(){
var arr= [];
arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
arr.push("编辑器的纯文本内容为：");
arr.push( UE.getEditor('editor').getContentTxt());
alert( arr.join("\n"));
}
function hasContent(){
var arr= [];
arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
arr.push("判断结果为：");
arr.push( UE.getEditor('editor').hasContents());
alert( arr.join("\n"));
}
function setFocus(){
UE.getEditor('editor').focus();
}
function deleteEditor(){
disableBtn();
UE.getEditor('editor').destroy();
}
function disableBtn( str){
var div= document.getElementById('btns');
var btns= domUtils.getElementsByTagName( div,"input");
for( var i= 0, btn; btn= btns[i++];){
if( btn.id== str){
domUtils.removeAttributes( btn, ["disabled"]);
} else{
btn.setAttribute("disabled","true");
}
}
}
function enableBtn(){
var div= document.getElementById('btns');
var btns= domUtils.getElementsByTagName( div,"input");
for( var i= 0, btn; btn= btns[i++];){
domUtils.removeAttributes( btn, ["disabled"]);
}
}
</script>
多余函数可以删除，如果你用不着的话
文章分享结束，ueditor和ueditor 这是干什么用的的答案你都知道了吗？欢迎再次光临本站哦！