美文网首页
summernote编辑器赋值和修改

summernote编辑器赋值和修改

作者: EverglowLyu | 来源:发表于2019-06-14 14:15 被阅读0次

html

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="../../lib/dist/summernote.css">
<script src="../../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>
<script src="../../lib/dist/summernote.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../lib/dist/lang/summernote-zh-CN.js" type="text/javascript" charset="utf-8"></script>
<form class="layui-form ok-form" enctype="multipart/form-data" id="signupForm">

                <div class="layui-form-item">
                    <label class="layui-form-label">标题</label>
                    <div class="layui-input-block">
                        <input type="text" name="cont" placeholder="请输入标题" id="cont" autocomplete="off" class="layui-input" lay-verify="required">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">内容</label>
                    <div class="layui-input-block">                     
                            <textarea id="summernote" name="editordata"></textarea>
                    </div>          
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="get" id="get">立即提交</button>
                    </div>
                </div>
            </form>

js

$.ajax($url + 'jxkh/S0008F0037', {
    data: {
        id: forid
    },
    dataType: 'json', //服务器返回json格式数据
    type: 'post', //HTTP请求类型
    timeout: 10000, //超时时间设置为10秒;
    success: function(data) {
        //console.log(data.data.list[0].cont);
        var txt = data.data.list[0].cont;
        $("input[name='cont']").val(forcont);
        $('#summernote').summernote('code', txt);
    },
    error: function(xhr, type, errorThrown) {

    }
});
layui.use(['layer', 'form', 'element'], function() {
    var layer = layui.layer,
        form = layui.form,
        element = layui.element
    form.on('submit(get)', function(data) {
        var markupStr = $('#summernote').summernote('code')
        var title = $("#cont").val();
        $.ajax($url + "jxgl/S0009F0036_1", {
            data: {
            id: forid,
            title: title,
            cont: markupStr
            },
            dataType: 'json',
            type: 'post',
            timeout: 10000,
            success: function(data) {
                if (data.result = 200) {
                    layer.msg('修改成功', {
                        icon: 1,
                        time: 2000
                    }, function() {
                        var index = parent.layer.getFrameIndex(window.name);
                        parent.layer.close(index); 
                    });

                }
            },

            error: function(xhr, type, errorThrown) {

            }
        });
        return false;
    });
});
$('#summernote').summernote({
    placeholder: '',
    tabsize: 2,
    height: 500, //高度,根据需要去设
    lang: 'zh-CN', //zh-CN为中文文件,如果需要转换语言,注意在下载的lang文件夹中取出并加载
    focus: true,
    callbacks: { //回调函数,覆盖上传方法onImageUpload
        onImageUpload: function(files) {
            sendFile(files[0]);         
        }
    }
});

function sendFile(files) {
    data = new FormData();
    data.append("files", files);
    $.ajax({
        data: data,
        dataType: 'json',
        type: "POST",
        url: $url + "/jxgl/img", //上传路径
        cache: false,
        contentType: false,
        processData: false,
        success: function(data) {   
            console.log(data.filename);
            var pic = $url + data.filename;
            console.log(pic);
            $('#summernote').summernote('insertImage', pic);
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            alert(XMLHttpRequest.status);
            alert(XMLHttpRequest.readyState);
            alert(textStatus);
        }
    });

}

相关文章

网友评论

      本文标题:summernote编辑器赋值和修改

      本文链接:https://www.haomeiwen.com/subject/jboufctx.html