代码高亮文档 - layui.code

该组件暂时只对你的 pre 元素进行一个修饰，从而保证你展现的代码更具可读性。目前它没有对不同的语言进行颜色高亮（后续逐步强化），但这丝毫不会影响它对你带来的便捷。

模块加载名称：code

<link rel="stylesheet" href="/static/layui/css/layui.css">
<script src="/static/layui/layui.all.js" charset="utf-8"></script>

默认修饰--获取代码

//在里面存放任意的文本内容
test
test
test

notepad 风格--获取代码

//在里面存放任意的文本内容
test
test
test

叠加使用--获取代码

//在里面存放任意的文本内容
test
test
test
      //在里面存放任意的文本内容
test
test
test

//在里面存放任意的文本内容
test
test
test
      //在里面存放任意的文本内容
test
test
test
//在里面存放任意的文本内容
test
test
test
//在里面存放任意的文本内容
test
test
test
//在里面存放任意的文本内容
test
test
test

固定高度--获取代码

//在里面存放任意的文本内容
test
test
test

基础参数

方法：layui.code(options)
它接受一个对象参数options，支持以下key的设定

参数	类型	描述
elem	string	指定元素的选择器
title	string	设定标题
height	string	设置最大高度
encode	boolean	是否转义html标签，默认false
skin	string	风格选择（值见下文）
about	boolean	是否剔除右上关于

特别提示：除了上述方式的设置，我们还允许你直接在pre标签上设置属性来替代，如：

<pre class="layui-code" lay-title="" lay-height="" lay-skin="" lay-encode="">
这样有木有觉得更方便些
</pre>

风格选择

你肯定不会满足于code的某一种显示风格，而skin参数则允许你设定许多种显示风格，我们目前内置了两种，分别为默认和notepad

layui.code({
  title: 'NotePad++的风格'
  ,skin: 'notepad' //如果要默认风格，不用设定该key。
});

上述的设定后，你会看到下面的样子

i'm code.
i'm code too.

或者直接在pre标签上设置属性<pre lay-skin="notepad"></pre>

layui - 在每一个细节中，用心与你沟通

 代码高亮文档 - layui.code

代码高亮文档 - layui.code