@jx3box/jx3box-editor 1.1.5 → 1.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,4 @@
1
- // @import 'node_modules/csslab/base.less';
2
- // @import 'node_modules/@jx3box/jx3box-common/css/var.less';
1
+ // tinymce文章样式
3
2
 
4
3
  @import "tinymce/_.less";
5
4
  @import "tinymce/a.less";
@@ -1,3 +1,5 @@
1
+ // md文章样式
2
+
1
3
  @import "module/macro.less";
2
4
  @import "module/talent.less";
3
5
 
@@ -1,3 +1,4 @@
1
+ // md编辑器样式
1
2
  .c-editor-markdown {
2
3
  .c-editor-header {
3
4
  .mb(10px);
@@ -22,7 +22,7 @@
22
22
  display: none;
23
23
  }
24
24
  @media print{
25
- .c-article{
25
+ .c-article-tinymce{
26
26
  -webkit-print-color-adjust: exact;
27
27
  }
28
28
  }
@@ -1,5 +1,5 @@
1
1
  /* 链接 */
2
- .c-article-tinymce .c-article{
2
+ .c-article-tinymce{
3
3
  a {
4
4
  color: #0366d6;
5
5
  text-decoration: none;
@@ -1,4 +1,4 @@
1
- .c-article-tinymce .c-article {
1
+ .c-article-tinymce{
2
2
  //兼容旧代码
3
3
  code {
4
4
  font-family: Consolas, monospace, serif;
@@ -1,5 +1,5 @@
1
1
  // 折叠文本
2
- .c-article-tinymce .c-article {
2
+ .c-article-tinymce{
3
3
  .e-details,
4
4
  .e-summary {
5
5
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica,
@@ -1,5 +1,5 @@
1
1
  //标题
2
- .c-article-tinymce .c-article {
2
+ .c-article-tinymce {
3
3
  h1,
4
4
  h2,
5
5
  h3,
@@ -1,5 +1,5 @@
1
1
  /* 水平线 */
2
- .c-article-tinymce .c-article{
2
+ .c-article-tinymce{
3
3
  hr {
4
4
  margin-top: 22px;
5
5
  margin-bottom: 22px;
@@ -1,5 +1,5 @@
1
1
  //图片
2
- .c-article-tinymce .c-article {
2
+ .c-article-tinymce {
3
3
  img {
4
4
  height: auto;
5
5
  padding: 5px;
@@ -1,5 +1,5 @@
1
1
  // 编辑器内样式
2
- .c-article-tinymce .c-article{
2
+ .c-article-tinymce{
3
3
  .w-latex{
4
4
  .pr;
5
5
  font-family: Georgia, 'Times New Roman', Times, serif;
@@ -37,6 +37,7 @@
37
37
  // 新版checklist
38
38
  .tox-checklist > li{
39
39
  line-height: 2.2;
40
+ margin:0 !important;
40
41
  }
41
42
  .tox-checklist > li:not(.tox-checklist--hidden) {
42
43
  list-style: none;
@@ -1,5 +1,5 @@
1
1
  // 编辑器外样式
2
- .c-article-tinymce .c-article{
2
+ .c-article-tinymce{
3
3
  .e-jx3macro-area{
4
4
  .pr;
5
5
  &:after{
@@ -26,7 +26,7 @@
26
26
  }
27
27
  }
28
28
  // 渲染模式隐藏
29
- .c-article{
29
+ .c-article-tinymce{
30
30
  .e-pz-iframe{
31
31
  display: none;
32
32
  }
@@ -1,5 +1,5 @@
1
1
  /* 引用 */
2
- .c-article-tinymce .c-article{
2
+ .c-article-tinymce{
3
3
  blockquote {
4
4
  border: 1px dashed #e1e4e8;
5
5
  border-radius: 4px;
@@ -1,5 +1,5 @@
1
1
  /* 表格 */
2
- .c-article-tinymce .c-article{
2
+ .c-article-tinymce {
3
3
  table {
4
4
  border-collapse: collapse;
5
5
  width: 100%;
@@ -39,7 +39,7 @@
39
39
  }
40
40
 
41
41
  @media screen and (max-width: @phone) {
42
- .c-article-tinymce .c-article{
42
+ .c-article-tinymce{
43
43
  table {
44
44
  display: block;
45
45
  width: 100% !important;
@@ -1,4 +1,4 @@
1
- .c-article-tinymce .c-article {
1
+ .c-article-tinymce {
2
2
  video {
3
3
  background-color: #333;
4
4
  width: 100%;
@@ -7,8 +7,9 @@
7
7
  cursor: pointer;
8
8
  }
9
9
  }
10
- .c-article-videox{
11
- iframe,iframe[allowfullscreen='allowfullscreen']{
10
+ .c-article-videox {
11
+ iframe,
12
+ iframe[allowfullscreen="allowfullscreen"] {
12
13
  width: 100%;
13
14
  height: 800px;
14
15
  border: 1px solid #eee;
@@ -16,17 +17,19 @@
16
17
  }
17
18
  }
18
19
  .c-article-editor {
19
- video,iframe {
20
+ video,
21
+ iframe {
20
22
  cursor: default;
21
23
  }
22
- iframe{
23
- width:auto;
24
- height:auto;
24
+ iframe {
25
+ width: auto;
26
+ height: auto;
25
27
  }
26
28
  }
27
- @media screen and (max-width:@ipad){
28
- .c-article video,.c-article-videox iframe{
29
- height:auto;
30
- min-height:200px;
29
+ @media screen and (max-width: @ipad) {
30
+ .c-article video,
31
+ .c-article-videox iframe {
32
+ height: auto;
33
+ min-height: 200px;
31
34
  }
32
- }
35
+ }
@@ -1,3 +1,4 @@
1
+ // tinymce编辑器样式
1
2
  .c-editor-header{
2
3
  .mb(10px);
3
4
  .clearfix;
@@ -56,4 +57,4 @@
56
57
  .none;
57
58
  }
58
59
  }
59
- }
60
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jx3box/jx3box-editor",
3
- "version": "1.1.5",
3
+ "version": "1.1.6",
4
4
  "description": "JX3BOX Article & Editor",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/Tinymce.vue CHANGED
@@ -22,7 +22,7 @@
22
22
  >进入特殊区域(代码块,折叠块等等)脱离或使用工具栏触发后,请使用键盘方向
23
23
  → ↓
24
24
  键进行脱离,回车只是正常在区块内换行。去掉样式点击第二行第一个&lt;清除格式&gt;即可复位。<a
25
- href="https://www.jx3box.com/tool/16227"
25
+ href="/tool/16227"
26
26
  target="_blank"
27
27
  >[编辑器使用指南]</a
28
28
  >
@@ -62,7 +62,7 @@ export default {
62
62
  // TODO:
63
63
  content_css: `https://oss.jx3box.com/static/tinymce/skins/content/default/content.min.css`,
64
64
  // content_css: `http://localhost:5000/skins/content/default/content.min.css`,
65
- body_class: "c-article c-article-editor",
65
+ body_class: "c-article c-article-editor c-article-tinymce",
66
66
  height: this.height || 800,
67
67
  autosave_ask_before_unload: false,
68
68