DedeCMS编辑器fck更换成eWebEditor编辑器具体步骤

红尘无忌 發表於 2023-10-3 00:00:00

DedeCMS编辑器fck更换成eWebEditor编辑器具体步骤

将eWebEditor编辑器插入DEDE后台的效果： 

<img title="DedeCMS编辑器fck更换成eWebEditor编辑器具体步骤" alt="DedeCMS编辑器fck更换成eWebEditor编辑器具体步骤" src="https://zhuji.jb51.net/uploads/img/202305/d42debaeb26bad722e66203c58460ae8.jpg" style="max-width:100%!important;height:auto!important;border: 1px solid rgb(204, 204, 204); vertical-align: middle; padding: 1px; overflow: hidden; max-width: 696px; font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px; width: 602px; height: 408px;'>

 
完全Word在线编辑的功能，让你从此摆脱发可编辑器卡得死，进入流畅干净编辑界面新时代。 下面是具体步骤： 
首先，你要知道eWebEditor是一个什么工具。 
eWebEditor是由国内的一家软件公司开发的在线文字编辑工具， 
现在已经被几家CMS系统所集成， 
eWebEditor是一个开源的在线文字编辑器， 
它的最新收费版是eWebEditor V6.2，最新免费版是eWebEditor V4.6，相当于原收费版V4.6。 第一步： 
首先下载eWebEditor最新免费版， 
名字叫做eWebEditor V4.6精简版， 
但是其实功能没什么缺陷，就跟收费版V4.6是一样的。 
地址是：http://www.ewebeditor.net/download.asp。 第二步： 
解压下载的eWebEditor V4.6精简版压缩文件， 
将得到7个文件夹及3个文件， 
只要将其中ewebeditor.htm文件的： 
config.ServerExt = "asp"; 这段代码， 
修改为: 
config.ServerExt = "php"; 
这样eWebEdito编辑器就可以在PHP系统上使用了（可见这个编辑器兼容性极强）。 
将以上文件夹及文件全部完整上传到目录：<你的网站根目录/include/你的eWebEditor文件夹名>之下。 
你的eWebEditor文件夹名最好自己编一个文件夹名，不要用eWebEditor这个名字，这样别人就找不到你的eWebEditor编辑器，提高网站的安全性。 第三步： 
修改织梦DEDECMS的后台HTM文件，将eWebEditor插入其中，并替换原FCK文本编辑器。 
比如你要替换添加文档页的FCK文本编辑器， 
找到/dede/templets/article_add.htm文件。 
将article_add.htm文件内如下代码段进行修改： 

<div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>
<div class="right">
复制代码
</div>

代码如下:
</div>
<div class="msgborder" id="phpcode3" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
 
<td> 
<?php 
GetEditor("body",$body,450); 
?> 
</td> </div>

 先将这段代码注释掉，效果如下： 
<div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>
<div class="right">
复制代码
</div>

代码如下:
</div>
<div class="msgborder" id="phpcode4" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
 
<td> 
 
</td> </div>

 然后将<INPUT type="hidden" name="body" id="body" value=""><iframe ID="eWebEditor1" src="/include/你的ewebeditor文件夹/ewebeditor.htm?id=body&style=coolblue" frameborder="0" scrolling="no" width="600" HEIGHT="350"></iframe>插入注释前面，效果如下： 
<div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>
<div class="right">
复制代码
</div>

代码如下:
</div>
<div class="msgborder" id="phpcode5" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
 
<td> 
<INPUT type="hidden" name="body" id="body" value=""> 
<iframe ID="eWebEditor1" src="/include/你的ewebeditor文件夹/ewebeditor.htm?id=body&style=coolblue" frameborder="0" scrolling="no" width="600" HEIGHT="350"></iframe> 
 
</td> </div>

 这样就完成了article_add.htm文件的修改工作。 注意：iframe那段代码，一定要插在被注释的那段代码之前，否则ewebeditor编辑器撑不开包含它的表格，显示不完全。 第四步： 将修改好的article_add.htm上传替换原文件，这样你刷新后台添加文档页面，新的编辑器就出现了。 注意：其他用到文字编辑器的页面都可以用上面的办法进行替换。 希望大家从此进入信息化新时代，告别FCK（发可）编辑器。珍爱生命，远离FCK。 下面是利用ewebeditor编辑器在DEDECMS后台成功发布文章的截图： 



<img title="DedeCMS编辑器fck更换成eWebEditor编辑器具体步骤" alt="DedeCMS编辑器fck更换成eWebEditor编辑器具体步骤" src="https://zhuji.jb51.net/uploads/img/202305/3f37b2547c6fd49c9a0d1332e9484916.jpg" style="max-width:100%!important;height:auto!important;border: 1px solid rgb(204, 204, 204); vertical-align: middle; padding: 1px; overflow: hidden; max-width: 696px; font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px; width: 580px; height: 134px;'>

頁: [1]

琼殿技术论坛's Archiver

DedeCMS编辑器fck更换成eWebEditor编辑器具体步骤