1 382 2021-03-08 10:53:05
收藏
// 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
{
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
如果您认可我们的分享,有意与我们合作开展帝国cms网站建设与开发业务或插件定制,请联系右侧在线客服。我们能给您的,就是高质量的模板与售后。
标注了信息来源为下载鸥的文章皆为原创,如果是转载的优质文章,我们也都标注了出处。如果您喜欢我们的文章,请按照下载鸥所标注的文章出处进行标注,谢谢您的配合。
帝国cms是一款功能极为强大的cms程序,性能强悍、安全性高,可轻松支持10万数据,高级开发人员可制作出能容纳千万数据量的网站,是国内最出色的开源cms程序之一,推荐企业用户使用。
当前最新版本为7.5,8.0版本即将上线,新版本的核心优化点在于多终端的适配。
如果你栏目生成选项选择的ID目录,那么帝国他生成的地址会少一个斜扛,访问时就...
百度小程序的开放生态对网站站长及企业商家而言,能够从中获取到什么呢?百度智...
帝国cms是带有远程保存图片、图片加水印功能的,但都是默认未勾选的状态,我们...
如果直接在帝国cms模板中插入360推送代码,会发现在插入360推送代码后,无法正...
本文介绍的帝国cms面包屑导航newsnav修改为newsnav完整的修改攻略,包括标签...
帝国cms投稿后怎样跳转的问题一直让很多人困扰。有人想跳到个人中心,也有人...
有少量客户在使用帝国cms建站时发现一个问题:帝国cms显示的发布时间与真实的...
每次更新发布文章tag信息后,tag数据表的时间会自动同步,但tag信息表的修改时...
一直没看到好用的帝国cms在线考试插件,所以自己开发了一款。在线考试插件用...
通过本插件,可以实现帝国cms网站对接百度云api实现图像清晰度增强的功能。经...
帝国cms有自带的给关键词添加内链功能,但需要手动添加关键词,容易出现疏漏和...
使用帝国cms的企业用户、新闻资讯类站点的用户很多,此类站点很多时候需要有...
用户体验是我们的需求,百度蜘蛛的认可更是我们的需求。毕竟,没有收录排名,何来...
许多网站会做一些小功能小插件给客户使用以增强用户黏性,比如图片转文字,这种...
通过本插件,可以实现帝国cms网站对接百度云api实现图像去雾的功能。经过实际...
帝国cms 对接纳米数据(www.nami.com)接口,本接口主要接收、整理足球比赛实时数...