dedecms中的ckeditor编辑器换成百度ueditor编辑器

1:下载百度ueditor编辑器:http://ueditor.baidu.com/website/

2:将ueditor放在dede的目录下,我这里放在dedecms的后台目录下,如下图

163334319.png

放到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 一起交流 或者博客回复

你可能感兴趣的:(浏览器,dedecms,编辑器,地址栏,下载百度)