下载鸥 > 网站下载 > 开发教程 > 帝国CMS

ckeditor高亮插件codesnippet怎样配置默认语言为php/html?

328 2021-03-08 10:53:05

收藏
ckeditor是帝国cms的默认编辑器,可安装高亮插件codesnippet。其效果比较美观大方。在前面的文章中,我们介绍了帝国cms7.5后台编辑器插入代码显示高亮与行号插件codesnippet,本文不再赘述。而是谈怎样将codesnippet默认语言设置为php/html?
ckeditor高亮插件codesnippet怎样配置默认语言为php/html?
codesnippet是没有设置默认语言的,官方文档并不友好,鸥哥在配置时就很吐血,各位看官可以体验一下。
// Create a new plugin which registers a custom code highlighter
// based on customEngine in order to replace the one that comes
// with the Code Snippet plugin.
CKEDITOR.plugins.add( 'myCustomHighlighter', {
    afterInit: function( editor ) {
        // Create a new instance of the highlighter.
        var myHighlighter = new CKEDITOR.plugins.codesnippet.highlighter( {
            init: function( ready ) {
                // Asynchronous code to load resources and libraries for customEngine.
                customEngine.loadResources( function() {
                    // Let the editor know that everything is ready.
                    ready();
                } );
            },
            highlighter: function( code, language, callback ) {
                // Let the customEngine highlight the code.
                customEngine.highlight( code, language, function() {
                    callback( highlightedCode );
                } );
            }
        } );

        // Check how it performs.
        myHighlighter.highlight( 'foo()', 'javascript', function( highlightedCode ) {
            console.log( highlightedCode ); // -> <span class="pretty">foo()</span>
        } );

        // From now on, myHighlighter will be used as a Code Snippet
        // highlighter, overwriting the default engine.
        editor.plugins.codesnippet.setHighlighter( myHighlighter );
    }
} );

文档其实很详细,甚至每一句都有注释,每一句的功能都写得清清楚楚,一看就很专业。

只是,看完之后还是懵啊,写的再多,没写清楚哪里改,最简单的,给个demo,分分钟改完就可以了吧。

没有。

测试了一晚上,这也不对那也不对。

请允许我发牢骚,因为如果你有这个需求,这是我一晚上排查测试了几十个文件、看了几十页文档,最后,活生生测试出来的,免费送给你了。

官方文档很详细,但啥用没有。也许是鸥哥没找对方法?

效果最终还是实现了,ckeditor高亮插件codesnippet配置默认语言为php/html也没有问题,但修改路径比较一言难尽。

本以为是

/e/admin/ecmseditor/infoeditor/plugins/codesnippet/plugin.js
官方文档也一直引导改这个 ↑。

结果人家在
/e/admin/ecmseditor/infoeditor/plugins/codesnippet/dialogs/codesnippet.js

在45行(默认文档45行),下方代码第六行,加入default:'html',就实现默认了。
{
id: 'lang',
type: 'select',
label: lang.language,
items: langSelectItems,
default:'html',
setup: function( widget ) {
	if ( widget.ready && widget.data.lang )
	this.setValue( widget.data.lang );

	// The only way to have an empty select value in Firefox is
	// to set a negative selectedIndex.
	if ( CKEDITOR.env.gecko && ( !widget.data.lang || !widget.ready ) )
	this.getInputElement().$.selectedIndex = -1;
},
	commit: function( widget ) {
		widget.setData( 'lang', this.getValue() );
	}
},
dialog目录?是框架都这样玩吗?还是国外都这样玩?

这,是鸥哥不够专业吗?

本文地址:https://xzo.com.cn/develop/empire/678.html

有帮助,很赞!

信息来源:下载鸥
导出教程 下载word版教程
发表评论 共有条评论
关于帝国CMS


帝国cms是一款功能极为强大的cms程序,性能强悍、安全性高,可轻松支持10万数据,高级开发人员可制作出能容纳千万数据量的网站,是国内最出色的开源cms程序之一,推荐企业用户使用

当前最新版本为7.5,8.0版本即将上线,新版本的核心优化点在于多终端的适配。

推荐帝国CMS开发教程
织梦CMS与帝国CMS有什么不同?
织梦CMS与帝国CMS有什么不同?

织梦是我用过的第二个CMS,也是最喜欢的CMS之一。他最大的优点有二:1、功能十...

15 974
帝国CMS的下载地址怎样设置点击进入下载页而不弹小窗口
帝国CMS的下载地址怎样设置点击进入下载页而不弹小窗口

帝国cms默认的下载地址是点击后弹窗一个小窗口,用户体验度并不好,但我们可以...

13 711
帝国cms取消用户邮箱必填(注册/修改资料/管理员编辑资料)
帝国cms取消用户邮箱必填(注册/修改资料/管理员编辑资料)

网上关于取消会员邮箱必填的教程很多,但大都不完整。今天放出完整版本,确保全...

12 662
帝国cms制作信息反馈表的方法
帝国cms制作信息反馈表的方法

帝国cms自带的信息反馈功能,不仅可以实现留言功能,还可以实现像在线报名、反...

1 498
帝国cms网站链接域名出现了2次,访问都是404是什么原因?
帝国cms网站链接域名出现了2次,访问都是404是什么原因?

帝国cms网站链接域名出现了2次是什么原因,要怎么解决?这个问题往往出现在用户...

1 708
帝国CMS怎样根据栏目关键字调用Tags信息
帝国CMS怎样根据栏目关键字调用Tags信息

在帝国cms开发过程中,我们经常会遇到这样那样的需求。就如栏目信息的展示,有...

1 452
帝国cms网站加载速度很慢怎么办?
帝国cms网站加载速度很慢怎么办?

很少有帝国cms反馈网站加载速度很慢的问题,如果你的帝国cms站点加载速度很慢...

1 567
帝国cms怎样让不同的会员组浏览不同的内容?
帝国cms怎样让不同的会员组浏览不同的内容?

很多帝国cms站点设置了多级会员,不同的会员具备不同的浏览下载权限。在这个...

0 349
推荐插件
帝国cms批量添加后台用户插件
帝国cms批量添加后台用户插件

使用帝国cms的企业用户、新闻资讯类站点的用户很多,此类站点很多时候需要有...

0 598
帝国cms自动给正文关键词添加tag内链
帝国cms自动给正文关键词添加tag内链

帝国cms有自带的给关键词添加内链功能,但需要手动添加关键词,容易出现疏漏和...

0 679
帝国cms百度AI黑白图像上色api接口对接插件
帝国cms百度AI黑白图像上色api接口对接插件

百度开放了系列AI功能api如图像上色、图像去雾、图像修复、无损放大、清晰...

0 331
帝国cms智能自动审核按星期几审核指定栏目带推送插件
帝国cms智能自动审核按星期几审核指定栏目带推送插件

采集站的必备资源是自动审核,要做到日收录也离不开定时发布。而本插件的自动...

0 1154
帝国cms纳米数据接口(足球比赛中最新数据)
帝国cms纳米数据接口(足球比赛中最新数据)

帝国cms 对接纳米数据(www.nami.com)接口,本接口主要接收、整理足球比赛实时数...

0 191
帝国cms百度AI图像去雾api接口对接插件
帝国cms百度AI图像去雾api接口对接插件

通过本插件,可以实现帝国cms网站对接百度云api实现图像去雾的功能。经过实际...

0 374
帝国cms百度、必应bing、神马推送增强收录三合一插件
帝国cms百度、必应bing、神马推送增强收录三合一插件

因客户需要一键推送到多平台,下载鸥开发了这款一键推送至百度、必应、神马插...

0 41
帝国cms百度AI图像清晰度增强api接口对接插件
帝国cms百度AI图像清晰度增强api接口对接插件

通过本插件,可以实现帝国cms网站对接百度云api实现图像清晰度增强的功能。经...

0 422
客服QQ:341553759
扫码咨询 常见问题 >
官方交流群:90432500
点击加入