11 changed files with 244 additions and 10 deletions
@ -0,0 +1,10 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<title>Title</title> |
|||
</head> |
|||
<body> |
|||
<h1>404</h1> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,114 @@ |
|||
{{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="请输入文章标题" value="{{.Blog.Title}}"> |
|||
<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 tobj = {} |
|||
var storage = window.localStorage |
|||
var E = window.wangEditor |
|||
var editor = new E('#editor') |
|||
editor.customConfig.uploadImgServer = '/upload' |
|||
// 或者 var editor = new E( document.getElementById('editor') ) |
|||
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)) { |
|||
layer.msg("ctrl+s") |
|||
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.text().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?id={{.Blog.Id}}' //iframe的url |
|||
}); |
|||
} |
|||
|
|||
$(function () { |
|||
editor.txt.html({{.Blog.BlogHtml}}); |
|||
tobj.id = {{.Blog.Id}}; |
|||
tobj.catory = {{.Blog.CategoryId}}; |
|||
tobj.labels = [] |
|||
console.log({{.Blog.Lables}}) |
|||
{{range .Blog.Lables}} |
|||
tobj.labels.push({{.Title}}) |
|||
{{end}} |
|||
var height = document.documentElement.clientHeight |
|||
$(".w-e-text-container").height(height - 50 - 40 - 1); |
|||
$("#newBtn").click(function () { |
|||
saveBlog() |
|||
}) |
|||
}) |
|||
|
|||
function saveBlogCallback(callback) { |
|||
$.post('/blog/edit', tobj, |
|||
function (data) { |
|||
if (data.Status == 0) { |
|||
storage.removeItem("blogHtml"); |
|||
storage.removeItem("blogTitle"); |
|||
layer.msg("保存成功", {icon: 6}); |
|||
callback(true) |
|||
window.location.href = "/blog/{{.Blog.Id}}" |
|||
} else if (data.Status == 401) { |
|||
window.location.href = "login" |
|||
} else if (data.Status == 500) { |
|||
layer.msg("保存失败", {icon: 6}); |
|||
callback(false) |
|||
} |
|||
|
|||
}, 'json') |
|||
} |
|||
</script> |
|||
</html> |
|||
Loading…
Reference in new issue