帝国cms整合百度编辑器ueditor图文教程
思良：没测试
一、ueditor介绍
UEditor是由WEB前端研发部开发的所见即所得的开源富文本编辑器，具有轻量、可定制、用户体验优秀等特点。开源基于BSD协议，所有源代码在协议允许范围内可自由修改和使用。百度UEditor的推出，可以帮助不少网站开者在开发富文本编辑器所遇到的难题，节约开发者因开发富文本编辑器所需要的大量时间，有效降低了企业的开发成本...这些都是废话，下面来点正点的，看图吧
图1：百度富文本编辑器总览
图2：支持直接插入百度地图
图3：支持直接插入谷歌地图
图4：支持直接搜索图片然后插入
图5：非常丰富的表情
图6：支持直接抓取优酷等视频并解析出地址，这个很好用
图7：还有更多的百度应用也可以直接调用啊
二、帝国cms7.0 整合ueditor
根据自己的帝国cms版本下载相应的ueditor 下载地址:http://ueditor.baidu.com/website/download.html#ueditor
2.上传至帝国cms的/e/data/ecmseditor/下
3.修改字段输入表单，具体操作：系统-->新建表与系统模型-->管理数据表-->管理字段
修改newstext字段内容4.把下面的代码复制到下图示红框内
| <script type="text/javascript" src="/e/data/ecmseditor/ueditor/ueditor.config.js"></script> <script type="text/javascript" src="/e/data/ecmseditor/ueditor/ueditor.all.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> |
5.刷新网页
6.如果要在前台页面中现在代码高亮的，必须在内容模板里加上对应的js和css
<script src="/e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCore.js" type="text/javascript"></script> <link rel="stylesheet" href="/e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css"> |
具体的可以查看本站新闻的html源文件
原文：http://www.3lian.com/edu/2013/07-31/85486.html
