代码文本修饰组件文档 - layui.code

code 是 Layui 中一款非常轻量和易用的代码区域或文本行修饰组件。

模块加载名称：code

使用

这是一个简单的示例：

<pre class="layui-code">
// 在里面存放任意的文本内容
code line
code line
</pre>
 
<!-- 记得引入 layui.js -->
<script>
layui.use('code', function(){
  layui.code();
});
</script>

效果如下：

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

参数选项

API: layui.code(options)，options 是一个 object 类型的参数，可选项如下：

选项	类型	描述
elem	string	指定元素的选择器。默认：`'.layui-code'`
title	string	设置标题
height	string	设置最大高度。值必须加单位（如：px）。默认无需设定（即自适应高度）。
encode	boolean	是否转义 html 标签，默认：false
ln	boolean	是否显示行号。默认：true 。注：v2.7.3 新增
skin	string	风格选择。默认可不填（浅色模式）；若为深色模式，填写：`skin:'dark'`即可。如： // 深色模式
about	string	自定义右上角内容。可传入任意 html，以实现个性化操作

属性

除了采用上述方法定义参数外，你还可以在元素上直接书写 lay-options 来设置选项。如：

<pre class="layui-code" lay-options="{title:'HTML', height: '320px'}">
// 在里面存放任意的文本内容
code line
code line
</pre>

lay-options 属性值中可传入 code 组件的任意参数选项。注：该属性功能，为 v2.7.3 新增

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

 代码文本修饰组件文档 - layui.code

代码文本修饰组件文档 - layui.code