From 6181569428821a05583350c32a758a853c2304c3 Mon Sep 17 00:00:00 2001 From: Kaviilee Date: Sat, 11 Feb 2023 01:18:50 +0800 Subject: [PATCH] feat: update tinymce --- .npmrc | 1 + package.json | 1 + skins/content/default/article.less | 25 --- skins/content/default/content.less | 2 +- skins/content/default/content.min.css | 7 +- skins/content/default/tinymce/_.less | 28 --- skins/content/default/tinymce/a.less | 29 ---- skins/content/default/tinymce/code.less | 159 ------------------ skins/content/default/tinymce/directory.less | 123 -------------- skins/content/default/tinymce/fold.less | 70 -------- skins/content/default/tinymce/h.less | 58 ------- skins/content/default/tinymce/hr.less | 9 - skins/content/default/tinymce/img.less | 16 -- skins/content/default/tinymce/imgpreview.less | 15 -- skins/content/default/tinymce/latex.less | 47 ------ skins/content/default/tinymce/list.less | 64 ------- skins/content/default/tinymce/nextpage.less | 65 ------- skins/content/default/tinymce/p.less | 8 - skins/content/default/tinymce/plugin.less | 3 - skins/content/default/tinymce/quote.less | 12 -- skins/content/default/tinymce/table.less | 60 ------- skins/content/default/tinymce/video.less | 35 ---- 22 files changed, 7 insertions(+), 830 deletions(-) create mode 100644 .npmrc delete mode 100644 skins/content/default/article.less delete mode 100644 skins/content/default/tinymce/_.less delete mode 100644 skins/content/default/tinymce/a.less delete mode 100644 skins/content/default/tinymce/code.less delete mode 100644 skins/content/default/tinymce/directory.less delete mode 100644 skins/content/default/tinymce/fold.less delete mode 100644 skins/content/default/tinymce/h.less delete mode 100644 skins/content/default/tinymce/hr.less delete mode 100644 skins/content/default/tinymce/img.less delete mode 100644 skins/content/default/tinymce/imgpreview.less delete mode 100644 skins/content/default/tinymce/latex.less delete mode 100644 skins/content/default/tinymce/list.less delete mode 100644 skins/content/default/tinymce/nextpage.less delete mode 100644 skins/content/default/tinymce/p.less delete mode 100644 skins/content/default/tinymce/plugin.less delete mode 100644 skins/content/default/tinymce/quote.less delete mode 100644 skins/content/default/tinymce/table.less delete mode 100644 skins/content/default/tinymce/video.less diff --git a/.npmrc b/.npmrc new file mode 100644 index 0000000..9f6354f --- /dev/null +++ b/.npmrc @@ -0,0 +1 @@ +@deepberry:registry=https://npm.pkg.github.com diff --git a/package.json b/package.json index fe29c1e..0e4aed0 100644 --- a/package.json +++ b/package.json @@ -5,6 +5,7 @@ "main": "tinymce.js", "devDependencies": { "@deepberry/common": "^0.2.3", + "@deepberry/editor": "^0.1.4", "csslab": "^4.0.3", "less": "^3.11.1", "serve": "^14.2.0" diff --git a/skins/content/default/article.less b/skins/content/default/article.less deleted file mode 100644 index 1463753..0000000 --- a/skins/content/default/article.less +++ /dev/null @@ -1,25 +0,0 @@ -// tinymce文章样式 -@color: #3d454d; -@bg-black: #24292e; -@bg-gray: #f6f8fa; -@bg-light: #fafbfc; - -@import "tinymce/_.less"; -@import "tinymce/a.less"; -@import "tinymce/list.less"; -@import "tinymce/quote.less"; -@import "tinymce/hr.less"; -@import "tinymce/table.less"; -@import "tinymce/img.less"; -@import "tinymce/p.less"; -@import "tinymce/h.less"; -@import "tinymce/code.less"; -@import "tinymce/fold.less"; -@import "tinymce/plugin.less"; -@import "tinymce/imgpreview.less"; -@import "tinymce/latex.less"; -@import "tinymce/nextpage.less"; - -@import "tinymce/video.less"; - -@import "tinymce/directory.less"; diff --git a/skins/content/default/content.less b/skins/content/default/content.less index 6ab0d39..4ac8577 100644 --- a/skins/content/default/content.less +++ b/skins/content/default/content.less @@ -1,3 +1,3 @@ @import '../../../node_modules/@deepberry/common/css/var.less'; @import '../../../node_modules/csslab/base.less'; -@import './article.less'; \ No newline at end of file +@import '../../../node_modules/@deepberry/editor/assets/css/article.less'; \ No newline at end of file diff --git a/skins/content/default/content.min.css b/skins/content/default/content.min.css index dde1cfd..5a93d62 100644 --- a/skins/content/default/content.min.css +++ b/skins/content/default/content.min.css @@ -249,7 +249,7 @@ max-width: 100%; border: none; line-height: 2.2; - color: #3d454d; + color: #00467b; } .c-article-tinymce table td, .c-article-tinymce table th { @@ -552,7 +552,7 @@ font-family: Georgia, "Times New Roman", Times, serif; } .c-article-tinymce .w-latex:after { - content: "DEEPBERRY·Katex"; + content: "JX3BOX·Katex"; position: absolute; right: 0; top: -30px; @@ -614,6 +614,7 @@ max-width: 100%; overflow-x: auto; text-align: center; + justify-content: center; } .c-article-pages .el-pager { margin: 0; @@ -695,7 +696,7 @@ color: #0366d6; } .c-article-directory a { - color: #3d454d; + color: #00467b; } .c-article-directory h1::before, .c-article-directory h2::before, diff --git a/skins/content/default/tinymce/_.less b/skins/content/default/tinymce/_.less deleted file mode 100644 index 4edd707..0000000 --- a/skins/content/default/tinymce/_.less +++ /dev/null @@ -1,28 +0,0 @@ -.c-article-tinymce { - font-size: 1em; - line-height: 1.8; - color: #3d454d; - max-width: 100%; - -webkit-font-smoothing: antialiased !important; - overflow-wrap: break-word; - word-wrap: break-word; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, "Microsoft YaHei", Trebuchet MS, Calibri, - BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, sans-serif; - text-rendering: optimizelegibility; - - * { - max-width: 100%; - box-sizing: border-box; - } -} -.c-article-editor { - margin: 8px; -} -.c-article-origin { - display: none; -} -@media print { - .c-article-tinymce { - -webkit-print-color-adjust: exact; - } -} diff --git a/skins/content/default/tinymce/a.less b/skins/content/default/tinymce/a.less deleted file mode 100644 index 5c07fea..0000000 --- a/skins/content/default/tinymce/a.less +++ /dev/null @@ -1,29 +0,0 @@ -/* 链接 */ -.c-article-tinymce { - a { - color: #0366d6; - text-decoration: none; - &:hover { - box-shadow: 0 1px 0 #0366d6; - } - } - - .e-jx3-author { - // padding: 2px 5px; - // border-radius: 3px; - // border: 1px solid #8250df; - color: #8250df; - - &:hover { - box-shadow: 0 1px 0 #8250df; - // background-color: #fafbfc; - } - } -} -// @media print { -// .c-article { -// a::after { -// content: "(" attr(href) ")"; /* 所有链接后显示链接地址 */ -// } -// } -// } diff --git a/skins/content/default/tinymce/code.less b/skins/content/default/tinymce/code.less deleted file mode 100644 index dd470be..0000000 --- a/skins/content/default/tinymce/code.less +++ /dev/null @@ -1,159 +0,0 @@ -.c-article-tinymce { - //兼容旧代码 - code { - font-family: Consolas, monospace, serif; - color: #dd0055; - // white-space: nowrap; - padding: 2px 4px; - border: 1px solid #dddddd; - border-radius: 3px; - background: #fafafa; - } - - // pre { - // font-family: Consolas, Monaco, monospace; - // display: block; - // font-size: 15px; - // line-height: 1.5; - - // padding: 10px; - // background: #fafafa; - // color: #444444; - // -moz-tab-size: 4; - // tab-size: 4; - // overflow: auto; - // border: 1px solid #dddddd; - // border-radius: 3px; - // white-space: pre-wrap; - - // //兼容旧版 - // code{ - // display: block; - // white-space: pre-wrap; - // border:none; - // } - // } - - // codesample - code[class*="language-"], - pre[class*="language-"] { - color: black; - background: none; - text-shadow: 0 1px white; - font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; - font-size: 1em; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - word-wrap: normal; - line-height: 1.5; - -moz-tab-size: 4; - tab-size: 4; - -webkit-hyphens: none; - -ms-hyphens: none; - hyphens: none; - - // 避免默认 - border: none; - padding: 0; - border-radius: 0; - } - pre[class*="language-"]::-moz-selection, - pre[class*="language-"] ::-moz-selection, - code[class*="language-"]::-moz-selection, - code[class*="language-"] ::-moz-selection { - text-shadow: none; - background: #b3d4fc; - } - pre[class*="language-"]::selection, - pre[class*="language-"] ::selection, - code[class*="language-"]::selection, - code[class*="language-"] ::selection { - text-shadow: none; - background: #b3d4fc; - } - @media print { - code[class*="language-"], - pre[class*="language-"] { - text-shadow: none; - } - } - /* Code blocks */ - pre[class*="language-"] { - padding: 1em; - margin: 0.5em 0; - overflow: auto; - } - :not(pre) > code[class*="language-"], - pre[class*="language-"] { - background: #f6f8fa; - } - /* Inline code */ - :not(pre) > code[class*="language-"] { - padding: 0.1em; - border-radius: 0.3em; - white-space: normal; - } - .token.comment, - .token.prolog, - .token.doctype, - .token.cdata { - color: slategray; - } - .token.punctuation { - color: #999; - } - .namespace { - opacity: 0.7; - } - .token.property, - .token.tag, - .token.boolean, - .token.number, - .token.constant, - .token.symbol, - .token.deleted { - color: #905; - } - .token.selector, - .token.attr-name, - .token.string, - .token.char, - .token.builtin, - .token.inserted { - color: #690; - } - .token.operator, - .token.entity, - .token.url, - .language-css .token.string, - .style .token.string { - color: #9a6e3a; - background: hsla(0, 0%, 100%, 0.5); - } - .token.atrule, - .token.attr-value, - .token.keyword { - color: #07a; - } - .token.function, - .token.class-name { - color: #dd4a68; - } - .token.regex, - .token.important, - .token.variable { - color: #e90; - } - .token.important, - .token.bold { - font-weight: bold; - } - .token.italic { - font-style: italic; - } - .token.entity { - cursor: help; - } -} diff --git a/skins/content/default/tinymce/directory.less b/skins/content/default/tinymce/directory.less deleted file mode 100644 index b3c05a3..0000000 --- a/skins/content/default/tinymce/directory.less +++ /dev/null @@ -1,123 +0,0 @@ -.c-article-directory { - h1, - h2, - h3, - h4, - h5, - h6 { - margin: 0; - padding: 0; - cursor: pointer; - font-weight: normal; - white-space: nowrap; - word-wrap: normal; - word-break: keep-all; - text-overflow: ellipsis; - overflow: hidden; - letter-spacing: 0.2px; - line-height: 20px; - padding: 8px 0; - &:hover { - // font-weight: 600; - color: #0366d6; - } - font-size: 12px; - } - a { - color: @color; - } - - h1, - h2, - h3, - h4, - h5, - h6 { - &::before { - content: "\e78b"; - - font-family: element-icons !important; - speak: none; - font-style: normal; - font-weight: 400; - font-variant: normal; - text-transform: none; - line-height: 1; - vertical-align: baseline; - display: inline-block; - -webkit-font-smoothing: antialiased; - margin-right: 5px; - font-size: 16px; - } - } - - // .hasChild { - // font-size: 14px; - // &::before { - // content: "\e784"; - // } - // } - - // h2,h3,h4,h5,h6{ - // margin-left: 20px; - // } - // .hasChild{ - // margin-left: 0; - // } - - // h3 + h2,h4 + h3,h5 + h4,h6 + h5{ - // margin-left: 0; - // } - - .lv2 { - padding-left: 20px; - } - - .lv3 { - padding-left: 40px; - } - - .lv0 { - display: none; - } -} - -.c-article-directory-title { - margin-bottom: 5px; - .c-article-directory-title-label { - font-weight: 300; - font-size: 20px; - // cursor: pointer; - // &:hover { - // color: #f39; - // } - } - .c-article-directory-title-skip, - .c-article-directory-title-folder { - font-size: 14px; - float: right; - padding: 0 5px; - line-height: 25px; - color: darken(#dcdfe6, 5%); - cursor: pointer; - &:hover { - color: darken(#dcdfe6, 20%); - } - } -} -.c-article-directory-content { - padding: 10px 15px; -} - -@keyframes focusFade { - from { - background-color: #c3fcff; - } - to { - background-color: transparent; - } -} - -.c-article .isScrollFocus { - animation: focusFade 0.5s ease-in-out; -} diff --git a/skins/content/default/tinymce/fold.less b/skins/content/default/tinymce/fold.less deleted file mode 100644 index 2b65ad3..0000000 --- a/skins/content/default/tinymce/fold.less +++ /dev/null @@ -1,70 +0,0 @@ -// 折叠文本 -.c-article-tinymce { - .e-details, - .e-summary { - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, - Segoe UI Emoji, Segoe UI Symbol; - white-space: pre-wrap; - margin: 0; - } - .e-summary { - cursor: pointer; - position: relative; - border: 1px solid #ddd; - background-color: #fafbfc; - padding: 8px 10px 8px 26px; - display: block; - margin-bottom: 0; - border-radius: 4px; - line-height: 1.6; - font-size: 14px; - letter-spacing: 0.5px; - - // color: #0366d6; - // font-size:14px; - &:before { - content: ">"; - display: block; - position: absolute; - left: 10px; - top: 8px; - font-family: "宋体", Consolas; - color: #aaa; - transform: rotate(0); - } - &:after { - content: "🌷"; - display: block; - position: absolute; - right: 10px; - top: 8px; - } - &.on { - &:before { - transform: rotate(90deg); - } - &:after { - content: "🌸"; - } - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - } - } - - .e-details { - padding: 10px; - border: 1px dashed #ddd; - margin-top: 0; - background: none; - border-top: none; - display: none; - } -} -.c-article-editor { - .e-summary { - cursor: text; - } - .e-details { - display: block; - } -} diff --git a/skins/content/default/tinymce/h.less b/skins/content/default/tinymce/h.less deleted file mode 100644 index 0a8ad54..0000000 --- a/skins/content/default/tinymce/h.less +++ /dev/null @@ -1,58 +0,0 @@ -//标题 -.c-article-tinymce { - h1, - h2, - h3, - h4, - h5, - h6 { - margin-top: 24px; - margin-bottom: 16px; - font-weight: 600; - line-height: 1.25; - } - - h1, - h2 { - padding-bottom: 0.3em; - border-bottom: 1px solid #eaecef; - } - - h1 { - font-size: 2em; - } - - h2 { - font-size: 1.5em; - } - - h3 { - font-size: 1.25em; - } - - h4 { - font-size: 1em; - border-left: 5px solid #0366d6; - padding: 6px 10px; - background-color: #fafbfc; - } - - h5 { - font-size: 14px; - padding: 8px 10px; - background-color: #fafbfc; - border-radius: 4px; - } - - h6 { - font-size: 13px; - padding: 5px 0 10px 0; - border-bottom: 1px dotted #ddd; - &:before { - content: ">"; - color: #ccc; - margin-right: 10px; - font-family: "宋体", Consolas; - } - } -} diff --git a/skins/content/default/tinymce/hr.less b/skins/content/default/tinymce/hr.less deleted file mode 100644 index d32464d..0000000 --- a/skins/content/default/tinymce/hr.less +++ /dev/null @@ -1,9 +0,0 @@ -/* 水平线 */ -.c-article-tinymce { - hr { - margin-top: 22px; - margin-bottom: 22px; - border: 0; - border-top: 1px solid #eeeeee; - } -} diff --git a/skins/content/default/tinymce/img.less b/skins/content/default/tinymce/img.less deleted file mode 100644 index 0050c15..0000000 --- a/skins/content/default/tinymce/img.less +++ /dev/null @@ -1,16 +0,0 @@ -//图片 -.c-article-tinymce { - img { - height: auto; - padding: 5px; - border: 1px solid #eee; - margin: 5px; - } - - .t-emotion { - padding: 0 1px; - border: none; - margin: 0; - vertical-align: -3px; - } -} diff --git a/skins/content/default/tinymce/imgpreview.less b/skins/content/default/tinymce/imgpreview.less deleted file mode 100644 index 8a3757e..0000000 --- a/skins/content/default/tinymce/imgpreview.less +++ /dev/null @@ -1,15 +0,0 @@ -.hevue-imgpreview-wrap { - .he-img-wrap { - background: rgba(0, 0, 0, 0.8); - } - .arrow, - .he-close-icon { - display: block !important; - text-align: center !important; - } - .he-close-icon { - &:hover { - transform: scale(1.2); - } - } -} diff --git a/skins/content/default/tinymce/latex.less b/skins/content/default/tinymce/latex.less deleted file mode 100644 index 248dd0c..0000000 --- a/skins/content/default/tinymce/latex.less +++ /dev/null @@ -1,47 +0,0 @@ -// 编辑器内样式 -.c-article-tinymce { - .w-latex { - .pr; - font-family: Georgia, "Times New Roman", Times, serif; - &:after { - content: "DEEPBERRY·Katex"; - position: absolute; - right: 0; - top: -30px; - background-color: @bg-black; - color: #fff; - border-radius: 3px; - padding: 0 8px; - line-height: 28px; - height: 28px; - box-sizing: border-box; - font-size: 14px; - font-family: consolas; - } - } -} -.c-article-editor { - .e-latex-area { - min-height: 24px; - border-radius: 4px; - padding: 10px; - font-size: 14px; - white-space: pre-wrap; - background-color: #f1f8ff; - border: 1px solid #c8e1ff; - color: darken(#c8e1ff, 20%); - font-family: Georgia, "Times New Roman", Times, serif; - .pr; - &:after { - content: "Latex"; - position: absolute; - right: 10px; - top: 10px; - background-color: darken(#c8e1ff, 20%); - color: #fff; - border-radius: 3px; - padding: 0 8px; - font-family: consolas; - } - } -} diff --git a/skins/content/default/tinymce/list.less b/skins/content/default/tinymce/list.less deleted file mode 100644 index 41386aa..0000000 --- a/skins/content/default/tinymce/list.less +++ /dev/null @@ -1,64 +0,0 @@ -/* 列表 */ -.c-article-tinymce { - ul, - ol { - margin: 20px 0; - } - ul, - ol { - padding-left: 40px; - } - - /* 旧版checklist,无创建逻辑,仅作留存显示 */ - .e-checklist { - div { - position: relative; - padding-left: 1.4em; - } - div:before { - display: block; - position: absolute; - left: 0; - top: 0.7em; - content: ""; - cursor: pointer; - height: 1em; - width: 1em; - background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); - background-size: 100%; - background-repeat: no-repeat; - background-position: 0 0; - } - div.on:before { - background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); - } - } - - // 新版checklist - .tox-checklist > li { - line-height: 2.2; - margin: 0 !important; - } - .tox-checklist > li:not(.tox-checklist--hidden) { - list-style: none; - margin: 0.25em 0; - } - .tox-checklist > li:not(.tox-checklist--hidden)::before { - background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); - background-size: 100%; - content: ""; - cursor: pointer; - height: 1em; - margin-left: -1.5em; - margin-top: 0.7em; - position: absolute; - width: 1em; - } - .tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before { - background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); - } - [dir="rtl"] .tox-checklist > li:not(.tox-checklist--hidden)::before { - margin-left: 0; - margin-right: -1.5em; - } -} diff --git a/skins/content/default/tinymce/nextpage.less b/skins/content/default/tinymce/nextpage.less deleted file mode 100644 index 566f53e..0000000 --- a/skins/content/default/tinymce/nextpage.less +++ /dev/null @@ -1,65 +0,0 @@ -.c-article-editor { - .mce-pagebreak { - padding: 0; - outline: none; - border: none; - border-top: 1px dashed #aaa; - height: 10px !important; - margin: 20px auto; - } -} -.c-article-chunk { - display: none; - &.on { - display: block; - } -} -.c-article-all { - width: 100%; - margin: 10px auto !important; - display: block !important; -} -.c-article-pages { - margin: 10px; - max-width: 100%; - overflow-x: auto; - text-align: center; - - .el-pager { - margin: 0; - padding: 0; - } -} - -// 打印分页 -.c-article { - .e-print-pagebreak { - .none; - } -} -.c-article-editor { - .e-print-pagebreak { - .db; - border: none; - border-bottom: 1px dotted #7ddcf9; - font-size: 0; - width: 100%; - height: 0; - box-sizing: border-box; - margin: 0 !important; - // &:after { - // content: "🖨 打印分页占位符"; - // .db; - // .x; - // .fz(12px); - // color: #999; - // } - } -} -@media print { - .c-article { - .e-print-pagebreak { - page-break-after: always; - } - } -} diff --git a/skins/content/default/tinymce/p.less b/skins/content/default/tinymce/p.less deleted file mode 100644 index 74a64a2..0000000 --- a/skins/content/default/tinymce/p.less +++ /dev/null @@ -1,8 +0,0 @@ -// 段落 -.c-article-tinymce { - p, - div { - margin: 0; - line-height: 2.2; - } -} diff --git a/skins/content/default/tinymce/plugin.less b/skins/content/default/tinymce/plugin.less deleted file mode 100644 index e1da14b..0000000 --- a/skins/content/default/tinymce/plugin.less +++ /dev/null @@ -1,3 +0,0 @@ -// .pswp__bg{ -// background: rgba(0, 0, 0, 0.8) ; -// } diff --git a/skins/content/default/tinymce/quote.less b/skins/content/default/tinymce/quote.less deleted file mode 100644 index a2cbe61..0000000 --- a/skins/content/default/tinymce/quote.less +++ /dev/null @@ -1,12 +0,0 @@ -/* 引用 */ -.c-article-tinymce { - blockquote { - border: 1px dashed #e1e4e8; - border-radius: 4px; - padding: 10px; - background-color: #fafbfc; - font-size: 14px; - line-height: 2; - margin: 10px 0; - } -} diff --git a/skins/content/default/tinymce/table.less b/skins/content/default/tinymce/table.less deleted file mode 100644 index 57af67a..0000000 --- a/skins/content/default/tinymce/table.less +++ /dev/null @@ -1,60 +0,0 @@ -/* 表格 */ -.c-article-tinymce { - table { - border-collapse: collapse; - width: 100%; - height: auto; - margin: 10px 0; - overflow-x: auto; - max-width: 100%; - border: none; - - line-height: 2.2; - color: @color; - - td, - th { - padding: 6px 10px; - } - td { - border: 1px solid #eee; - } - // th { - // // background-color: #fafbfc; - // // font-weight: 600; - // } - tr:nth-child(2n + 1) { - background-color: #fafbfc; - } - tr:first-child { - // background-color: #f1f8ff; - background-color: #fafbfc; - font-weight: 600; - - // td { - // border: 1px solid #c8e1ff; - // } - } - } -} - -@media screen and (max-width: @phone) { - .c-article-tinymce { - table { - display: block; - width: 100% !important; - height: auto !important; - - th, - td { - white-space: nowrap; - } - } - } -} - -@media print { - table { - page-break-inside: avoid !important; - } -} diff --git a/skins/content/default/tinymce/video.less b/skins/content/default/tinymce/video.less deleted file mode 100644 index c1c77ce..0000000 --- a/skins/content/default/tinymce/video.less +++ /dev/null @@ -1,35 +0,0 @@ -.c-article-tinymce { - video { - background-color: #333; - width: 100%; - height: 800px; - display: block; - cursor: pointer; - } -} -.c-article-videox { - iframe, - iframe[allowfullscreen="allowfullscreen"] { - width: 100%; - height: 800px; - border: 1px solid #eee; - box-sizing: border-box; - } -} -.c-article-editor { - video, - iframe { - cursor: default; - } - iframe { - width: auto; - height: auto; - } -} -@media screen and (max-width: @ipad) { - .c-article video, - .c-article-videox iframe { - height: auto; - min-height: 200px; - } -}