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