-
3.17 代码文本修饰组件
-
code 是 Layui 中一款非常轻量和易用的代码区域或文本行修饰组件。
模块加载名称：code
使用
这是一个简单的示例：
html
<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 新增
- 留下你的读书笔记
- 你还没登录，点击这里
-
用户笔记留言