ICEUI
ICEUI
首页
AdminXL
小凌聊天窗
社区
案例
捐赠
关于
注册
登陆
插入代码
官方
2021/07/03
应用的iceCode代码高亮插件
页面需要引入iceCode.js，具体使用方式可查看iceCode的文档，传送门：
iceCode
ice.editor('content',function(){ //下拉菜单类型 this.plugin({ menu:'代码语言', name:'codeLanguages', dropdown:`
iceCode代码高亮
代码语言
HTML/XTML
CSS
JS
Json
PHP
Python
JAVA
SQL
GO
C++
C#
C
`, success:function(e,z){ //获取content中的按钮 var select = e.getElementsByTagName('select')[0]; //设置点击事件 select.onchange=function(){ //判断光标是否在pre标签中 if(z.inNodeParent(z.range.getRangeAt(0).endContainer,'pre')){ var pre = z.range.getRangeAt(0).endContainer.parentNode; if(pre.tagName == 'PRE'){ pre.className = 'iceCode:'+select.value; } return; } var str = z.getSelectHTML().replace(/<\s*\/p\s*>/ig,"\n").replace(/<[^>]+>/g,'').replace(/\n/g,'
').trim(); str = str.length?str:' '; z.element.focus(); var range = z.range.getRangeAt(0); var frag = range.createContextualFragment('
'+str+'
'); var lastNode = frag.firstChild.lastChild; range.insertNode(frag); range.setStart(lastNode,0); range.setEnd(lastNode,0); range.collapse(); select.getElementsByTagName('option')[0].selected = true; } } }); this.create(); });