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