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。

相关问题

layui 的富文本在build的时候 如何设置高度和宽度

您好，关于您的问题，可以通过以下方法设置Layui富文本编辑器的高度和宽度：

设置高度：

//获取编辑器的实例
var editor = layui.layedit.build('demo');
//设置编辑器的高度
layui.jquery('#'+ editor).parent().find('.layui-layedit-iframe').css('height', '200px');

设置宽度：

//获取编辑器的实例
var editor = layui.layedit.build('demo');
//设置编辑器的宽度
layui.jquery('#'+ editor).parent().css('width', '800px');

其中，demo为编辑器的容器id，可以根据实际情况进行修改。希望以上信息能够对您有所帮助。

layui 富文本textarea 非常好看的样式，功能齐全，获取textarea 的值，并保存的完整html示例

好的，我来给您提供一个示例代码，使用 layui 富文本编辑器实现获取 textarea 的完整 html 内容并保存：

HTML 代码部分：

<textarea id="editor" name="content" style="display:none;"></textarea>

JS 代码部分：

// 定义编辑器
var editor = layui.layedit.build('editor', {
    height: 480 // 设置高度
});

// 获取完整的 HTML 内容并保存
var content = layui.layedit.getContent(editor);
console.log(content);

在这个示例中，我们使用了 layui 的富文本编辑器组件 `layedit` 来生成富文本编辑器，并且使用 `getContent` 方法获取了完整的 HTML 内容，最终将其保存在了 `content` 变量中。您可以根据具体的需求进行调整和修改。