beeblog/views/newblog.html

{{template "header"}}
<title>博客 - 个人随笔</title>
<link type="text/css" rel="styleSheet" href="/static/css/newblog.css"/>
<script src="//unpkg.com/wangeditor/release/wangEditor.min.js"></script>
</head>
<body>
<div class="root-container">
    <div class="blog-title">
        <input type="text" id="blog-title" placeholder="请输入文章标题">
        <button type="button" id="newBtn" class="btn btn-danger" style="border-radius: 12px">发布文章</button>
    </div>
    <div id="editor" class="editor">

    </div>
    <div id="myModal" tabindex="-1" role="dialog" data-hasfoot="false" class="sui-modal hide fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" data-dismiss="modal" aria-hidden="true" class="sui-close">×</button>
                    <h4 id="myModalLabel" class="modal-title">Modal title</h4>
                </div>
                <div class="modal-body">我是内容body</div>
                <div class="modal-footer">
                    <button type="button" data-ok="modal" class="sui-btn btn-primary btn-large">可自定ok</button>
                    <button type="button" data-dismiss="modal" class="sui-btn btn-default btn-large">可自定dismiss</button>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    var storage=window.localStorage
    var E = window.wangEditor
    var editor = new E('#editor')
    editor.customConfig.uploadImgServer = '/file/upload'
    // 或者 var editor = new E( document.getElementById('editor') )
    editor.customConfig.uploadImgHooks = {
        customInsert: function (insertImg, result, editor) {
            insertImg(result.Data);
            debugger
        }
    }
    editor.create()
    document.onkeydown = keyDown;

    function keyDown(e) {
        var currKey = 0, e = e || event || window.event;
        currKey = e.keyCode || e.which || e.charCode;
        if (currKey == 83 && (e.ctrlKey || e.metaKey)) {
            saveBlog()
            return
        }

    }
    function saveBlog() {
        var title = $("#blog-title").val();
        if (title.trim().length < 3) {
            layer.msg('文章标题最少三个字', function () {
            });
            return
        }
        tobj.title = $("#blog-title").val();
        if (editor.txt.html().trim().length == 0) {
            layer.msg('文章内容不能为空哦', function () {
            });
            return
        }
        tobj.blogHtml = editor.txt.html();
        storage.setItem("blogHtml",tobj.blogHtml);
        storage.setItem("blogTitle",tobj.title);
        layer.open({
            type: 2,
            title: '发布文章',
            shadeClose: true,
            shade: 0.8,
            area: ['420px', '280px'],
            content: '/iframe/blog.html/' //iframe的url
        });
    }
    var tobj = {}
    $(function () {
        var oldVal = storage.getItem("blogHtml");
        editor.txt.html(oldVal);
        var oldTitle = storage.getItem("blogTitle");
        $("#blog-title").val(oldTitle);
        var height = document.documentElement.clientHeight
        $(".w-e-text-container").height(height - 50 - 40 - 1);
        $("#newBtn").click(function () {
            saveBlog()
        })
    })

    function saveBlogCallback(callback) {
        $.post('/blog/new', tobj,
                function (data) {
                    if (data.Status == 0) {
                        storage.removeItem("blogHtml");
                        storage.removeItem("blogTitle");
                        layer.msg("保存成功", {icon: 6});
                        callback(true)
                        window.location.href = "/blog/"+ data.Data
                    } else if (data.Status == 401) {
                        window.location.href = "login"
                    } else if (data.Status == 500) {
                        layer.msg("保存失败", {icon: 6});
                        callback(false)
                    }

                }, 'json')
    }
</script>
</html>
sui3 6 lat temu			`{{template "header"}}`
			`<title>博客 - 个人随笔</title>`
			`<link type="text/css" rel="styleSheet" href="/static/css/newblog.css"/>`
			`<script src="//unpkg.com/wangeditor/release/wangEditor.min.js"></script>`
			`</head>`
			`<body>`
			`<div class="root-container">`
			`<div class="blog-title">`
详情页 6 lat temu			`<input type="text" id="blog-title" placeholder="请输入文章标题">`
sui3 6 lat temu			`<button type="button" id="newBtn" class="btn btn-danger" style="border-radius: 12px">发布文章</button>`
			`</div>`
			`<div id="editor" class="editor">`

			`</div>`
			`<div id="myModal" tabindex="-1" role="dialog" data-hasfoot="false" class="sui-modal hide fade">`
			`<div class="modal-dialog">`
			`<div class="modal-content">`
			`<div class="modal-header">`
			`<button type="button" data-dismiss="modal" aria-hidden="true" class="sui-close">×</button>`
			`<h4 id="myModalLabel" class="modal-title">Modal title</h4>`
			`</div>`
			`<div class="modal-body">我是内容body</div>`
			`<div class="modal-footer">`
			`<button type="button" data-ok="modal" class="sui-btn btn-primary btn-large">可自定ok</button>`
			`<button type="button" data-dismiss="modal" class="sui-btn btn-default btn-large">可自定dismiss</button>`
			`</div>`
			`</div>`
			`</div>`
			`</div>`
			`</div>`
			`</body>`
			`<script>`
阿里坑爹货&博客本地保存 6 lat temu			`var storage=window.localStorage`
sui3 6 lat temu			`var E = window.wangEditor`
			`var editor = new E('#editor')`
部署文件上传 6 lat temu			`editor.customConfig.uploadImgServer = '/file/upload'`
sui3 6 lat temu			`// 或者 var editor = new E( document.getElementById('editor') )`
部署文件上传 6 lat temu			`editor.customConfig.uploadImgHooks = {`
			`customInsert: function (insertImg, result, editor) {`
			`insertImg(result.Data);`
			`debugger`
			`}`
			`}`
sui3 6 lat temu			`editor.create()`
阿里坑爹货&博客本地保存 6 lat temu			`document.onkeydown = keyDown;`

			`function keyDown(e) {`
			`var currKey = 0, e = e \|\| event \|\| window.event;`
			`currKey = e.keyCode \|\| e.which \|\| e.charCode;`
			`if (currKey == 83 && (e.ctrlKey \|\| e.metaKey)) {`
			`saveBlog()`
			`return`
			`}`

			`}`
			`function saveBlog() {`
			`var title = $("#blog-title").val();`
			`if (title.trim().length < 3) {`
			`layer.msg('文章标题最少三个字', function () {`
			`});`
			`return`
			`}`
			`tobj.title = $("#blog-title").val();`
编辑器判断 6 lat temu			`if (editor.txt.html().trim().length == 0) {`
阿里坑爹货&博客本地保存 6 lat temu			`layer.msg('文章内容不能为空哦', function () {`
			`});`
			`return`
			`}`
			`tobj.blogHtml = editor.txt.html();`
			`storage.setItem("blogHtml",tobj.blogHtml);`
			`storage.setItem("blogTitle",tobj.title);`
			`layer.open({`
			`type: 2,`
			`title: '发布文章',`
			`shadeClose: true,`
			`shade: 0.8,`
			`area: ['420px', '280px'],`
			`content: '/iframe/blog.html/' //iframe的url`
			`});`
			`}`
sui3 6 lat temu			`var tobj = {}`
			`$(function () {`
阿里坑爹货&博客本地保存 6 lat temu			`var oldVal = storage.getItem("blogHtml");`
			`editor.txt.html(oldVal);`
			`var oldTitle = storage.getItem("blogTitle");`
			`$("#blog-title").val(oldTitle);`
sui3 6 lat temu			`var height = document.documentElement.clientHeight`
			`$(".w-e-text-container").height(height - 50 - 40 - 1);`
			`$("#newBtn").click(function () {`
阿里坑爹货&博客本地保存 6 lat temu			`saveBlog()`
sui3 6 lat temu			`})`
			`})`

阿里坑爹货&博客本地保存 6 lat temu			`function saveBlogCallback(callback) {`
			`$.post('/blog/new', tobj,`
sui3 6 lat temu			`function (data) {`
阿里坑爹货&博客本地保存 6 lat temu			`if (data.Status == 0) {`
			`storage.removeItem("blogHtml");`
			`storage.removeItem("blogTitle");`
			`layer.msg("保存成功", {icon: 6});`
			`callback(true)`
修改博客 6 lat temu			`window.location.href = "/blog/"+ data.Data`
阿里坑爹货&博客本地保存 6 lat temu			`} else if (data.Status == 401) {`
			`window.location.href = "login"`
			`} else if (data.Status == 500) {`
			`layer.msg("保存失败", {icon: 6});`
			`callback(false)`
			`}`

			`}, 'json')`
sui3 6 lat temu			`}`
			`</script>`
			`</html>`