所有分类
  • 所有分类
  • 游戏源码
  • 网站源码
  • 单机游戏
  • 游戏素材
  • 搭建教程
  • 精品工具

dedecms ckeditor编辑器添加链接默认新窗口打开修改方法|新手一看就会

dedecms ckeditor编辑器添加链接默认新窗口打开修改方法|新手一看就会 一

文章目录CloseOpen

先说说为什么要改默认:不是懒,是真的提升效率和体验

我朋友当时跟我吐槽:“每天发三篇文章,光勾链接就得花五分钟,有时候手快没勾,读者还得骂我不懂用户体验。”你看,这事儿不是“懒”,是真的影响效率和读者感受——新窗口打开链接有两个核心好处:

一是不中断读者阅读:读者点链接想看参考内容,新窗口打开不会让他们丢了原文的位置,看完还能回来接着读;二是减少编辑重复操作:每天加10个链接,每个省3秒,一天就省30秒,积少成多也是不少时间。

我后来帮她改完,她跟我说:“现在发文章像卸了个包袱,再也不用盯着链接框看有没有勾错了。”你要是也被这个问题烦过,听我的,赶紧改——真的能省好多心。

手把手教你改:三步搞定,我第一次改只用了5分钟

我得先跟你说清楚:dedecms的CKEditor编辑器配置,全在一个叫config.js的文件里——找对文件、改对代码,就成了。我第一次改的时候,找不到文件位置,后来问了做开发的朋友才摸清楚门路,现在把最详细的步骤给你:

  • 找对配置文件:别像我一样跑错文件夹
  • CKEditor的config.js文件,在dedecms里的默认路径是:/include/ckeditor/config.js——记好这个路径,别跑错了!

    怎么找?两种方法:

  • FTP工具(比如FileZilla)登录网站,从根目录开始,依次点“include”→“ckeditor”,就能看到config.js;
  • 用dedecms后台文件管理器:登录后台→“系统”→“文件管理器”,导航到“include/ckeditor”文件夹,找到config.js。
  • 我第一次找的时候,差点跑到“admin”文件夹里,后来才反应过来:dedecms把编辑器配置放“include”里,是为了统一管理所有核心功能的配置文件——记住这个规律,以后找其他配置也方便。

  • 修改代码:就改两行,不用懂编程
  • 找到config.js后,用纯文本编辑器打开(别用Word,会乱码!推荐Notepad++、Sublime Text或者VS Code),然后找两个关键参数:

    第一步:让编辑器显示“目标”选项卡

    找到这行代码(可能在文件中间位置):

    config.linkShowTargetTab = false;

    false改成true——这行的意思是:让编辑器显示“目标”选项卡(不然你连勾“新窗口”的地方都没有)。

    第二步:设置默认目标为新窗口

    在刚才那行代码下面,加一行新代码

    config.linkTargetId = '_blank';

    这行的作用是:把链接的默认目标设为“新窗口打开”——_blank是HTML里规定的“新窗口”属性,浏览器一看到这个,就会自动开新标签页。

    改完之后,你的config.js里应该有这两行:

    config.linkShowTargetTab = true;
    

    config.linkTargetId = '_blank';

    我得跟你解释清楚:这两行代码是“组合拳”——第一行让“目标”选项卡显示出来,第二行把默认值设为新窗口。少了任何一行,都达不到“默认新窗口”的效果。

  • 保存测试:没效果?先清缓存!
  • 改完代码后,保存文件,再上传回原来的路径(覆盖原文件)。然后做两件事:

  • 第一步:清浏览器缓存(按Ctrl+F5强制刷新后台)——有时候浏览器会存旧的config.js文件,不清缓存看不到效果;
  • 第二步:测试效果:登录后台→新建一篇测试文章→点编辑器里的“插入链接”按钮——你看!“目标”选项卡里是不是默认就选了“新窗口打开(_blank)”?加个链接预览一下,是不是在新标签页打开了?
  • 我朋友当时改完,兴奋地给我发消息:“真的!刚加了个链接,没勾就默认新窗口了!”你要是测试成功,也会跟她一样开心——毕竟解决了一个天天烦你的小麻烦。

    给你个“参数表”:不用记,照着改就行

    为了让你更清楚每个参数的作用,我整理了个CKEditor链接配置的关键参数表——以后再改其他设置,直接查这个表就行:

    参数名称 默认值 修改后的值 作用说明
    config.linkShowTargetTab false true 显示“目标”选项卡,让你能设置链接打开方式
    config.linkTargetId ‘_blank’ 将链接默认目标设为新窗口打开
    config.linkDefaultProtocol ‘http://’ 不变 链接默认使用的协议,避免手动输入http://

    这些“坑”我踩过,你别再踩了

    我得跟你唠唠改的时候容易犯的错——都是我和朋友踩过的,提前告诉你避坑:

  • 一定要备份原文件!
  • 改之前,把config.js复制一份存成config_backup.js——就放同一个文件夹里。我有次改的时候,手滑删了一行代码,结果编辑器直接崩了,还好有备份,赶紧恢复过来,才没耽误朋友发文章。

  • 没效果?先清缓存!
  • 有时候改完代码,后台编辑器没变化——别慌,不是你改错了,是浏览器缓存在搞鬼!按Ctrl+F5强制刷新后台,再打开编辑器,就能看到效果了。

  • 配置文件路径不对?用“搜索”找!
  • 要是你用的dedecms模板改过CKEditor路径(比如有些模板把CKEditor放到“templates/你的模板名/ckeditor”里),直接用FTP的“搜索文件”功能,搜“config.js”——找到属于CKEditor文件夹里的那个,就是对的。

    最后跟你说句掏心窝子的话

    我帮朋友改完这个设置,她跟我说:“原来解决问题不用找程序员,自己跟着步骤也能搞定。”其实很多dedecms的小问题,都是“一层窗户纸”——戳破了就简单得很。

    你要是按我说的步骤试了,不管成功还是遇到问题,都可以在评论区告诉我——成功了我替你开心,遇到问题我帮你捋捋。对了,要是你还有其他dedecms编辑器的小麻烦,比如上传图片慢、格式乱,也能问我,我这儿还有一堆压箱底的小技巧呢!

    赶紧去改吧,改完你会回来谢我的~


    我之前帮朋友改这个配置的时候,就犯过没备份的傻——那天她催得急,我打开config.js直接就改,结果手滑删了一行“config.linkDefaultProtocol”的代码,关掉编辑器再打开,直接报错“无法加载链接插件”,她那边正等着发当天的甜品教程,急得在微信里发语音喊“完了完了,今天的推送要泡汤了”。我当时脑门子直冒汗,幸好突然想起之前存过一份原文件的截图,赶紧对照着重写了那行代码,才勉强救回来。从那以后,我不管改什么配置文件,第一步肯定是复制一份备份——就跟咱们手机存通讯录似的,怕丢。其实备份特简单,找到你要改的config.js,右键点“复制”,再粘贴到同一个文件夹里,把新文件改名成config_backup.js就行,相当于给这个文件留了个“双胞胎替身”,万一改坏了,直接用备份文件覆盖上去,顶多花10秒,比你找程序员帮忙快多了。

    再说了,改代码这事儿,真不是你仔细就能完全避免出错——我还有次改“_blank”的时候,把“blank”写成了“blnk”,就差一个字母,结果编辑器里的“目标”选项卡是出来了,但点链接的时候就是不新窗口打开,我盯着代码看了三分钟才发现打错字了。那时候要是没备份,我得重新找原始代码,或者去dedecms官网下载安装包提取原文件,至少得花半小时。你想啊,要是你正赶稿的时候遇到这事儿,半小时够发一篇文章了吧?所以听我的,备份真不是多此一举,是给你自己省时间——花30秒备份,比之后花半小时救火强一百倍。而且备份文件就放在同一个文件夹里,也不占空间,等你确认改完没问题了,再删了备份都没关系,但改之前一定要做,别嫌麻烦。


    修改后编辑器没变化,怎么办?

    首先检查是否清除了浏览器缓存——按Ctrl+F5强制刷新后台页面,多数情况是缓存导致设置不生效。如果仍无变化,确认config.js文件路径是否正确(默认是/include/ckeditor/config.js),或代码是否修改正确(比如将config.linkShowTargetTab = false;改成true,并添加了config.linkTargetId = ‘_blank’;)。

    找不到config.js文件怎么办?

    先尝试默认路径:/include/ckeditor/config.js。若使用了自定义模板(部分模板会修改编辑器路径),可通过FTP工具的“搜索文件”功能查找“config.js”,找到属于CKEditor文件夹的文件(比如有些模板会将CKEditor放在/templates/你的模板名/ckeditor目录下)。

    修改前需要备份原文件吗?

    一定要备份!修改前将原config.js复制一份,重命名为config_backup.js并存放在同一文件夹。若后续改乱代码,直接用备份文件覆盖即可恢复,避免编辑器崩溃影响内容发布。

    我的dedecms用的不是CKEditor,这个方法能用吗?

    不适用。本文方法仅针对dedecms默认的CKEditor编辑器。若使用UEditor、KindEditor等其他编辑器,需查找对应编辑器的“链接默认新窗口打开”设置方法(不同编辑器的配置文件和参数不同)。

    改代码时误删了内容,怎么恢复?

    若之前备份了文件,直接用备份的config_backup.js替换当前文件即可。若未备份,可去dedecms官网下载对应版本的安装包,从安装包的/include/ckeditor目录中提取原始config.js文件,上传到网站覆盖错误文件。

    原文链接:https://www.mayiym.com/47149.html,转载请注明出处。
    0
    显示验证码
    没有账号?注册  忘记密码?

    社交账号快速登录

    微信扫一扫关注
    如已关注,请回复“登录”二字获取验证码