@mnykj/wangeditoroptimize-basic-modules 1.0.0 → 1.0.1
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.
- package/dist/basic-modules/src/constants/icon-svg.d.ts +1 -0
- package/dist/basic-modules/src/locale/en.d.ts +2 -0
- package/dist/basic-modules/src/locale/zh-CN.d.ts +2 -0
- package/dist/basic-modules/src/modules/image/menu/CancelEnter.d.ts +14 -0
- package/dist/basic-modules/src/modules/image/menu/EnterAbove.d.ts +14 -0
- package/dist/basic-modules/src/modules/image/menu/index.d.ts +10 -0
- package/dist/basic-modules/src/modules/link/menu/LinkFormMenu.d.ts +2 -2
- package/dist/basic-modules/src/modules/link/menu/index.d.ts +3 -4
- package/dist/css/style.css +1 -1
- package/dist/index.esm.js +250 -226
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -43,3 +43,4 @@ export declare const SUP_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M768 20
|
|
|
43
43
|
export declare const SUB_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M768 910.016v50.016h128v64h-192v-146.016l128-60V768h-128v-64h192v146.016zM676 256h-136L352 444 164 256H28l256 256-256 256h136L352 580 540 768h136l-256-256z\"></path></svg>";
|
|
44
44
|
export declare const CHECK_BOX_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M278.755556 403.911111l-79.644445 79.644445L455.111111 739.555556l568.888889-568.888889-79.644444-79.644445L455.111111 580.266667l-176.355555-176.355556zM910.222222 910.222222H113.777778V113.777778h568.888889V0H113.777778C51.2 0 0 51.2 0 113.777778v796.444444c0 62.577778 51.2 113.777778 113.777778 113.777778h796.444444c62.577778 0 113.777778-51.2 113.777778-113.777778V455.111111h-113.777778v455.111111z\"></path></svg>";
|
|
45
45
|
export declare const ENTER_SVG = "<svg viewBox=\"0 0 1255 1024\"><path d=\"M1095.111111 731.477333h-625.777778V1024L0 658.318222 469.333333 292.408889v292.636444h625.777778V0h156.444445v731.477333z\"></path></svg>";
|
|
46
|
+
export declare const CANCEL_ENTER_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M436 680H124v-56h312l-124-124 42-42 220 220-220 220-42-42 124-124z\"></path><path d=\"M198 128l64-64 628 628-64 64z\"></path></svg>";
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @description 图片悬浮栏:删除上方空行(与引用顶栏「取消回车」一致)
|
|
3
|
+
*/
|
|
4
|
+
import { IButtonMenu, IDomEditor } from '@mnykj/wangeditoroptimize-core';
|
|
5
|
+
declare class ImageCancelEnter implements IButtonMenu {
|
|
6
|
+
readonly title: string;
|
|
7
|
+
readonly iconSvg = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M436 680H124v-56h312l-124-124 42-42 220 220-220 220-42-42 124-124z\"></path><path d=\"M198 128l64-64 628 628-64 64z\"></path></svg>";
|
|
8
|
+
readonly tag = "button";
|
|
9
|
+
getValue(_editor: IDomEditor): string | boolean;
|
|
10
|
+
isActive(_editor: IDomEditor): boolean;
|
|
11
|
+
isDisabled(editor: IDomEditor): boolean;
|
|
12
|
+
exec(editor: IDomEditor, _value: string | boolean): void;
|
|
13
|
+
}
|
|
14
|
+
export default ImageCancelEnter;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @description 图片悬浮栏:上方插入空行(与引用顶栏「回车」一致)
|
|
3
|
+
*/
|
|
4
|
+
import { IButtonMenu, IDomEditor } from '@mnykj/wangeditoroptimize-core';
|
|
5
|
+
declare class ImageEnterAbove implements IButtonMenu {
|
|
6
|
+
readonly title: string;
|
|
7
|
+
readonly iconSvg = "<svg viewBox=\"0 0 1255 1024\"><path d=\"M1095.111111 731.477333h-625.777778V1024L0 658.318222 469.333333 292.408889v292.636444h625.777778V0h156.444445v731.477333z\"></path></svg>";
|
|
8
|
+
readonly tag = "button";
|
|
9
|
+
getValue(_editor: IDomEditor): string | boolean;
|
|
10
|
+
isActive(_editor: IDomEditor): boolean;
|
|
11
|
+
isDisabled(editor: IDomEditor): boolean;
|
|
12
|
+
exec(editor: IDomEditor, _value: string | boolean): void;
|
|
13
|
+
}
|
|
14
|
+
export default ImageEnterAbove;
|
|
@@ -10,6 +10,8 @@ import ImageWidth30 from './Width30';
|
|
|
10
10
|
import ImageWidth50 from './Width50';
|
|
11
11
|
import ImageWidth75 from './Width75';
|
|
12
12
|
import ImageWidth100 from './Width100';
|
|
13
|
+
import ImageEnterAbove from './EnterAbove';
|
|
14
|
+
import ImageCancelEnter from './CancelEnter';
|
|
13
15
|
export declare const insertImageMenuConf: {
|
|
14
16
|
key: string;
|
|
15
17
|
factory(): InsertImage;
|
|
@@ -54,3 +56,11 @@ export declare const imageWidth100MenuConf: {
|
|
|
54
56
|
key: string;
|
|
55
57
|
factory(): ImageWidth100;
|
|
56
58
|
};
|
|
59
|
+
export declare const imageEnterMenuConf: {
|
|
60
|
+
key: string;
|
|
61
|
+
factory(): ImageEnterAbove;
|
|
62
|
+
};
|
|
63
|
+
export declare const imageCancelEnterMenuConf: {
|
|
64
|
+
key: string;
|
|
65
|
+
factory(): ImageCancelEnter;
|
|
66
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @description 插入/修改链接共用弹层(文本 +
|
|
2
|
+
* @description 插入/修改链接共用弹层(文本 + 链接 + 取消/确定)
|
|
3
3
|
*/
|
|
4
4
|
import { Node } from 'slate';
|
|
5
5
|
import { IModalMenu, IDomEditor } from '@mnykj/wangeditoroptimize-core';
|
|
@@ -11,7 +11,7 @@ declare class LinkFormMenu implements IModalMenu {
|
|
|
11
11
|
readonly iconSvg: string;
|
|
12
12
|
readonly tag = "button";
|
|
13
13
|
readonly showModal = true;
|
|
14
|
-
readonly modalWidth =
|
|
14
|
+
readonly modalWidth = 300;
|
|
15
15
|
readonly mode: Mode;
|
|
16
16
|
private _root;
|
|
17
17
|
private _editor;
|
|
@@ -2,15 +2,14 @@
|
|
|
2
2
|
* @description link menu entry
|
|
3
3
|
* @author wangfupeng
|
|
4
4
|
*/
|
|
5
|
-
import InsertLink from './InsertLink';
|
|
6
|
-
import EditLink from './EditLink';
|
|
7
5
|
import UnLink from './UnLink';
|
|
8
6
|
import ViewLink from './ViewLink';
|
|
9
7
|
import LinkFormMenu from './LinkFormMenu';
|
|
10
8
|
import ViewLinkOpenMenu from './ViewLinkOpenMenu';
|
|
9
|
+
/** 官方 insertLink / editLink:文本 + 链接 + 取消/确定(无「链接至」) */
|
|
11
10
|
declare const insertLinkMenuConf: {
|
|
12
11
|
key: string;
|
|
13
|
-
factory():
|
|
12
|
+
factory(): LinkFormMenu;
|
|
14
13
|
config: {
|
|
15
14
|
checkLink(text: string, url: string): string | boolean | undefined;
|
|
16
15
|
parseLinkUrl(url: string): string;
|
|
@@ -18,7 +17,7 @@ declare const insertLinkMenuConf: {
|
|
|
18
17
|
};
|
|
19
18
|
declare const editLinkMenuConf: {
|
|
20
19
|
key: string;
|
|
21
|
-
factory():
|
|
20
|
+
factory(): LinkFormMenu;
|
|
22
21
|
config: {
|
|
23
22
|
checkLink(text: string, url: string): string | boolean | undefined;
|
|
24
23
|
parseLinkUrl(url: string): string;
|
package/dist/css/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px 3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px 3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{--bq-accent:#2bc292;--bq-accent-dark:#1fa87a;--bq-tint:#e6f9f3;--bq-tint-strong:#c9f0e2;background:var(--bq-tint);border-left:4px solid var(--bq-accent);border-radius:4px;color:#333;display:block;font-size:100%;line-height:1.5;margin:.5rem 0;overflow:hidden;padding:.75rem 1rem}.w-e-text-container [data-slate-editor] blockquote.mdg-bq-with-toolbar{padding-top:0}.w-e-text-container .mdg-bq-toolbar{align-items:center;background:linear-gradient(180deg,var(--bq-tint-strong) 0,#d8f5eb 100%);border-bottom:1px solid rgba(43,194,146,.28);cursor:default;display:flex;gap:.15rem;margin:0 -1rem .55rem;padding:.28rem .55rem .28rem .7rem;-moz-user-select:none;user-select:none;-webkit-user-select:none}.w-e-text-container .mdg-bq-toolbar-spacer{flex:1;min-width:.5rem}.w-e-text-container .mdg-bq-toolbar-label{color:var(--bq-accent-dark);flex:none;font-size:12px;font-weight:600;letter-spacing:.02em;padding:0 .35rem 0 .1rem}.w-e-text-container .mdg-bq-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--bq-accent-dark);cursor:pointer;display:inline-flex;flex:none;height:26px;justify-content:center;line-height:0;margin:0;padding:0;width:28px}.w-e-text-container .mdg-bq-btn svg{fill:currentColor;height:14px;width:14px}.w-e-text-container .mdg-bq-btn:hover:not(.is-disabled){background:rgba(43,194,146,.18);color:#178a64}.w-e-text-container .mdg-bq-btn:active:not(.is-disabled){background:rgba(43,194,146,.28)}.w-e-text-container .mdg-bq-btn.is-disabled,.w-e-text-container .mdg-bq-btn:disabled{cursor:not-allowed;opacity:.35}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px 3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;box-sizing:border-box;margin:0;outline:2px solid transparent;outline-offset:2px;padding:10px 0;transition:outline-color .12s ease;width:100%}.w-e-textarea-divider[data-selected=true]{outline-color:#2bc292}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px;margin:0;width:100%}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px 4px;display:block;font-size:15px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] pre>code.w-e-code-word-wrap{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.w-e-text-container [data-slate-editor] pre.mdg-pre-with-toolbar{--pre-surface:#f6f4f0;--pre-toolbar:#eceae6;--pre-line:#d4d0c8;background:var(--pre-surface);border:1px solid var(--pre-line);border-radius:4px;box-sizing:border-box;margin:.5rem 0;overflow:hidden;padding:0;position:relative}.w-e-text-container [data-slate-editor] pre.mdg-pre-with-toolbar>code{background:transparent;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;display:block;margin:0;padding:.65rem .85rem}.w-e-text-container .mdg-pre-toolbar{align-items:center;background:var(--pre-toolbar);border:none;border-bottom:1px solid var(--pre-line);border-radius:0;cursor:default;display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:.25rem .5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-text-container .mdg-pre-toolbar-spacer{flex:1;min-width:.5rem}.w-e-text-container .mdg-pre-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:#595959;cursor:pointer;display:inline-flex;flex:none;height:26px;justify-content:center;line-height:0;margin:0;padding:0;width:28px}.w-e-text-container .mdg-pre-btn svg{fill:currentColor;height:14px;width:14px}.w-e-text-container .mdg-pre-btn:hover:not(.is-disabled){background:rgba(0,0,0,.06);color:#262626}.w-e-text-container .mdg-pre-btn.is-disabled,.w-e-text-container .mdg-pre-btn:disabled{cursor:not-allowed;opacity:.35}.w-e-text-container .mdg-pre-lang-btn{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#333;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;height:26px;padding:0 8px}.w-e-text-container .mdg-pre-lang-btn:hover{border-color:#2bc292;color:#1fa87a}.w-e-text-container .mdg-pre-lang-text{max-width:7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-e-text-container .mdg-pre-lang-caret{font-size:10px;opacity:.55}.w-e-text-container .mdg-pre-wrap-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:#595959;cursor:pointer;display:inline-flex;font-size:12px;gap:6px;height:26px;padding:0 8px}.w-e-text-container .mdg-pre-wrap-btn:hover{background:rgba(0,0,0,.06)}.w-e-text-container .mdg-pre-wrap-switch{background:#d9d9d9;border-radius:8px;height:16px;position:relative;width:28px}.w-e-text-container .mdg-pre-wrap-switch:after{background:#fff;border-radius:50%;content:"";height:12px;left:2px;position:absolute;top:2px;transition:left .15s ease;width:12px}.w-e-text-container .mdg-pre-wrap-btn.is-active{color:#1fa87a}.w-e-text-container .mdg-pre-wrap-btn.is-active .mdg-pre-wrap-switch{background:#2bc292}.w-e-text-container .mdg-pre-wrap-btn.is-active .mdg-pre-wrap-switch:after{left:14px}.mdg-pre-lang-panel{background:#fff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.12);max-height:240px;overflow:auto;padding:4px 0;position:fixed;z-index:10050}.mdg-pre-lang-option{background:transparent;border:none;color:#333;cursor:pointer;display:block;font-size:13px;padding:6px 12px;text-align:left;width:100%}.mdg-pre-lang-option.is-selected,.mdg-pre-lang-option:hover{background:#e6f9f3;color:#1fa87a}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [contenteditable=false] .w-e-image-container:hover,.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.editor-content.mdg-format-painter-on,.editor-content.w-e-format-painter-on,.w-e-text-container.w-e-format-painter-on,html.mdg-format-painter-on,html.w-e-format-painter-on{cursor:var(--w-e-format-painter-cursor,var(--mdg-format-painter-cursor,text))!important}.editor-content.mdg-format-painter-on .w-e-hover-bar,.editor-content.w-e-format-painter-on .w-e-hover-bar,html.mdg-format-painter-on .w-e-hover-bar,html.w-e-format-painter-on .w-e-hover-bar{display:none!important;pointer-events:none!important;visibility:hidden!important}.editor-content.mdg-format-painter-on,.editor-content.mdg-format-painter-on .w-e-text-container,.editor-content.mdg-format-painter-on [data-slate-editor],.editor-content.mdg-format-painter-on [data-slate-editor] *,.editor-content.w-e-format-painter-on,.editor-content.w-e-format-painter-on .w-e-text-container,.editor-content.w-e-format-painter-on [data-slate-editor],.editor-content.w-e-format-painter-on [data-slate-editor] *,html.mdg-format-painter-on .editor-content,html.mdg-format-painter-on .editor-content .w-e-text-container,html.mdg-format-painter-on .editor-content [data-slate-editor],html.mdg-format-painter-on .editor-content [data-slate-editor] *,html.w-e-format-painter-on .editor-content,html.w-e-format-painter-on .editor-content .w-e-text-container,html.w-e-format-painter-on .editor-content [data-slate-editor],html.w-e-format-painter-on .editor-content [data-slate-editor] *{cursor:var(--w-e-format-painter-cursor,var(--mdg-format-painter-cursor,text))!important}.w-e-text-container .w-e-modal:has(.mdgch-edit-link-form),.w-e-text-container .w-e-modal:has(.w-e-link-form){padding:14px 14px 12px}.w-e-text-container .w-e-modal:has(.mdgch-edit-link-form) .btn-close,.w-e-text-container .w-e-modal:has(.w-e-link-form) .btn-close{display:none!important}.mdgch-edit-link-form,.w-e-link-form.mdgch-edit-link-form{box-sizing:border-box;padding:0}.mdgch-edit-link-row{align-items:center;display:flex;gap:8px;margin-bottom:10px}.mdgch-edit-link-label{color:#333;flex:0 0 28px;font-size:14px;line-height:32px;text-align:left}.mdgch-edit-link-input{background:#fff;border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;color:#333;flex:1;font-size:14px;height:32px;min-width:0;padding:4px 10px}.mdgch-edit-link-input:focus{border-color:#2bc292;outline:none}.mdgch-edit-link-visit,.mdgch-edit-link-visit-spacer{background:transparent;border:none;color:#8c8c8c;flex:0 0 28px;font-size:14px;line-height:32px;padding:0;text-align:center;white-space:nowrap;width:28px}.mdgch-edit-link-visit{cursor:pointer}.mdgch-edit-link-visit-spacer{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden}.mdgch-edit-link-visit:hover{color:#2bc292}.mdgch-edit-link-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:2px}.mdgch-edit-link-btn{border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:13px;height:30px;line-height:28px;min-width:60px;padding:0 12px}.mdgch-edit-link-btn-cancel{background:#fff;border:1px solid #d9d9d9;color:#333}.mdgch-edit-link-btn-cancel:hover{border-color:#2bc292;color:#2bc292}.mdgch-edit-link-btn-ok{background:#2bc292;border:1px solid #2bc292;color:#fff}.mdgch-edit-link-btn-ok:hover{background:#1fa87a;border-color:#1fa87a}.w-e-text-container.mdg-link-modal-open .w-e-hover-bar,.w-e-text-container.w-e-link-modal-open .w-e-hover-bar{display:none!important}
|
|
1
|
+
.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px 3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px 3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{--bq-accent:#2bc292;--bq-accent-dark:#1fa87a;--bq-tint:#e6f9f3;--bq-tint-strong:#c9f0e2;--bq-toolbar-h:2.05rem;background:var(--bq-tint);border-left:4px solid var(--bq-accent);border-radius:4px;color:#333;display:block;font-size:100%;line-height:1.5;margin:.5rem 0;overflow:hidden;padding:.75rem 1rem}.w-e-text-container [data-slate-editor] blockquote.mdg-bq-with-toolbar{padding-top:calc(var(--bq-toolbar-h) + .55rem);position:relative}.w-e-text-container .mdg-bq-toolbar{align-items:center;background:linear-gradient(180deg,var(--bq-tint-strong) 0,#d8f5eb 100%);border-bottom:1px solid rgba(43,194,146,.28);box-sizing:border-box;cursor:default;display:flex;gap:.15rem;left:0;margin:0;min-height:var(--bq-toolbar-h);padding:.28rem .55rem .28rem .7rem;position:absolute;right:0;top:0;-moz-user-select:none;user-select:none;-webkit-user-select:none;z-index:1}.w-e-text-container .mdg-bq-toolbar-spacer{flex:1;min-width:.5rem}.w-e-text-container .mdg-bq-toolbar-label{color:var(--bq-accent-dark);flex:none;font-size:12px;font-weight:600;letter-spacing:.02em;padding:0 .35rem 0 .1rem}.w-e-text-container .mdg-bq-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--bq-accent-dark);cursor:pointer;display:inline-flex;flex:none;height:26px;justify-content:center;line-height:0;margin:0;padding:0;width:28px}.w-e-text-container .mdg-bq-btn svg{fill:currentColor;height:14px;width:14px}.w-e-text-container .mdg-bq-btn:hover:not(.is-disabled){background:rgba(43,194,146,.18);color:#178a64}.w-e-text-container .mdg-bq-btn:active:not(.is-disabled){background:rgba(43,194,146,.28)}.w-e-text-container .mdg-bq-btn.is-disabled,.w-e-text-container .mdg-bq-btn:disabled{cursor:not-allowed;opacity:.35}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px 3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;box-sizing:border-box;margin:0;outline:2px solid transparent;outline-offset:2px;padding:10px 0;transition:outline-color .12s ease;width:100%}.w-e-textarea-divider[data-selected=true]{outline-color:#2bc292}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px;margin:0;width:100%}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px 4px;display:block;font-size:15px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] pre>code.w-e-code-word-wrap{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.w-e-text-container [data-slate-editor] pre.mdg-pre-with-toolbar{--pre-surface:#f6f4f0;--pre-toolbar:#eceae6;--pre-line:#d4d0c8;background:var(--pre-surface);border:1px solid var(--pre-line);border-radius:4px;box-sizing:border-box;margin:.5rem 0;overflow:hidden;padding:0;position:relative}.w-e-text-container [data-slate-editor] pre.mdg-pre-with-toolbar>code{background:transparent;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;display:block;margin:0;padding:.65rem .85rem}.w-e-text-container .mdg-pre-toolbar{align-items:center;background:var(--pre-toolbar);border:none;border-bottom:1px solid var(--pre-line);border-radius:0;cursor:default;display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:.25rem .5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-text-container .mdg-pre-toolbar-spacer{flex:1;min-width:.5rem}.w-e-text-container .mdg-pre-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:#595959;cursor:pointer;display:inline-flex;flex:none;height:26px;justify-content:center;line-height:0;margin:0;padding:0;width:28px}.w-e-text-container .mdg-pre-btn svg{fill:currentColor;height:14px;width:14px}.w-e-text-container .mdg-pre-btn:hover:not(.is-disabled){background:rgba(0,0,0,.06);color:#262626}.w-e-text-container .mdg-pre-btn.is-disabled,.w-e-text-container .mdg-pre-btn:disabled{cursor:not-allowed;opacity:.35}.w-e-text-container .mdg-pre-lang-btn{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#333;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;height:26px;padding:0 8px}.w-e-text-container .mdg-pre-lang-btn:hover{border-color:#2bc292;color:#1fa87a}.w-e-text-container .mdg-pre-lang-text{max-width:7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-e-text-container .mdg-pre-lang-caret{font-size:10px;opacity:.55}.w-e-text-container .mdg-pre-wrap-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:#595959;cursor:pointer;display:inline-flex;font-size:12px;gap:6px;height:26px;padding:0 8px}.w-e-text-container .mdg-pre-wrap-btn:hover{background:rgba(0,0,0,.06)}.w-e-text-container .mdg-pre-wrap-switch{background:#d9d9d9;border-radius:8px;height:16px;position:relative;width:28px}.w-e-text-container .mdg-pre-wrap-switch:after{background:#fff;border-radius:50%;content:"";height:12px;left:2px;position:absolute;top:2px;transition:left .15s ease;width:12px}.w-e-text-container .mdg-pre-wrap-btn.is-active{color:#1fa87a}.w-e-text-container .mdg-pre-wrap-btn.is-active .mdg-pre-wrap-switch{background:#2bc292}.w-e-text-container .mdg-pre-wrap-btn.is-active .mdg-pre-wrap-switch:after{left:14px}.mdg-pre-lang-panel{background:#fff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.12);max-height:240px;overflow:auto;padding:4px 0;position:fixed;z-index:10050}.mdg-pre-lang-option{background:transparent;border:none;color:#333;cursor:pointer;display:block;font-size:13px;padding:6px 12px;text-align:left;width:100%}.mdg-pre-lang-option.is-selected,.mdg-pre-lang-option:hover{background:#e6f9f3;color:#1fa87a}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [contenteditable=false] .w-e-image-container:hover,.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.editor-content.mdg-format-painter-on,.editor-content.w-e-format-painter-on,.w-e-text-container.w-e-format-painter-on,html.mdg-format-painter-on,html.w-e-format-painter-on{cursor:var(--w-e-format-painter-cursor,var(--mdg-format-painter-cursor,text))!important}.editor-content.mdg-format-painter-on .w-e-hover-bar,.editor-content.w-e-format-painter-on .w-e-hover-bar,html.mdg-format-painter-on .w-e-hover-bar,html.w-e-format-painter-on .w-e-hover-bar{display:none!important;pointer-events:none!important;visibility:hidden!important}.editor-content.mdg-format-painter-on,.editor-content.mdg-format-painter-on .w-e-text-container,.editor-content.mdg-format-painter-on [data-slate-editor],.editor-content.mdg-format-painter-on [data-slate-editor] *,.editor-content.w-e-format-painter-on,.editor-content.w-e-format-painter-on .w-e-text-container,.editor-content.w-e-format-painter-on [data-slate-editor],.editor-content.w-e-format-painter-on [data-slate-editor] *,html.mdg-format-painter-on .editor-content,html.mdg-format-painter-on .editor-content .w-e-text-container,html.mdg-format-painter-on .editor-content [data-slate-editor],html.mdg-format-painter-on .editor-content [data-slate-editor] *,html.w-e-format-painter-on .editor-content,html.w-e-format-painter-on .editor-content .w-e-text-container,html.w-e-format-painter-on .editor-content [data-slate-editor],html.w-e-format-painter-on .editor-content [data-slate-editor] *{cursor:var(--w-e-format-painter-cursor,var(--mdg-format-painter-cursor,text))!important}.w-e-text-container [data-slate-editor] a{color:#1677ff;text-decoration:underline}.w-e-text-container .w-e-modal:has(.mdgch-edit-link-form),.w-e-text-container .w-e-modal:has(.w-e-link-form){padding:14px 14px 12px}.w-e-text-container .w-e-modal:has(.mdgch-edit-link-form) .btn-close,.w-e-text-container .w-e-modal:has(.w-e-link-form) .btn-close{display:none!important}.mdgch-edit-link-form,.w-e-link-form.mdgch-edit-link-form{box-sizing:border-box;padding:0}.mdgch-edit-link-row{align-items:center;display:flex;gap:8px;margin-bottom:10px}.mdgch-edit-link-label{color:#333;flex:0 0 36px;font-size:14px;line-height:32px;text-align:left;white-space:nowrap}.mdgch-edit-link-input{background:#fff;border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;color:#333;flex:1;font-size:14px;height:32px;min-width:0;padding:4px 10px}.mdgch-edit-link-input:focus{border-color:#1677ff;box-shadow:0 0 0 2px rgba(22,119,255,.15);outline:none}.mdgch-edit-link-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:6px}.w-e-modal .mdgch-edit-link-btn{min-width:64px;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.w-e-modal .mdgch-edit-link-btn-cancel{background:#f5f5f5;border:1px solid #d9d9d9;color:#333}.w-e-modal .mdgch-edit-link-btn-cancel:hover{background:#ebebeb;border-color:#bfbfbf;color:#1677ff}.w-e-modal .mdgch-edit-link-btn-ok{background:#1677ff;border:1px solid #1677ff;color:#fff}.w-e-modal .mdgch-edit-link-btn-ok:hover{background:#0958d9;border-color:#0958d9;box-shadow:0 2px 6px rgba(22,119,255,.35);color:#fff}.w-e-modal .mdgch-edit-link-btn-ok:active{background:#003eb3;border-color:#003eb3;box-shadow:none}.w-e-text-container.mdg-link-modal-open .w-e-hover-bar,.w-e-text-container.w-e-link-modal-open .w-e-hover-bar{display:none!important}
|