A1300399510/PC-Light-Forum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 更新CSS样式、添加TinyMCE插件及优化发布页面

Browse Source 
修复移动端登录框样式问题
更新公共JS文件中的授权令牌
添加TinyMCE插件(代码、视觉块、预览等)
优化发布管理页面的编辑器和布局
调整登录组件的响应式样式
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-12-25 17:21:52 +08:00
parent f2469a1a3b
commit acafc9792a
37 changed files with 1263 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
publish_admin.html
View File

@@ -1,4 +1,3 @@
<!DOCTYPE html>
<html lang="en">
@@ -8,10 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>发布主题</title>
<link href="https://framework.x-php.com/gter/forum/css/normalize.min.css" rel="stylesheet">
<link href="https://framework.x-php.com/gter/forum/css/editorStyle.css" rel="stylesheet">
<!-- <link href="https://framework.x-php.com/gter/forum/css/editorStyle.css" rel="stylesheet"> -->
<script src="https://framework.x-php.com/gter/forum/js/vue.global.js"></script>
<link rel="stylesheet" href="/css/katex.min.css">
<script src="/js/katex.min.js"></script>
<script src="https://framework.x-php.com/gter/forum/js/tinymce/tinymce.min.js"></script>
<link rel="stylesheet" href="katex/css/katex.min.css">
<script src="katex/js/katex.min.js"></script>
<!-- <link rel="stylesheet" href="/css/textbus.min.css"> -->
<!-- <script src="/js/textbus.min.js"></script> -->
@@ -24,9 +24,20 @@
color: #333;
}
#edit {
height: calc(100% - 130px);
}
#edit * {
box-sizing: border-box;
}
#top-container {
border-bottom: 1px solid #e8e8e8;
padding-left: 30px;
padding-top: 10px;
padding-bottom: 10px;
display: block;
}
#editor-toolbar {
@@ -51,11 +62,14 @@
box-shadow: 0 2px 10px rgb(0 0 0 / 12%); */
width: 100vh;
height: calc(100% - 40px);
margin: 20px auto 20px auto;
background-color: #fff;
padding: 10px;
border: 1px solid #e8e8e8;
box-shadow: 0 2px 10px rgb(0 0 0 / 12%);
display: flex;
flex-direction: column;
}
#title-container {
@@ -71,11 +85,11 @@
line-height: 1;
}
#editor-text-area {
margin-top: 20px;
/* #editor-text-area { */
.tox.tox-tinymce {
/* height: 500px; */
/* max-height: 80vh; */
height: calc(100vh - 370px);
/* height: calc(100vh - 330px) !important; */
font-size: 18px;
line-height: 1.5;
color: rgb(51, 51, 51);
@@ -83,6 +97,8 @@
.bottom-bar {
position: fixed;
left: 0;
@@ -191,17 +207,17 @@
.action-buttons .right-section .publish-btn:hover {
background-color: #40d1aa;
}
.tox-tinymce {
border: none !important;
}
</style>
</head>
<body>
<script src="https://app.gter.net/bottom?tpl=header&menukey=bbs"></script>
<div class="container" id="edit" v-cloak>
<div id="top-container">
<p>
<a href="./">&lt;&lt; 返回</a>
</p>
</div>
<a href="./" id="top-container">&lt;&lt; 返回</a>
<div style="border-bottom: 1px solid #e8e8e8;">
<div id="editor-toolbar"></div>
</div>
@@ -232,10 +248,11 @@
</div>
</div>
<script type="module" src="https://framework.x-php.com/gter/forum/js/editor.js"></script>
<script src="https://framework.x-php.com/gter/forum/js/axios.min.js"></script>
<script src="https://framework.x-php.com/gter/forum/js/public.js"></script>
<script type="module" src="https://framework.x-php.com/gter/forum/js/publish_admin.js"></script>
<script src="/js/public.js"></script>
<script type="module" src="/js/publish_admin.js"></script>
<!-- <script src="https://framework.x-php.com/gter/forum/js/public.js"></script>
<script type="module" src="https://framework.x-php.com/gter/forum/js/publish_admin.js"></script> -->
</body>
</html>