poem_front/user/xiugai.html
ZHANG ZENGXUAN d0dd647fac feat: INIT
2025-05-19 21:59:43 +08:00

197 lines
6.3 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">
<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-1.9.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>
<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(),huoqushi(),huoquci(),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="请输入诗词翻译" value="fasfasf">
</textarea>
</div>
<!-- 诗词翻译结束 -->
<div class="editor-right-button">
<button type="button" class="btn btn-success" id="sumbitPoem" onclick="xiugai()">发布诗词</button>
</div>
</div>
</div>
<!-- 底部 end-->
<div id="footer"></div>
</body>
<script>
$(function() {
$('#header').load('./common/header.html');
$('#footer').load('./common/footer.html');
})
var id = document.location.href; //获取页面完整链接
if (id.search('#') == -1) {
window.onload = function() {
huoqushi(),
usermessage(),
initTiny()
}
} else {
window.onload = function() {
huoquci(),
initTiny(),
usermessage()
}
}
// 获取诗内容
var tinyID = 'tinydemo';
function initTiny() {
tinymce.init({
branding: false,
selector: '.' + tinyID,
language: 'zh_CN',
auto_focus: true,
});
}
// 获取诗内容
function huoqushi() {
var id = document.location.href; //获取页面完整链接
var ID = id.split("?"); //截取?后的参数
console.log(ID[1]); //打印验证数字是否正确
var userId = sessionStorage.getItem('userId');
var userToken = sessionStorage.getItem("yq_token");
console.log(userId);
$.ajax({
undefined,
headers: {
undefined,
"token": userToken //此处放置请求到的用户token
},
url: 'http://127.0.0.1:82/consumer/do/fine/dynasty/dynastyId/' + ID[1] + '/',
// 请求方式
type: 'GET',
//成功回调
success: function(data) {
document.getElementById("poemName").value = data.data.dynastyName;
document.getElementById("poemInformation").value = data.data.dynastyInformation;
document.getElementById("explain").innerHTML = data.data.explain;
document.getElementById("type").value = "2";
},
error: function(data) {
}
});
};
// 获取词内容
function huoquci() {
var id = document.location.href; //获取页面完整链接
var ID = id.split("#"); //截取?后的参数
console.log(ID[1]); //打印验证数字是否正确
var userId = sessionStorage.getItem('userId');
var userToken = sessionStorage.getItem("yq_token");
console.log(userId);
$.ajax({
undefined,
headers: {
undefined,
"token": userToken //此处放置请求到的用户token
},
url: 'http://127.0.0.1:82/consumer/do/fine/poem/poemId/' + ID[1] + '/',
// 请求方式
type: 'GET',
//成功回调
success: function(data) {
document.getElementById("poemName").value = data.data.poemName;
document.getElementById("poemInformation").value = data.data.poemInformation;
document.getElementById("explain").innerHTML = data.data.explain;
document.getElementById("type").value = "2";
},
error: function(data) {
}
});
};
</script>
</html>