layUI弹窗ueditor获取内容的方法

adminadmin PHP 2023年10月25日
879 0

 

子窗口

<script src="~/lib/ueditor-1.4.3.3/ueditor.config.js"></script>
<script src="~/lib/ueditor-1.4.3.3/ueditor.all.js"></script>
<script>
    var ue = UE.getEditor('container', {
        initialFrameHeight: 300,
        initialFrameWidth: 900
    });
    var callbackdata = function () {
        var editorHtml = ue.getContent();//获取富文本内容
        return editorHtml;
    }
</script>
layer.open({
    type: 2
    ,title: '编辑文章'
    ,content: '{:url("article/edit")}?id='+id
    ,area: ['90%','90%']
    ,btn: ['确定', '取消']
    ,yes: function(index, layero){
        var iframeWindow = window['layui-layer-iframe'+ index]
            ,submitID = 'edit-article-submit'
            ,submit = layero.find('iframe').contents().find('#'+ submitID)
            ,content = layero.find("iframe")[0].contentWindow.callbackdata();//这里是调用子页面的方法，并且 方法返回的内容;

        //监听提交
        iframeWindow.layui.form.on('submit('+ submitID +')', function(data){

            data.field.content =content;
            var field = data.field;

本文由 我爱PHP169 作者：admin 发表，其版权均为 我爱PHP169 所有，文章内容系作者个人观点，不代表 我爱PHP169 对观点赞同或支持。如需转载，请注明文章来源。

相关文章

发表回复