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，可以根据实际情况进行修改。希望以上信息能够对您有所帮助。