-

代码文本修饰组件文档 - 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 - 在每一个细节中，用心与你沟通