ueditor如何安装ueditor教程(ueditor设置内容)

Imperialcms内容管理系统如何安装ueditor编辑器

下载PHP版的UEditor。这里以1.3.6为例。

下载并解压缩后，将文件夹名称更改为ueditor。

然后，上传到服务器，帝国CMS文件夹eecmseditor\在目录下。

进入帝国CMS的后台，点击顶部的【系统

数据库中取出的\n等符号，在百度UEditor中为什么不显示换行
<script type="text/javascript">
//实例化编辑器
var um = UM.getEditor('myEditor');

$(document).ready(function () {
var value = $("#hfText").val();
UM.getEditor('myEditor').setContent(value, false);
});
var SetValue = function () {
var value = UM.getEditor('myEditor').getContent();
$("#hfText").val(value);
};

这个要看你保存的数据是HTML还是文本呢？，看你的这种情况应该保存的是HTML。那么在编辑的时候你要通过给Ueditor初始化值的时候应该主要初始化的是文本还是HTML。初始化方法或者设置方法接口上要注意下。

首先要改的是dwz.ui.js脚本了

找到if ($.fn.xheditor) { 这行(写好加载百度编辑器当然下面的 xheditor 要注释掉)
在上面添加

//编辑器加载更换到百毒编辑器 fix:corz
if ($("textarea.editor", $p).length>0) {
var module = $("textarea.editor", $p).attr('module');
ueditor_loader[module]={};
$("textarea.editor", $p).each(function(i){
var $this = $(this);
var module=$this.attr('module');
var thisid= module+'_'+i;
$this.attr('id',thisid);
var uplink=$this.attr('upLink');
var session=$this.attr('session');
var ifheight=$this.attr('height')?$this.attr('height'):320;
//var thisname=$this.attr('name');
ueditor_loader[module][i]= new baidu.editor.ui.Editor({
minFrameHeight:ifheight
,imageUrl:uplink+'image_upload'
//,snapscreenServerUrl:uplink+'image_upload'
,fileUrl:uplink+'file_upload?'+session
,catcherUrl:uplink+'get_remote_image'
,imageManagerUrl:uplink+'image_manager'
,wordImageUrl:uplink+'image_upload'
,getMovieUrl:uplink+'get_movie'
//,textarea:thisname
});
ueditor_loader[module][i].render( $this[0] );
});
}

编辑器的基本引入放到index.html里面
<script type="text/javascript">
var UEDITOR_HOME_URL='__PUBLIC__/ueditor/',ueditor_loader={};
//编辑器同步
function editorSyn(ename){
$.each(ueditor_loader[ename],function(i){
this.sync();
});
}
</script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/ueditor/themes/default/ueditor.css"/> <script type="text/javascript" charset="utf-8" src="__PUBLIC__/ueditor/editor_config.js"></script> <script type="text/javascript" charset="utf-8" src="__PUBLIC__/ueditor/editor_all_min.js"></script>
这里说明一下为啥要定义 ueditor_loader 这个全局属性了因为navtab提交时占用了onsubmit,必须要手动同步，而在ueditor_loader里进行对 new baidu.editor.ui.Editor 对象进行存放，在editorSyn 里进行同步而用的。在navtab页面里onsubmit改成onsubmit="editorSyn('{:MODULE_NAME}');return validateCallback(this, navTabAjaxDone);">
编辑器的加载
<dl class="nowrap">
<dt>详细内容：</dt>
<dd class="w720">
<textarea class="editor" name="content" height="400" session="{:C('VAR_SESSION_ID')}={:session_id()}" upLink="__GROUP__/ueditor/" module="{:MODULE_NAME}">{$vo.content}</textarea>
</dd>
</dl>

各方面的参数都是相对应的大家看看就明白了module="{:MODULE_NAME}"就是定义一下所在的模块，放到ueditor_loader[module]里到时候editorSyn('{:MODULE_NAME}')时找回页面所在的ueditor_loader进行同步再提交到服务器({:MODULE_NAME}在多标签的唯一性，到 editorSyn就可以单单同步写着{:MODULE_NAME}的编辑器实例对象了)

ie加载编辑器(1.2.1版)还有一个bug,必须改过ueditor\third-party\SyntaxHighlighter\shCore.js
到299行换成下面的代码在if (str) str += '';的下面换成
if(str){
real.replace.call(str.toString().slice(match.index), r2, function () {
for (var i = 1; i < arguments.length - 2; i++) {
if (arguments[i] === undefined)
match[i] = undefined;
}
});
}