Ecms6.6整合百度编辑器1.2.3.0

Ecms6.6整合百度编辑器1.2.3.0

今天研究了下ECMS,发现其自带的编辑器功能不是很强大,特进行的扩展学习,来此做下笔记。

发现百度提供的在线编辑器支持PHP,ASP.NET,JAVA,感觉不错。而且是商业用户免费使用的。
官方地址:http://ueditor.baidu.com/

以下是ECMS论坛中各位朋友对其整合的链接地址:

http://bbs.phome.net/showthread-13-217662-0.html

http://bbs.phome.net/showthread-13-270469-0.html

http://www.hzapi.com/html/ecms_ueditor.php

最后是ECMS的技术文档查看地址:
http://www.phome.net/doc/manual/

希望对大家有所帮助。

以下内容代码全部来自互联网,大部分来源于帝国ECMS官方论坛,本人根据搜索的所有相关帖子,做了下总结。

总结如下:
1. 到百度编辑器官方网站下载,我下载的是完整包,也可以选择自定义的。
2. 将包解压后改名为ueditor,拷贝到e/data/ecmseditor/下,看下面的代码里面有链接的。
3. 进入Ecms6.6后台,选择系统-〉数据表与系统模型-〉管理数据表-〉右侧就看到各种数据表了,选中要修改编辑器的数据表的“管理字段”-〉弹出新窗口,找表里面的字段标识,找到新闻正文,一般字段名是“newstext”,当然不同的数据表名字有些出入。-〉点击后面的“修改”。-〉窗口往下拉,找到“输入表单替换html代码”和“投稿表单替换html代码”-〉把下面的代码拷贝进去。注意代码里面的newstext,要替换成和你的字段名一样。
3. 由于帝国HTML不遵循W3C规范,所以使用这个GBK版本的会有点小问题,建议修改e/admin/AddNews.php文件,把这句加上:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

后台代码:(输入表单替换html代码)

<script type="text/javascript" src="/e/data/ecmseditor/ueditor/editor_config_admin.js"></script>
<script type="text/javascript" src="/e/data/ecmseditor/ueditor/editor_all_min_admin.js"></script>
<link rel="stylesheet" href="/e/data/ecmseditor/ueditor/themes/default/ueditor.css">
<script type="text/plain" id="myEditor" name="newstext">
<?=$ecmsfirstpost==1?"":stripSlashes($r[newstext])?>
</script>
<script type="text/javascript">
var editor = new baidu.editor.ui.Editor();
editor.render("myEditor");
editor.classid = <?=$classid?>;
editor.filepass = <?=$filepass?>;
</script>
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#DBEAF5">
          <tr> 
            <td bgcolor="#FFFFFF"> <input name="dokey" type="checkbox" value="1"<?=$r[dokey]==1?' checked':''?>>
              关键字替换   <input name="copyimg" type="checkbox" id="copyimg" value="1">
      远程保存图片(
      <input name="mark" type="checkbox" id="mark" value="1">
      <a href="SetEnews.php" target="_blank">加水印</a>)   
      <input name="copyflash" type="checkbox" id="copyflash" value="1">
      远程保存FLASH(地址前缀: 
      <input name="qz_url" type="text" id="qz_url" size="">
              )</td>
          </tr>
          <tr>
               
    <td bgcolor="#FFFFFF"><input name="repimgnexturl" type="checkbox" id="repimgnexturl" value="1"> 图片链接转为下一页   <input name="autopage" type="checkbox" id="autopage" value="1"> 自动分页
      ,每 
      <input name="autosize" type="text" id="autosize" value="5000" size="5">
      个字节为一页   取第 
      <input name="getfirsttitlepic" type="text" id="getfirsttitlepic" value="" size="1">
      张上传图为标题图片( 
      <input name="getfirsttitlespic" type="checkbox" id="getfirsttitlespic" value="1">
      缩略图: 宽 
      <input name="getfirsttitlespicw" type="text" id="getfirsttitlespicw" size="3" value="<?=$public_r[spicwidth]?>">
      *高
      <input name="getfirsttitlespich" type="text" id="getfirsttitlespich" size="3" value="<?=$public_r[spicheight]?>">
      )</td>
          </tr>
</table>

前台代码:(投稿表单替换html代码)

<script type="text/javascript" src="/e/data/ecmseditor/ueditor/editor_config.js"></script>
<script type="text/javascript" src="/e/data/ecmseditor/ueditor/editor_all_min.js"></script>
<link rel="stylesheet" href="/e/data/ecmseditor/ueditor/themes/default/ueditor.css">
<script type="text/plain" id="myEditor" name="newstext">
<?=$ecmsfirstpost==1?"":stripSlashes($r[newstext])?>
</script>
<script type="text/javascript">
var editor = new baidu.editor.ui.Editor();
editor.render("myEditor");
editor.classid = <?=$classid?>;
editor.filepass = <?=$filepass?>;
</script>

最终在官方下的无法使用,也没深入研究,在以下网站找到整合好的代码,大家可以参考下,已经测试成功,可以正常使用。

http://www.ishang123.com/CMS/empire/2012-11-24/324.html

nathanma

leave a comment

Create Account



Log In Your Account