Non puoi selezionare più di 25 argomenti
Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
106 righe
3.4 KiB
106 righe
3.4 KiB
{{template "header" .}}
|
|
<meta name="keywords" content="{{.Blog.Title}}">
|
|
<title>{{.Blog.Title}} - 码农随笔</title>
|
|
<script src="/static/js/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="layui-btn layui-btn-radius layui-btn-danger layui-btn-sm " style="border-radius: 12px">
|
|
发布文章
|
|
</button>
|
|
</div>
|
|
<div id="editor" class="editor">
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
var tobj = {}
|
|
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);
|
|
}
|
|
}
|
|
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();
|
|
tobj.blogDesc = editor.txt.text().substring(0,200)
|
|
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('/api/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>
|