关于layui富文本编辑器的预览功能

置顶小南城_

已于 2022-08-16 09:59:51 修改

阅读量4.1k

点赞数 3

分类专栏： layui 文章标签： layedit layui 富文本编辑器预览

于 2019-09-28 10:32:36 首次发布

本文链接：https://blog.csdn.net/bing823506390/article/details/101600366

版权

layui 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

查了好多发现都没有layui.layedit关于预览功能的显示,后来才发现是因为太简单,话不多说,直接贴代码

var layeditDemo= layedit.build('layeditDemo');
$(" .layui-layedit .layui-unselect.layui-layedit-tool")
    .append('<i class="layui-icon layedit-tool-preview" title="预览"  style="font-size:18px"></i>');
$(document).on('click','.layedit-tool-preview',function(data){
    parent.layer.open({
        title: '在线预览'
        , shade: 0.2
        ,move: false
        ,content: layedit.getContent(layeditDemo)
        ,offset: 'rt'
        ,area: ['450px',(top.window.innerHeight*0.80).toString()]
    });
});

功能实现如图所示: