yuanMM
/
uskyq


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8"/>
    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <title>新闻发布</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <link href="assets/summernote/summernote.css" rel="stylesheet">
    <script src="assets/summernote/summernote.js"></script>
    <script type="text/javascript" src="assets/summernote/lang/summernote-zh-CN.js"></script>
</head>
<div style="margin-left: 20%;width: 500px;height: 200px;">
    <div id="summernote"></div>
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div style="margin-left: 20%;width: 800px;height: 400px;">
    <button id="btn1">显示书写的内容</button>
    <br/><br/>
    <!--<div id="html" style="width: 800px;height: 300px;background-color: lavender;border: 1px solid;"></div>-->
</div>
<script>
    $(document).ready(function () {
        //jquery创建一个summernote实例
        $('#summernote').summernote({
            //功能图标改为中文
            lang: 'zh-CN',
            //预设内容
            placeholder: '请在此输入内容...',
            height: 300,
            width: 800,
            //回调函数
            callbacks: {
                //初始化
                onInit: function () {
                    //init
                },
                //焦点
                onFocus: function () {
                    //focus
                },
                //图片文件上传
                onImageUpload: function (files, editor, $editable) {
                    data = new FormData();
                    data.append("file", files[0]);
                    console.log(files[0]);
                    $.ajax({
                        data: data,
                        type: "POST",
                        url: "https://iot.usky.cn/jdxf/wxapp4.php/Home/Agw/file_upload",
                        cache: false,
                        contentType: false,
                        processData: false,
                        // dataType: "json",
                        success: function (data) {
                            alert(data);
                            //[服务器所在文件所在目录位置]一般为"http://119.23.216.181/RoboBlogs/Upload_File/default_show.png"
                            $('#summernote').summernote('insertImage', data);
                        },
                        error: function () {
                            alert("上传失败");
                        }
                    });
                }
            }

        });
        $("button#btn1").click(function () {
            var tt = $("#summernote").summernote("code");
            // $("div#html").html(tt);
            alert(tt);
        });

    });
</script>
<body>
</body>
</html>