1:下载百度ueditor编辑器:http://ueditor.baidu.com/website/
2:将ueditor放在dede的目录下,我这里放在dedecms的后台目录下,如下图
放到dedecms后台目录后,需要找到调用编辑器的模板文件,这个可以根据浏览器中的地址栏中地址去找
http://www.xin.com/hcy/article_edit.php?aid=14
根据的地址我们也可以猜得出,此处的模板名称article_edit.htm,在模板目录下找到对应的模板就可以修改
3:找到对应的模板安装ueditor编辑器,这里安装到article_edit.htm,在head中加入以下代码
<script type="text/javascript" charset="utf-8" src="ueditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8"src="ueditor/ueditor.all.js"></script>
4:在模板中找到以下代码注释掉
<?php GetEditor("body",$addRow['body'],450); ?> <!--改成下面--> <!--<?php GetEditor("body",$addRow['body'],450); ?>-->
5:初始化百度ueditor编辑器:
<script type="text/plain" id="myEditor" name="body"> //提交表单时,服务器获取编辑器提交内容的所用的参数,多实例时可以给容器name属性,会将name给定的值最为每个实例的键值,不用每次实例化的时候都设置这个值 <?php echo $addRow['body']?> </script> <script type="text/javascript"> UE.getEditor('myEditor',{ //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个 //toolbars:[['FullScreen', 'Source', 'Undo', 'Redo','Bold','test']], //focus时自动清空初始化时的内容 // autoClearinitialContent:true, //关闭字数统计 wordCount:false, //关闭elementPath elementPathEnabled:false, //默认的编辑区域高度 initialFrameHeight:300 //更多其他参数,请参考ueditor.config.js中的配置项 }) </script>
name属性的值可以,原来的php语句中找到下面的第一个参数就是name属性的值
<?php GetEditor("body",$addRow['body'],450); ?>
6:做完以上步骤时请把模板下面这个语句删除
<?php GetEditor("body",$addRow['body'],450); ?>
如有疑问请到QQ群:151327334 一起交流 或者博客回复