去除Dede编辑器粘贴/回车都自动加DIV的方法
DEDE5.6版及后续版本内置的可视化编辑器变成了只有ckeditor 使用中发现一个问题不管是黏贴文本进来,还是手工输入,然后回车,都会被自动加<DIV>标签,如果遇到长文章,自动分页,可能会出现<DIV></DIV>标签被截断的现象,造成文章后面的模板全部错乱。因此需要将自动添加的<DIV>标签去除。
打开/dede/inc/inc_archives_functions.php
大概在这个文件的第633行找到下面的代码:
function AnalyseHtmlBody($body,&$description,&$litpic,&$keywords,$dtype='')
{
在下面加入如下代码:
$body = str_replace("div","p",$body);
echo $str."\n";
但是以上代码仅限于普通的网站,也就是不会在发布的文章中有文本的<DIV>字符的,如果是站长源码类网站,或者技术类网站,因为经常会在文章中出现<DIV>的字眼,这些字同样会在发布的时候被自动替换掉,这样就使发布的文章跟原文不一样的。因此笨牛网在尝试了以上方法后发现不适合笨牛网(BNXB.COM)使用,继续查阅文章,发现可以从CKEDITOR的配置文件着手
/include/ckeditor/config.js
在
/*
Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/
CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
// config.language = 'fr';
config.uiColor = '#F1F5F2';
// 文件浏览
config.filebrowserImageBrowseUrl = "../include/dialog/select_images.php";
config.filebrowserFlashBrowseUrl = "../include/dialog/select_media.php";
config.filebrowserImageUploadUrl = "../include/dialog/select_images_post.php";
下方添加
config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_P;
config.enterMode = CKEDITOR.ENTER_BR;这句在的意思就是将ENTER换行的换行符改成<BR>
config.shiftEnterMode = CKEDITOR.ENTER_P; 这句的意思就是将SHIFT+ENTER换行的换行符改成<P>
所以如果想ENTER改成<P>那可以使用config.enterMode = CKEDITOR.ENTER_P;
改完后文件如下
/*
Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/
CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
// config.language = 'fr';
config.uiColor = '#F1F5F2';
// 文件浏览
config.filebrowserImageBrowseUrl = "../include/dialog/select_images.php";
config.filebrowserFlashBrowseUrl = "../include/dialog/select_media.php";
config.filebrowserImageUploadUrl = "../include/dialog/select_images_post.php";
config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_P;
config.autoParagraph = false;
config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_P;
};
这样在手工录入的时候就可以按回车换行,换行符是<BR>而不是之前的<DIV>了。
不过到这里还不是完全符合我们的要求,我们从外部TXT文件黏贴内容进来,任然会被自动套一层<DIV></DIV>
以下继续改进
打开/include/ckeditor/ckeditor.js
然后查找 'p':'div' 改成'div':'p'
完成
打开/dede/inc/inc_archives_functions.php
大概在这个文件的第633行找到下面的代码:
function AnalyseHtmlBody($body,&$description,&$litpic,&$keywords,$dtype='')
{
在下面加入如下代码:
$body = str_replace("div","p",$body);
echo $str."\n";
但是以上代码仅限于普通的网站,也就是不会在发布的文章中有文本的<DIV>字符的,如果是站长源码类网站,或者技术类网站,因为经常会在文章中出现<DIV>的字眼,这些字同样会在发布的时候被自动替换掉,这样就使发布的文章跟原文不一样的。因此笨牛网在尝试了以上方法后发现不适合笨牛网(BNXB.COM)使用,继续查阅文章,发现可以从CKEDITOR的配置文件着手
/include/ckeditor/config.js
在
/*
Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/
CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
// config.language = 'fr';
config.uiColor = '#F1F5F2';
// 文件浏览
config.filebrowserImageBrowseUrl = "../include/dialog/select_images.php";
config.filebrowserFlashBrowseUrl = "../include/dialog/select_media.php";
config.filebrowserImageUploadUrl = "../include/dialog/select_images_post.php";
下方添加
config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_P;
config.enterMode = CKEDITOR.ENTER_BR;这句在的意思就是将ENTER换行的换行符改成<BR>
config.shiftEnterMode = CKEDITOR.ENTER_P; 这句的意思就是将SHIFT+ENTER换行的换行符改成<P>
所以如果想ENTER改成<P>那可以使用config.enterMode = CKEDITOR.ENTER_P;
改完后文件如下
/*
Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/
CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
// config.language = 'fr';
config.uiColor = '#F1F5F2';
// 文件浏览
config.filebrowserImageBrowseUrl = "../include/dialog/select_images.php";
config.filebrowserFlashBrowseUrl = "../include/dialog/select_media.php";
config.filebrowserImageUploadUrl = "../include/dialog/select_images_post.php";
config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_P;
config.autoParagraph = false;
config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_P;
};
这样在手工录入的时候就可以按回车换行,换行符是<BR>而不是之前的<DIV>了。
不过到这里还不是完全符合我们的要求,我们从外部TXT文件黏贴内容进来,任然会被自动套一层<DIV></DIV>
以下继续改进
打开/include/ckeditor/ckeditor.js
然后查找 'p':'div' 改成'div':'p'
完成
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
来源:网友投稿 关注:
时间:2018-09-10 10:17
☉首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ进行交流。
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ进行交流。
相关织梦教程:
- dedecms SQL注入漏洞 member/album_add.php 修复
- dedecms cookies泄漏导致SQL漏洞 /member/article_add
- Windows虚拟主机指定目录禁用脚本执行权限方法
- 西部数码虚拟主机设置禁止脚本执行权限
- 阿里云主机设置织梦程序禁止脚本执行权限及禁止写入
- dedecms织梦导致CPU峰值现象的解决办法
- 织梦程序网站被挂马或快照劫持终极解决办法
- 阿里云提醒/member/reg_new.php注入漏洞解决办法
- 织梦安全:更改plus名称
- 织梦栏目属性增加链接rel、nofollow和新窗口target
- 织梦问答模块PHP7报错解决方法
- dedecms解决移动端首页不自动更新问题