115 lines
3.9 KiB
HTML
115 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" maximum-scale=1 , user-scalable=0”>
|
|
<title>词汇江湖-发布文章</title>
|
|
<link rel="shortcut icon" href="bitbug_favicon.ico" />
|
|
<!-- 引入所需要的css -->
|
|
<link rel="stylesheet" href="../assets/css/style.css">
|
|
<link rel="stylesheet" href="../assets/css/header.css">
|
|
<link rel="stylesheet" href="../assets/css/footer.css">
|
|
<link rel="stylesheet" href="../assets/css/main.css">
|
|
<link rel="stylesheet" href="../assets/css/base.css">
|
|
<link rel="stylesheet" href="../assets/css/bootstrap.css">
|
|
<link rel="stylesheet" href="../assets/iconfont/iconfont.css">
|
|
|
|
<!-- 引入所需要的js文件 -->
|
|
<script src="../assets/js/jquery-3.4.1.min.js"></script>
|
|
<script src="../assets/js/tinymce/js/tinymce/tinymce.min.js"></script>
|
|
<script src="../assets/js/tinymce/js/tinymce/zh_CN.js"></script>
|
|
<script src="../assets/js/ajax.js"></script>
|
|
<!-- 头部导航所需要的css -->
|
|
<style>
|
|
body {
|
|
background: url(../assets/images/bg5.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.w {
|
|
margin: 0 auto;
|
|
width: 1200px;
|
|
}
|
|
</style>
|
|
|
|
|
|
|
|
</head>
|
|
|
|
<body onload="initTiny(),usermessage()">
|
|
<div id="header"></div>
|
|
<!-- 头部导航结束 -->
|
|
<div class="editor-wrap ">
|
|
<div class="editor-area ">
|
|
<div class="text ">
|
|
<h1 style="font-size: 30px; ">发布文章</h1>
|
|
</div>
|
|
<div class="editor ">
|
|
<input type="text " id="poemName" placeholder="请输入诗词标题 ">
|
|
<!-- 编辑器开始 -->
|
|
<form method="post" value="CESGI">
|
|
<textarea class="tinydemo" id="poemInformation" placeholder="请输入诗词内容"><p></p></textarea>
|
|
</form>
|
|
<!-- 编辑器结束 -->
|
|
|
|
</div>
|
|
</div>
|
|
<div class="editor-right">
|
|
<div class="editor-right-title1">
|
|
<h2>文章分类</h2>
|
|
<p>请选择文章分类</p>
|
|
</div>
|
|
<div class="editor-right-fenlei">
|
|
<select id="type">
|
|
<option value ="2" >古诗</option>
|
|
<option value ="1" >古词</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="editor-right-title1">
|
|
<h3>诗词翻译</h3>
|
|
<p>填写诗词的翻译，以便于读者更好的阅读</p>
|
|
|
|
</div>
|
|
<!-- 诗词翻译 -->
|
|
<div class="editor-right-textarea-area">
|
|
<textarea class="editor-right-textarea" rows="10" cols="30" id="explain" placeholder="请输入诗词翻译" style="height:245px">
|
|
</textarea>
|
|
</div>
|
|
<!-- 诗词翻译结束 -->
|
|
<div class="editor-right-button">
|
|
<button type="button" class="btn btn-success" id="sumbitPoem" onclick="text()" style="width:27%;height:40px">发布诗词</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 底部 end-->
|
|
<div id="footer"></div>
|
|
|
|
</body>
|
|
<script>
|
|
$(function() {
|
|
$('#header').load('./common/header.html');
|
|
$('#footer').load('./common/footer.html');
|
|
})
|
|
var tinyID = 'tinydemo';
|
|
|
|
function initTiny() {
|
|
tinymce.init({
|
|
|
|
branding: false,
|
|
selector: '.' + tinyID,
|
|
language: 'zh_CN',
|
|
plugins: "code ax_wordlimit",
|
|
auto_focus: true,
|
|
ax_wordlimit_num: 256,
|
|
ax_wordlimit_callback: function(editor, txt, num) {
|
|
alert("输入诗词字数为256");
|
|
editor.execCommand('undo');
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
|
|
</html> |