275 lines
6.7 KiB
JavaScript
275 lines
6.7 KiB
JavaScript
export const tableStyle = `
|
||
wmath[data-wrap="inline"] {
|
||
display: inline-block !important;
|
||
width: auto !important;
|
||
|
||
}
|
||
.word-img-placeholder {
|
||
background: #f0f0f0 ;
|
||
}
|
||
*{
|
||
font-family: 'Charis SIL';
|
||
}
|
||
b span{
|
||
font-weight: bold !important;
|
||
}
|
||
i span{
|
||
font-style: italic !important; ;
|
||
}
|
||
sub span{
|
||
vertical-align: sub;
|
||
}
|
||
sup span{
|
||
vertical-align: sup;
|
||
}
|
||
sub {
|
||
vertical-align: sub!important;
|
||
}
|
||
sup {
|
||
vertical-align: sup !important;
|
||
}
|
||
span[style*="vertical-align: super"] {
|
||
vertical-align: super !important;
|
||
}
|
||
span[style*="vertical-align: sub"] {
|
||
vertical-align: sub !important;
|
||
}
|
||
table {
|
||
border:0px !important;
|
||
border-collapse: collapse; /* 去除单元格间隙 */
|
||
width: auto;
|
||
margin : 0 auto !important;
|
||
table-layout: auto; /* 自动调整列宽 */
|
||
text-align:left;
|
||
font-family:'Charis SIL' !important;
|
||
font-size: 14px !important;
|
||
mso-font-kerning: 1.0000pt !important;
|
||
line-height: 20px !important;
|
||
mos-line-height: 20px !important;
|
||
}
|
||
table td, table th {
|
||
padding: 5px;
|
||
text-align:left !important;
|
||
white-space: pre-wrap; /* 保留换行符并换行 */
|
||
word-wrap: break-word; /* 长单词自动换行 */
|
||
word-break: break-word;
|
||
font-family:'Charis SIL' !important;
|
||
font-size: 14px !important;
|
||
mso-font-kerning: 1.0000pt !important;
|
||
line-height: 20px !important;
|
||
mos-line-height: 20px !important;
|
||
}
|
||
table tbody tr td{
|
||
text-align:left !important;
|
||
border-left:none !important;
|
||
mso-border-left-alt:none !important;
|
||
border-right:none !important;
|
||
mso-border-right-alt:none !important;
|
||
border-top:none;mso-border-top-alt:none !important;
|
||
border-bottom:none !important;
|
||
mso-border-bottom-alt:none !important;
|
||
border:1px dashed #dcdfe6 !important;
|
||
border-left:1px dashed #dcdfe6 !important;
|
||
border-right:1px dashed #dcdfe6 !important;
|
||
word-break: keep-all !important;
|
||
// text-align: justify !important; // 设置两端对齐
|
||
|
||
|
||
}
|
||
table tr td p{
|
||
|
||
text-align:left !important;
|
||
|
||
margin:0;
|
||
font-family:'Charis SIL' !important;
|
||
font-size: 14px !important;
|
||
mso-font-kerning: 1.0000pt !important;
|
||
line-height: 20px !important;
|
||
mos-line-height: 20px !important;
|
||
}
|
||
table span{
|
||
|
||
color:#000000;text-align:left !important;
|
||
font-family:'Charis SIL' !important;
|
||
font-size: 14px !important;
|
||
mso-font-kerning: 1.0000pt !important;
|
||
line-height: 20px !important;
|
||
mos-line-height: 20px !important;
|
||
}
|
||
table .color-highlight{
|
||
color:rgb(0,130,170) !important;
|
||
font-family:'Charis SIL' !important;
|
||
font-size: 14px !important;
|
||
mso-font-kerning: 1.0000pt !important;
|
||
line-height: 20px !important;
|
||
mos-line-height: 20px !important;
|
||
}
|
||
table tr:first-child td {
|
||
border-top:1.0000pt solid #000 !important;mso-border-top-alt:0.5000pt solid #000 !important;border-bottom:1.0000pt solid #000 !important;mso-border-bottom-alt:0.5000pt solid #000 !important;
|
||
}
|
||
table tr:last-of-type {
|
||
border-bottom:1.0000pt solid #000 !important;mso-border-bottom-alt:0.5000pt solid #000 !important;;
|
||
}
|
||
table span blue {
|
||
color: rgb(0, 130, 170) !important;
|
||
}blue {
|
||
color: rgb(0, 130, 170) !important;
|
||
}
|
||
blue sup {
|
||
color: rgb(0, 130, 170) !important;
|
||
}
|
||
blue sub {
|
||
color: rgb(0, 130, 170) !important;
|
||
}
|
||
.wordTableHtml table tr.table-header-row:nth-of-type(2) td {
|
||
border-bottom: 1px solid #000 !important;
|
||
}
|
||
mjx-container {
|
||
font-size: 14px !important;
|
||
;
|
||
}
|
||
wmath{
|
||
width: 100%;
|
||
display: block;
|
||
display: flex;
|
||
}
|
||
Info{
|
||
color:#ff8f25;
|
||
}
|
||
`;
|
||
|
||
/**
|
||
* 提取自编辑器 template 节点的公共样式
|
||
* 包含：基础布局、H1-H3 标识、校对状态、图片/表格特定样式
|
||
*/
|
||
export const commonWordStyle = `
|
||
/* 1. 基础段落与容器 */
|
||
.pMain {
|
||
margin-top: 5px;
|
||
margin-bottom: 5px;
|
||
min-height: 22px;
|
||
font-size: 14px;
|
||
line-height: 22px;
|
||
font-family: 'Charis SIL', serif;
|
||
text-align: justify;
|
||
color: #606266;
|
||
position: relative;
|
||
}
|
||
|
||
/* H1 标题容器块 */
|
||
.pMainH1 {
|
||
background: rgb(222, 235, 247);
|
||
color: rgb(210, 90, 90) !important;
|
||
text-align: center !important;
|
||
border-radius: 10px;
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
margin-top: 15px !important;
|
||
margin-bottom: 10px !important;
|
||
box-shadow: rgba(222, 234, 247, 0.6) 0px 4px 4px;
|
||
}
|
||
.pMainH1 *{
|
||
color: rgb(210, 90, 90) !important;
|
||
font-weight: bold;
|
||
}
|
||
.pMainH1 *.pMain {
|
||
margin-top: 0 !important;
|
||
margin-bottom: 0 !important;
|
||
line-height: 30px !important;
|
||
text-align: center;
|
||
font-size: 16px;
|
||
font-weight: bold !important;
|
||
}
|
||
.pMainH1 * .pMain i {
|
||
font-style: normal !important;
|
||
}
|
||
/* 选中/激活时的发光边框 */
|
||
.glowing-border {
|
||
border: 3px solid #006699d1;
|
||
border-radius: 5px;
|
||
padding: 4px;
|
||
animation: glow-flash 1.5s infinite alternate;
|
||
}
|
||
|
||
@keyframes glow-flash {
|
||
0% { box-shadow: 0 0 5px #006699d1; }
|
||
100% { box-shadow: 0 0 20px #006699d1; }
|
||
}
|
||
|
||
/* 2. 状态标识样式 */
|
||
.proofreading-num, .Proofreadingstatus {
|
||
position: absolute;
|
||
right: 6px;
|
||
z-index: 10;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.proofreading-num {
|
||
background: #e61a12;
|
||
color: #fff;
|
||
border-radius: 20px;
|
||
padding: 0px 6px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.Proofreadingstatus {
|
||
background-color: #fff;
|
||
border-radius: 16px;
|
||
font-size: 16px;
|
||
right: 2px;
|
||
}
|
||
|
||
.isRemark {
|
||
display: flex;
|
||
align-items: center;
|
||
z-index: 2;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.isRemark span {
|
||
font-weight: bold;
|
||
background-color: #fef0f0;
|
||
color: #f56c6c;
|
||
padding: 0 5px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
/* 3. 内容类型样式 (图片/表格) */
|
||
.MaxPicture { text-align: center !important; }
|
||
.myeditablediv img { width: 80% !important; max-width: 580px; margin-bottom: 10px; }
|
||
|
||
.imageTitle, .tableTitle {
|
||
color: rgb(210, 90, 90) !important;
|
||
font-weight: bold;
|
||
text-align: center;
|
||
margin-bottom: 10px;
|
||
display: block;
|
||
}
|
||
|
||
.table_Box { padding: 8px 15px; }
|
||
.table-box { width: 100%; border-collapse: collapse; text-align: center; }
|
||
.table-box td { border: 1px solid #000; }
|
||
.oddColor td { background: rgb(250, 231, 232); }
|
||
|
||
/* 4. 辅助层级标识 (H1/H2/H3 侧边圆圈) */
|
||
.Htitle {
|
||
color: #4d99f1;
|
||
background-color: #dbebfca6;
|
||
border-radius: 50%;
|
||
font-weight: bold;
|
||
position: absolute;
|
||
line-height: 24px;
|
||
font-size: 16px;
|
||
left: -30px;
|
||
top: 0px;
|
||
text-align: center;
|
||
width: 24px;
|
||
height: 24px;
|
||
}
|
||
|
||
.select-main-id { position: absolute !important; }
|
||
`;
|
||
|
||
|
||
|