layui textarea 展示带有富文本内容的行高 如何设置

可以使用CSS的`line-height`属性来设置行高。如果你的富文本内容包含了HTML标签，可以使用CSS选择器来选中`textarea`中的相应元素，并设置`line-height`属性。

例如，如果你的富文本内容包含了`<p>`标签，可以这样设置CSS：

textarea p {
  line-height: 1.5; /* 设置行高为1.5倍 */
}

注意，`textarea`是一个单行或多行的纯文本编辑控件，它的内容不支持HTML标签。如果你的富文本内容需要展示在页面上，建议使用`<div>`或`<span>`等HTML标签来包裹内容，并使用CSS设置样式。

相关问题

layui 富文本textarea 获取textarea 的值，并保存

要获取 layui 富文本 textarea 的值并保存，可以按照以下步骤操作：

1. 给 textarea 绑定一个 id，例如：`<textarea id="myTextarea"></textarea>`

2. 引入 layui 富文本编辑器的 JavaScript 文件和 CSS 文件，例如：

   <link rel="stylesheet" href="layui/css/layui.css">
   <script src="layui/layui.js"></script>

3. 在页面加载完成后，初始化富文本编辑器，并将其绑定到 textarea 上，例如：

   layui.use('layedit', function(){
     var layedit = layui.layedit;
     var index = layedit.build('myTextarea'); // 绑定富文本编辑器到 textarea 上
   });

4. 要获取 textarea 的值，可以使用 layedit 对象的 getContent 方法，例如：

   var content = layedit.getContent(index); // 获取富文本编辑器的内容

5. 要保存 textarea 的值，可以将其发送到后端进行处理，例如：

   $.ajax({
     type: 'POST',
     url: '/save',
     data: {content: content},
     success: function(result){
       console.log('保存成功');
     },
     error: function(){
       console.log('保存失败');
     }
   });

其中，`/save` 是后端处理保存请求的 URL，`data` 参数是要保存的数据，可以根据实际情况进行修改。

layui 的富文本如何设置高度和宽度

你可以通过设置textarea元素的宽度和高度来设置Layui富文本的大小。例如，在下面的HTML代码中，您可以看到将class为layedit的元素的高度设置为500px，宽度设置为100%。

<textarea id="demo" class="layui-hide"></textarea>
<div class="layui-row">
    <div class="layui-col-md9">
        <div class="layui-card">
            <div class="layui-card-header">编辑器</div>
            <div class="layui-card-body">
                <div id="editor" class="layui-layedit"></div>
            </div>
        </div>
    </div>
</div>
<style>
    .layedit {
        height: 500px;
        width: 100%;
    }
</style>

请注意，这里的“demo”textarea元素实际上是Layui编辑器的源代码，您可以在保存之前使用JavaScript将其替换为HTML。