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

fix(editor): 修复编辑器样式和功能问题

Browse Source 
修复编辑器容器高度设置问题，统一h2标签为h1
调整图片和视频的显示样式，修复表格背景色
优化编辑器工具栏功能，修复链接插入逻辑
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-11-27 19:23:49 +08:00
parent f7af6d4046
commit 2a227a806d
8 changed files with 1100 additions and 600 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
css/details.css
View File

@@ -173,18 +173,22 @@
}
#details .matter .matter-left .html img {
max-width: 100%;
display: block;
display: inline-block;
}
#details .matter .matter-left .html video {
margin: 0 auto;
}
#details .matter .matter-left .html h2 {
#details .matter .matter-left .html h1 {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
color: #000000;
font-size: 18px;
line-height: 30px;
}
#details .matter .matter-left .html tr,
#details .matter .matter-left .html td {
background: transparent;
}
#details .matter .matter-left .last-time {
color: #aaaaaa;
font-size: 13px;

9
css/details.less
View File

@@ -200,20 +200,25 @@
img {
max-width: 100%;
display: block;
display: inline-block;
}
video {
margin: 0 auto;
}
h2 {
h1 {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
color: #000000;
font-size: 18px;
line-height: 30px;
}
tr,
td {
background: transparent;
}
}
.last-time {

27
css/edit.css
View File

@@ -76,8 +76,10 @@
#edit .edit-container #editor—wrapper {
z-index: 100;
}
#edit .edit-container #editor—wrapper .bold {
font-weight: bold;
#edit .edit-container #editor—wrapper .bold,
#edit .edit-container #editor—wrapper .bold span {
font-weight: bolder;
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
}
#edit .edit-container #editor—wrapper .editor-toolbar {
height: 36px;
@@ -262,14 +264,14 @@
#edit .edit-container #editor—wrapper .editor-toolbar .toolbar-item.link .link-box .btn:hover {
background-color: #23e0b6;
}
#edit .edit-container #editor—wrapper .editor-toolbar .toolbar-item.h2.pitch {
#edit .edit-container #editor—wrapper .editor-toolbar .toolbar-item.h1.pitch {
background-color: #f6f6bd;
}
#edit .edit-container #editor—wrapper .editor-toolbar .toolbar-item.active > button {
background-color: #f6f6bd;
}
#edit .edit-container #editor—wrapper #editor-container {
min-height: 500px;
height: 500px;
max-height: 80vh;
font-size: 18px;
line-height: 26px;
@@ -280,6 +282,17 @@
text-decoration: underline;
color: #04b0d5;
}
#edit .edit-container #editor—wrapper #editor-container h1,
#edit .edit-container #editor—wrapper #editor-container h1 span {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
color: #000000;
font-size: 18px;
line-height: 30px;
}
#edit .edit-container #editor—wrapper #editor-container video {
max-width: 100%;
}
#edit .edit-container .content-input {
min-height: 509px;
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
@@ -306,12 +319,12 @@
max-width: 100%;
height: 220px;
}
#edit .edit-container .content-input h2 {
#edit .edit-container .content-input h1 {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
color: #000000;
font-size: 18px;
line-height: 30px;
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
}
#edit .edit-container .content-input .blue {
color: #026277;

37
css/edit.less
View File

@@ -85,8 +85,10 @@
#editor—wrapper {
z-index: 100;
.bold {
font-weight: bold;
.bold,
.bold span {
font-weight: bolder;
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
}
.editor-toolbar {
@@ -305,7 +307,7 @@
}
}
&.h2 {
&.h1 {
&.pitch {
background-color: rgba(246, 246, 189, 1);
}
@@ -320,7 +322,7 @@
}
#editor-container {
min-height: 500px;
height: 500px;
max-height: 80vh;
font-size: 18px;
line-height: 26px;
@@ -331,6 +333,19 @@
text-decoration: underline;
color: #04b0d5;
}
h1,
h1 span {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
color: #000000;
font-size: 18px;
line-height: 30px;
}
video {
max-width: 100%;
}
}
}
@@ -362,13 +377,19 @@
height: 220px;
}
h2 {
color: #000000;
font-size: 18px;
line-height: 30px;
h1 {
// color: #000000;
// font-size: 18px;
// line-height: 30px;
// font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
// font-weight: 650;
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
color: #000000;
font-size: 18px;
line-height: 30px;
}
.blue {