web集成ueditor

㈠ 如何在CI框架中集成百度的UEditor编辑器

一项目中需要用到富文本编辑器，目前可选择的编辑器可以参看求推荐好用的富文本编辑器这个讨论。然后我就试用了网络的UEditor。
把UEditor下载下来，在CI的views层建立一个名为ueditor的文件夹，拷贝源码包中的dialogs、themes、third-party、editor_all.js和editor_config.js到ueditor文夹中。
然后在需要显示富文本编辑器的区域里加上下面代码：
<script type="text/javascript" src="<?=base_url().'application/views/default/'?>ueditor/editor_config.js"></script>
<script type="text/javascript" src="<?=base_url().'application/views/default/'?>ueditor/editor_all.js"></script>
<link rel="stylesheet" href="<?=base_url().'application/views/default/'?>ueditor/themes/default/ueditor.css"/>
<div id="myEditor"></div>
<script type="text/javascript">
//var URL= "<?=base_url().'application/views/default/'?>";
var editor = new .editor.ui.Editor();
editor.render("myEditor");
</script>

刷新页面，可以看到编辑器就出来了。但是点击发现弹出层里的iframe页面没显示出来，用firebug等调试器一看，发现是相对路径出错了。
这个问题也好办，找到ueditor/ueditor_config.js文件，里面有配置路径的地方。看以下代码：
(function () {
//这里你可以配置成ueditor目录在您网站中与根目录之间的相对路径或者绝对路径（指以http开头的绝对路径）
//window.UEDITOR_HOME_URL可以在外部配置，这里就不用配置了
//场景：如果你有多个页面使用同一目录下的editor,因为路径不同，所以在使用editor的页面上配置这个路径写在这个js外边
//var URL = window.UEDITOR_HOME_URL || '../';
var tmp = window.location.pathname,
//URL = window.UEDITOR_HOME_URL||tmp.substr(0,tmp.lastIndexOf("\/")+1).replace("_examples/","").replace("website/","");//这里你可以配置成ueditor目录在您网站的相对路径或者绝对路径（指以http开头的绝对路径）
URL = 'http://www.nowamagic.net/ci/ueditor/';
把URL编程绝对路径。现在再刷新页面，OK了，Ueditor的弹出框也正常了。

㈡ 如何在 xadmin 中集成 ueditor 富文本编辑器

第一步需要引入UEditor的源文件，和jquery文件，来对编辑器进行支持。如果看到图二的效果则说明部署成功咯，接下来我们就可以根据自己的实际需求来进行场地参数。

第二步获取编辑器的输入的文本内容，然后对获取的值传递给后台处理，也可通过from表单进行操作。

配置文件上传，图片上传、截图上传路径（以jsp为例）
首先配置ueditor.config.js来初始化ueditor的安装路径,projectName代表项目路径URL则表示，配置后的ueditor的所在路径（可自定义）,详细配置可看图片所示

配置好路径后我们就可以调用了，接下来需要配置上传文件的路径了(jsp/config.json)里，需要配置的有imageUrlPrefix图片访问的路径前缀，imagePathFormat/scrawlPathFormat
等*PathFormat路径用来表示上传的文件路径（注意：windows 和linux的路径不同方式）,具体配置如图所示

在项目中添加ueditor说需要的jar包文件，然后启动项目。
项目启动完成后，进入页面，我们可以来试试效果，大家可以任意复制图片，上传文件等来实验下我们的配置结果。出现如下结果则说明我们配置成功了，简单吧。

㈢ 如何在angular2+webpack+typescript框架中引入ueditor

需要动态Evaluate一个表达式的值，可以通过Code Completion点出它所支持的方法

㈣ 前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字,图片内容

UE.getPlainTxt() 可获取到编辑器中的纯文本内容，有段落格式
UE.getContentTxt() 可获取到编辑器中的纯文本内容，没有段落格式；


ueditor 没有提供直接获取图片的功能，可以UE.getContent() 获取全部内容，使用正则表达式 筛选出图片，我提供一个使用JAVA写的筛选方法，前台js代码类似:

Patternp_img=Pattern.compile("(<img[^>]+src\s*=\s*['"]([^'"]+)['"][^>]*>)");
Matcherm_img=p_img.matcher(content);
while(m_img.find()){
Stringimg=m_img.group(1);//m_img.group(1)为获得整个img标签m_img.group(2)为获得src的值
}

㈤ 百度Ueditor web编辑器在ASP.NET网站中怎么配置，使用

把下载的文件夹放进你的项目，修改js、css文件的路径就可以直接引用，另外可以通过修改config.js选择需要显示的功能，很不错。可惜本地上传图片我的还是没有郁闷中。。。

㈥ ueditor 支持python吗

UEditor官方没有支持python的版本，有人改了个python的django版本，但是没找到web.py的。
于是参考php版本，实现了一下web.py集成UEditor，包含了文件上传，图片上传，视频上传，图片远程抓取，涂鸦等。
可能会有一些session之类的没有处理。

㈦ ueditor1.4.3需要哪些jar包

一：集成简单步骤
1，下载UEditor文件
2，添加jar包
打开下载的文件，结构如下所示，将jsp-lib下面的jar包添加到项目的web-inf 下的lib文件夹中

3，导入源文件
在webContent路径下面创建文件夹(ueditor)，将下载的文件全都拷贝进去（除去上部添加的jar包）

4，修改jsp文件
1),首先引入js文件
2),其次编写显示ueditor富文本框的容器
通过以上配置，ueditor基本上就可以使用了。
二：图片显示问题

1，如果ueditor图片上传失败，提示“未找到上传数据”
这时要检查项目的jar包,删除common-io-1.4.jar 即可上传成功

2，如果ueditor图片上传成功，但是显示不出来
这个问题就是读取图片的路径有问题，修改jsp下面的config.json文件
imageUrlPrefix 修改为自己项目名称，原因是默认的项目前缀是空，所以图片路径不正确
这样不是很好，项目名称更换一下还得改一下json文件，很麻烦，但是.json文件中又不会自动获取项目的名称，所以，如果改进的话，可以自动的拼成config.json文件中的内容。。

㈧ 如何自定义ueditor百度web编辑器

网络搜索ueditor,去下图所示官网下载

把这两个文件包含进来

写出如下图的标签

如下图实列化编辑器

呈现效果如下,很多功能，但是我们可能实际用不到这么多

如下图,实列化ueditor的时候，对其进行配置,这样可以不用修改其原来配置。
配置完后效果如图,这样我们就实现了自定义按钮功能配置

㈨ 使用myeclipse开发的Javaweb项目中怎么部署ueditor

步骤如下：

一、官网上下载完整源码包，解压到任意目录

_examples：编辑器完整版的示例页面

_demos：编辑器的各种使用案例

dialogs：弹出对话框对应的资源和JS文件

themes：样式图片和样式文件

third-party：第三方插件

editor_all.js：_src目录下所有文件的打包文件

editor_all_min.js：editor_all.js文件的压缩版，建议在正式部署时才采用

editor_config.js：编辑器的配置文件，建议和编辑器实例化页面置于同一目录

二、部署UEditor到实际项目（UETest）中的步骤:

第一步：在项目的任一文件夹中建立一个用于存放UEditor相关资源和文件的目录，此处在项目根目录下建立，起名为ueditor。

第二步：拷贝源码包中的dialogs、themes、third-party、editor_all.js和editor_config.js到ueditor文夹中。

第三步：为简单起见，此处将以根目录下的index.jsp页面作为编辑器的实例化页面，用来展示UEditor的完整版效果。在index.jsp文件中，首先导入编辑器需要的三个入口文件，示例代码如下：

[html] view plain

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<title>编辑器完整版实例</title>

<script type="text/javascript" src="ueditor/editor_config.js"></script>

<script type="text/javascript" src="ueditor/editor_all.js"></script>

<link rel="stylesheet" href="ueditor/themes/default/ueditor.css">

第四步：然后在index.php文件中创建编辑器实例及其DOM容器。具体代码示例如下：

[html] view plain

<div id="myEditor"></div>

<script language="javascript" type="text/javascript">

var option = {

initialContent : '',//初始化编辑器的内容

minFrameHeight : 400,//设置高度

textarea : 'content'//设置提交时编辑器内容的名字，之前我们用的名字是默认的editorValue

};

var editor = new .editor.ui.Editor(option);

editor.render("myEditor");

</script>

最后一步： 在/UETest/ueditor/ editor_config.js中查找URL变量配置编辑器在你项目中的路径。

[html] view plain

//强烈推荐以这种方式进行绝对路径配置

URL=window.UEDITOR_HOME_URL||"/UETest/ueditor/";

至此，一个完整的编辑器实例就已经部署了！在浏览器中输入http://localhost:8080/UETest 运行下。