diff --git a/examples/code.html b/examples/code.html index 9fb16927..375922a8 100644 --- a/examples/code.html +++ b/examples/code.html @@ -191,63 +191,61 @@ layui.use(['code', 'dropdown'], function(){ 'full', { title: ['文字换行'], - type: 'form' + type: 'form', + event: function(obj) { + dropdown.render({ + elem: obj.elem, + data: [{title: '自动换行', wordWrap: true}, {title: '不自动换行', wordWrap: false}], + show: true, + click: function(data, othis) { + codeInst.reload({ + wordWrap: data.wordWrap + }); + } + }); + } }, { title: ['切换高亮主题'], - type: 'theme' - } - ], - toolsEvent: function(obj) { - if (obj.type === 'form') { - dropdown.render({ - elem: obj.elem, - data: [{title: '自动换行', wordWrap: true}, {title: '不自动换行', wordWrap: false}], - show: true, - click: function(data, othis) { - codeInst.reload({ - wordWrap: data.wordWrap, - content: [+new Date()] - }); - } - }); - } else if (obj.type === 'theme') { - dropdown.render({ - elem: obj.elem, - data: themeData, - show: true, - click: function(data, othis) { - $('#layuicss-layui-code-theme').remove(); - layui.link(data.link, 'layui-code-theme'); + type: 'theme', + event: function(obj) { + dropdown.render({ + elem: obj.elem, + data: themeData, + show: true, + click: function(data, othis) { + $('#layuicss-layui-code-theme').remove(); + layui.link(data.link, 'layui-code-theme'); - // 若高亮器有变化,则重载 - if (data.highlighter !== codeInst.config.highlighter) { - var highlighter = { - hljs: function(code, opts) { - return hljs.highlight(code, { - language: opts.lang - }).value; - }, - prism: function(code, opts) { - return Prism.highlight( - code, - Prism.languages[opts.lang], - opts.lang - ); - } - }; - // 重载 - codeInst.reload({ - highlighter: data.highlighter, - codeRender: function (code, opts) { - return highlighter[data.highlighter](code, opts); - } - }); + // 若高亮器有变化,则重载 + if (data.highlighter !== codeInst.config.highlighter) { + var highlighter = { + hljs: function(code, opts) { + return hljs.highlight(code, { + language: opts.lang + }).value; + }, + prism: function(code, opts) { + return Prism.highlight( + code, + Prism.languages[opts.lang], + opts.lang + ); + } + }; + // 重载 + codeInst.reload({ + highlighter: data.highlighter, + codeRender: function (code, opts) { + return highlighter[data.highlighter](code, opts); + } + }); + } } - } - }); + }); + } } - } + ] }); // 仅重载 code