64 lines
1.8 KiB
JavaScript
64 lines
1.8 KiB
JavaScript
/**
|
|
* code
|
|
* 代码区简易修饰
|
|
*/
|
|
|
|
layui.define(['util'], function(exports){
|
|
"use strict";
|
|
|
|
var $ = layui.$;
|
|
var util = layui.util;
|
|
|
|
exports('code', function(options){
|
|
var elems = [];
|
|
var trim = function(str){
|
|
return $.trim(str).replace(/^\n|\n$/, '');
|
|
}
|
|
|
|
options = options || {};
|
|
options.elem = $(options.elem||'.layui-code');
|
|
options.lang = 'lang' in options ? options.lang : 'code';
|
|
|
|
options.elem.each(function(){
|
|
elems.push(this);
|
|
});
|
|
|
|
layui.each(elems.reverse(), function(index, item){
|
|
var othis = $(item);
|
|
var html = trim(othis.html());
|
|
|
|
// 转义 HTML 标签
|
|
if(othis.attr('lay-encode') || options.encode){
|
|
html = util.escape(html);
|
|
}
|
|
|
|
othis.html('<ol class="layui-code-ol"><li>' + html.replace(/[\r\t\n]+/g, '</li><li>') + '</li></ol>')
|
|
|
|
if(!othis.find('>.layui-code-h3')[0]){
|
|
othis.prepend('<h3 class="layui-code-h3">'+ (othis.attr('lay-title')||options.title||'</>') + '<a href="javascript:;">'+ (othis.attr('lay-lang')||options.lang||'') +'</a>' + '</h3>');
|
|
}
|
|
|
|
var ol = othis.find('>.layui-code-ol');
|
|
othis.addClass('layui-box layui-code-view');
|
|
|
|
//识别皮肤
|
|
if(othis.attr('lay-skin') || options.skin){
|
|
othis.addClass('layui-code-' +(othis.attr('lay-skin') || options.skin));
|
|
}
|
|
|
|
//按行数适配左边距
|
|
if((ol.find('li').length/100|0) > 0){
|
|
ol.css('margin-left', (ol.find('li').length/100|0) + 'px');
|
|
}
|
|
|
|
//设置最大高度
|
|
if(othis.attr('lay-height') || options.height){
|
|
ol.css('max-height', othis.attr('lay-height') || options.height);
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
}).addcss('modules/code.css?v=2', 'skincodecss');
|
|
|