UEgetPlainTxt() 可获取到编辑器中的纯文本内容，有段落格式
UEgetContentTxt() 可获取到编辑器中的纯文本内容，没有段落格式；
ueditor 没有提供直接获取的功能，可以UEgetContent() 获取全部内容，使用正则表达式 筛选出，我提供一个使用JAVA写的筛选方法，前台js代码类似:
Pattern p_img = Patterncompile("(<img[^>]+src\\s=\\s['\"]([^'\"]+)['\"][^>]>)");Matcher m_img = p_imgmatcher(content);
while (m_imgfind()) {
String img = m_imggroup(1); //m_imggroup(1) 为获得整个img标签 m_imggroup(2) 为获得src的值
}
可以打开ueditorallminjs 查看，里面有所有支持的方法 注释也都很明白
1、首先通过php或者jsp等后台语言获取数据库中的内容，保存到变量cont中。
2、调用editorsetContent(cont)就完成数据赋值到编辑器中了，这里的editor是编辑器实例。
PS：如果在点击诸如“编辑”按钮之后再实例化编辑器，然后设置内容时，通常需要等待编辑器实例化完成之后再赋值，也就是代码需要改成这样子:
editorready(function(){
editorsetContent(cont);
})
否则在某些情况下会报错。当然，如果点击编辑的时候编辑器已经显示在桌面上了的时候，那就只需要直接调用即可。
方法/步骤
目前最新版本为1173
下载下来的文件名为ueditor1173zip
把解压出来的ueditor文件夹整个复制到项目WebRoot下
1页面<head>里增加以下代码
2页面<body>里增加以下代码
打开浏览器，输入相应地址，一个漂亮的编辑器就出现了，但表情和上传文件这块还需要更改一下配置
修改配置，增加上传
打开editor_configjs文件，修改URL的值
保存，刷新一下页面，表情是不是可以出来了？
文件上传默认用的是ueditor/server/upload/php/upphp进行上传的，如果用jsp上传，需要修改两个地方
修改ueditor/dialogs/image/imagehtml页面里第304行和ueditor/dialogs/wordimage/wordimagehtml页面第82行，改为使用upjsp进行上传，这里面用的是apache的fileupload组件，所以要导入apache commons组件中的fileupload和io这两个jar包
5修改ueditor/server/jsp/upjsp，指定文件的保存路径
<script id="myEditor" name="myEditor" type="text/plain" style="width:100%;height:300px;">
<textarea name="content" id="content"><% =request("content") %></textarea> '放编辑器的内容
<script type="text/javascript">
$(document)ready(function(){
var editor= UEgetEditor('myEditor');
documentgetElementById("content") = editor; '赋值给textarea
});
</script>
ueditor 如果没什么特殊的需求，并不需要进行什么设置啊。
PHP调用的话，也与通常的做法类似，在你下载并解压的ueditor路径下的 indexhtml 里就给你演示了调用方法：
先在 head 里引入 ueditor 包：
<script type="text/javascript" charset="utf-8" src="ueditorconfigjs"></script><script type="text/javascript" charset="utf-8" src="ueditorallminjs"> </script>
<script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cnjs"></script>
2 定义一个 editor 元素：
<script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>3 以下就是显示、创建之类的 *** 作了：
<script type="text/javascript">
//实例化编辑器
//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UEgetEditor('editor')就能拿到相关的实例
var ue = UEgetEditor('editor');
至于录入到数据库中、从数据库中调出，你也可以参考以下代码：
function getContent() {var arr = [];
arrpush("使用editorgetContent()方法可以获得编辑器的内容");
arrpush("内容为：");
arrpush(UEgetEditor('editor')getContent());
alert(arrjoin("\n"));
}
function getPlainTxt() {
var arr = [];
arrpush("使用editorgetPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
arrpush("内容为：");
arrpush(UEgetEditor('editor')getPlainTxt());
alert(arrjoin('\n'))
}
function setContent(isAppendTo) {
var arr = [];
arrpush("使用editorsetContent('欢迎使用ueditor')方法可以设置编辑器的内容");
UEgetEditor('editor')setContent('欢迎使用ueditor', isAppendTo);
alert(arrjoin("\n"));
}
ueditorconfigjs 这个js里面有一个serverUrl（服务器统一请求接口路径），所有的请求都是转向这里的，之后在ueditoralljs里面，找到simpleupload（单个上传）对应的注册方法(大概在24405行)，方法体内部有wrapperinnerHTML的代码段，form表单对应的action="' + megetOpt('serverUrl') + '" 可以修改这里。
功能源码片段如下：
var URL = windowUEDITOR_HOME_URL || getUEBasePath();
/
配置项主体。注意，此处所有涉及到路径的配置别遗漏URL变量。
/
windowUEDITOR_CONFIG = {
//为编辑器实例添加一个路径，这个不能被注释
UEDITOR_HOME_URL: URL
// 服务器统一请求接口路径
, serverUrl: "/api/uploads/ue" //这里就是你问的上传以及下载url前缀
以上就是关于前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字,图片内容全部的内容，包括:前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字,图片内容、百度ueditor编辑器如何显示、修改从数据库中的数据、php ueditor怎么使用等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）