• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >帝国cms > 帝国CMS FCKeditor编辑器添加插入代码插件方法(基于SyntaxHighlighter代码高亮插件)

帝国CMS FCKeditor编辑器添加插入代码插件方法(基于SyntaxHighlighter代码高亮插件)

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-13

佚名 向大家介绍了帝国CMS FCKeditor编辑器添加插入代码插件方法(基于SyntaxHighlighter代码高亮插件)等相关知识,希望对您有所帮助

帝国编辑器(FCK)默认是没有插入代码这一功能的,所以一般在添加代码的时候习惯用引用这个功能,可是,这也太不专业了吧?那咋整?就给FCK加一个插件呗。下面就是很有名的SyntaxHighlighter了。

首先大家可以去官网下载最新版,但是下载下来并不是就能用,还要进行一些配置,对新手来说是比较有难度的。这里可以直接使用恨雪提供的已经配置好的版本(2.1.382版本),本教程也是依据该版本而进行。

 下载地址:

下载解压后是两个文件夹:

第一,上传SyntaxHighlighter2.1.382这个文件夹到网站根目录,或者其他你喜欢的地方,也可以重命名该文件夹,但是在后面模板文件中调用CSS和js的时候路径要对,这里我就传到根目录吧。

第二,把以下代码加到内容模板,这里就要注意第一步了。


值得一提的是,上面的这些shBrushSql.js之类的JS,并不是固定要调用这些的。这些JS都有其含义(brushes),可以看官方的文档。因为我比较经常用到css、html、php、sql,所以我就只写上面所示的js即可。当然,如果你愿意,你可以把全部的都调用上去。但是那样会很慢哦。但是,假设你没有调用php的,当你在插入代码的时候,语言选择php,那么在前台,会提示错误。(shCore.js一定要有,不然前台会没有效果)

第三,把“syntaxhighlight2”这个文件夹传到“e/admin/ecmseditor/infoeditor/editor/plugins”目录下,也就是说,这是FCK编辑器的一个插件。

第四,修改一下FCK编辑器的配置文件,需要编辑器添加一下插件和按钮。

1,后台配置文件路径:/e/admin/ecmseditor/infoeditor/fckconfig.js

2,前台配置文件路径:/e/data/ecmseditor/infoeditor/fckconfig.js

找到FCKConfig.PluginsPath = FCKConfig.BasePath + ‘plugins/’ ;      大概在51行

在下面插入

然后找到’InsertTBr’],在  ‘InsertTBr’  后面输入   ,’SyntaxHighLight2’。

这样就算是完成了,编辑器的界面大致如下:

前台效果大致如下:

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-13帝国cms使用自定义函数获取用户发表新闻数量的方法
  • 2017-05-13帝国CMS内容页调用上一篇与下一篇方法汇总
  • 2017-05-13帝国cms通过自定义函数获取新闻文章数的实现代码
  • 2017-05-13帝国cms的灵动标签判断栏目ID的方法
  • 2017-05-13帝国CMS自动刷新首页的方法
  • 2017-05-13帝国CMS排行数字效果实现方法
  • 2017-05-13剖析帝国CMS核心文件e/class/connect.php中的常用函数
  • 2017-05-13帝国CMS调用下载排行的方法
  • 2017-05-13帝国cms6.6注册欢迎邮件发送的方法
  • 2017-05-13帝国CMS整合Discuz的多种方法详细介绍

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 帝国CMS7.0碎片功能升级后的使用方法详解
    • 帝国CMS中[!--no.num--]标签的用法分析
    • 帝国CMS实现反馈信息内容发送到邮箱的方法
    • 帝国cms7.0动态列表页面分页显示个数修改方法
    • 帝国CMS使用二级域名并解决顶一下的方法
    • 让帝国CMS留言板支持调用标签的方法
    • 帝国CMS获取产品或文章浏览记录的方法
    • 帝国CMS实现搜索结果显示页关键字高亮的方法
    • 帝国CMS 刷新数据表:news 比较卡的解决方法
    • 帝国CMS图集字段的大图,小图,说明的调用方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有