1 329 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版本即将上线,新版本的核心优化点在于多终端的适配。
经常会有用户朋友反馈说新建的栏目页面怎么不对,或者说新建栏目怎么乱码了?总...
帝国CMS的信息是绑定内容模板的,通过本教程可以实现在前台自由使用不同的模...
帝国CMS提供了强大的碎片功能,其位置位于【栏目】-》【碎片管理】-》【管理...
客户站点由于员工操作失误,直接删除了20篇文章。如果有定期备份,那恢复数据即...
帝国cms自带的js是可以实现周榜、月榜效果的,但js由于其临时加载的特性,天生...
帝国cms的前台页面,是生成的静态文件,如果想要直接获取cookie,或是直接生成页...
json数据由于其高效、强兼容性的特质受到许多开发者的青睐,帝国cms开发一个...
帝国cms网站签到是提升用户黏性与活跃度的重要手段,但签到功能应该怎样开发...
许多网站会做一些小功能小插件给客户使用以增强用户黏性,比如图片转文字,这种...
使用帝国cms的企业用户、新闻资讯类站点的用户很多,此类站点很多时候需要有...
帝国CMS自带的搜索功能虽然强大,但也有很强的局限性 -- 必须关键词完全匹配...
用户体验是我们的需求,百度蜘蛛的认可更是我们的需求。毕竟,没有收录排名,何来...
帝国cms有自带的给关键词添加内链功能,但需要手动添加关键词,容易出现疏漏和...
采集站的必备资源是自动审核,要做到日收录也离不开定时发布。而本插件的自动...
帝国cms默认只有上次登录时间与ip,没有一个记录清单,所以今天,我们分享这个帝...
通过本插件,可以实现帝国cms网站对接百度云api实现图像清晰度增强的功能。经...