1 328 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之一。他最大的优点有二:1、功能十...
帝国cms默认的下载地址是点击后弹窗一个小窗口,用户体验度并不好,但我们可以...
网上关于取消会员邮箱必填的教程很多,但大都不完整。今天放出完整版本,确保全...
帝国cms自带的信息反馈功能,不仅可以实现留言功能,还可以实现像在线报名、反...
帝国cms网站链接域名出现了2次是什么原因,要怎么解决?这个问题往往出现在用户...
在帝国cms开发过程中,我们经常会遇到这样那样的需求。就如栏目信息的展示,有...
很少有帝国cms反馈网站加载速度很慢的问题,如果你的帝国cms站点加载速度很慢...
很多帝国cms站点设置了多级会员,不同的会员具备不同的浏览下载权限。在这个...
使用帝国cms的企业用户、新闻资讯类站点的用户很多,此类站点很多时候需要有...
帝国cms有自带的给关键词添加内链功能,但需要手动添加关键词,容易出现疏漏和...
百度开放了系列AI功能api如图像上色、图像去雾、图像修复、无损放大、清晰...
采集站的必备资源是自动审核,要做到日收录也离不开定时发布。而本插件的自动...
帝国cms 对接纳米数据(www.nami.com)接口,本接口主要接收、整理足球比赛实时数...
通过本插件,可以实现帝国cms网站对接百度云api实现图像去雾的功能。经过实际...
因客户需要一键推送到多平台,下载鸥开发了这款一键推送至百度、必应、神马插...
通过本插件,可以实现帝国cms网站对接百度云api实现图像清晰度增强的功能。经...