suneditor 3.0.0-beta.2 → 3.0.0-beta.20

package/src/assets/suneditor.css

@@ -201,9 +201,13 @@
 /* se-type-document - placeholder position set */
 .sun-editor .se-wrapper.se-type-document .se-placeholder {
 	top: clamp(var(--se-doc-min-padding));
+	left: clamp(var(--se-doc-min-padding));
+	right: clamp(var(--se-doc-min-padding));
+	padding: var(--se-edit-inner-padding-doc-type);
+}
+.sun-editor .se-wrapper.se-type-document.se-type-document-header .se-placeholder {
 	left: var(--se-doc-info-width);
 	right: var(--se-doc-info-width);
-	padding: var(--se-edit-inner-padding-doc-type);
 }
 /** --- se-type-document end ---------------------------------------------------------- */
 
@@ -247,22 +251,19 @@
 	border-width: 1px;
 }
 
-.sun-editor .se-btn.se-btn-info {
-	color: var(--se-active-color);
-}
-
 .sun-editor .se-btn:not(.on):not(.active):enabled:hover,
 .sun-editor .se-btn:not(.on):not(.active):enabled:focus {
-	background-color: var(--se-main-divider-color);
-	border-color: var(--se-main-border-color);
+	color: var(--se-hover-color);
+	background-color: var(--se-hover-light-color);
+	border-color: var(--se-hover-dark-color);
 }
 
 .sun-editor .se-btn:not(.on):not(.active):enabled:active,
 .sun-editor .se-btn:not(.on):not(.active):enabled.__se__active {
-	background-color: var(--se-main-shadow-color);
-	border-color: var(--se-main-shadow-color) !important;
-	outline: 1px solid var(--se-main-outline-color) !important;
-	box-shadow: 0 0 0 0.3rem var(--se-main-shadow-color);
+	background-color: var(--se-hover-light2-color);
+	border-color: var(--se-hover-dark2-color) !important;
+	outline: 1px solid var(--se-hover-dark3-color) !important;
+	box-shadow: 0 0 0 0.3rem var(--se-hover-light2-color);
 	transition: box-shadow 0.1s ease-in-out;
 }
 
@@ -274,7 +275,7 @@
 .sun-editor .se-menu-list li:hover .se-btn-input input:enabled {
 	border-width: 1px;
 	border-style: solid;
-	border-color: var(--se-main-divider-color);
+	border-color: var(--se-hover-dark-color);
 }
 
 /* after, before button - on, active */
@@ -284,7 +285,7 @@
 .sun-editor .se-menu-list li .se-side-btn-before.active:enabled,
 .sun-editor .se-menu-list li .se-btn-input.on input:enabled,
 .sun-editor .se-menu-list li .se-btn-input.active input:enabled {
-	border-color: var(--se-active-dark-color);
+	border-color: var(--se-active-dark3-color);
 }
 
 /* after, before button : hover - on, active - border */
@@ -324,7 +325,7 @@
 .sun-editor .se-btn:enabled.on:hover,
 .sun-editor .se-btn:enabled.on:focus {
 	background-color: var(--se-active-light3-color);
-	color: var(--se-active-dark2-color);
+	color: var(--se-active-hover-color);
 	border-color: var(--se-active-light5-color);
 }
 
@@ -349,18 +350,19 @@
 .sun-editor .se-btn:enabled.active:hover,
 .sun-editor .se-btn:enabled.active:focus {
 	background-color: var(--se-active-light5-color);
-	color: var(--se-active-dark5-color);
+	color: var(--se-active-hover-color);
 	border-color: var(--se-active-dark4-color);
 }
 
 .sun-editor .se-btn:enabled.active:active,
 .sun-editor .se-btn:enabled.active.__se__active {
 	background-color: var(--se-active-light5-color);
-	color: var(--se-active-dark5-color);
+	color: var(--se-active-hover-color);
 	border-color: var(--se-active-dark5-color) !important;
 	outline: 1px solid var(--se-active-dark5-color) !important;
 	box-shadow: 0 0 0 0.3rem var(--se-active-light5-color);
 	transition: box-shadow 0.1s ease-in-out;
+	z-index: 1;
 }
 
 /** --- primary button */
@@ -755,7 +757,7 @@
 	top: -12px;
 	content: ' ';
 	border-bottom-width: 0;
-	border-top-color: var(--se-main-background-color);
+	border-top-color: var(--se-controller-background-color);
 }
 
 /** --- container */
@@ -773,9 +775,7 @@
 	height: 100%;
 	top: 0;
 	left: 0;
-	background-color: rgba(0, 0, 0, 0.35);
-	opacity: 0.7;
-	filter: alpha(opacity=70);
+	background-color: transparent;
 	z-index: 2147483647;
 }
 
@@ -811,7 +811,7 @@
 	opacity: 0.95;
 	border-radius: var(--se-border-radius);
 	cursor: pointer;
-	z-index: 2147483647;
+	z-index: 2147483646;
 	transition: opacity 0.3s ease, color 0.3s ease, background-color 0.3s ease;
 }
 .sun-editor .se-line-breaker-component.se-on-selected {
@@ -868,7 +868,7 @@
 .sun-editor .se-toolbar.se-toolbar-balloon {
 	display: none;
 	position: absolute;
-	z-index: 2147483647;
+	z-index: 2147483646;
 	width: auto;
 	box-shadow: 0 3px 9px var(--se-shadow-layer-color);
 	-webkit-box-shadow: 0 3px 9px var(--se-shadow-layer-color);
@@ -1057,7 +1057,7 @@
 	left: 0px;
 	width: 100%;
 	height: 0px;
-	z-index: 2147483647;
+	z-index: 2147483646;
 }
 
 /** --- dropdown layer ---------------------------------------------------------- */
@@ -1271,8 +1271,13 @@
 	border-radius: var(--se-border-radius);
 }
 
+.sun-editor-editable[contenteditable='true'],
+.sun-editor-editable[contenteditable='true'] * {
+	scroll-margin: var(--se-edit-scroll-margin);
+}
+
 .sun-editor-editable[contenteditable='true'].se-copy-format-cursor {
-	cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjQgMTYiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMCUsMCUsMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSA0LjMzMjAzMSAxMi42Njc5NjkgQyA0LjMzMjAzMSAxMy4wMzUxNTYgNC40ODQzNzUgMTMuMzMyMDMxIDQuNjY3OTY5IDEzLjMzMjAzMSBMIDUuMzMyMDMxIDEzLjMzMjAzMSBMIDUuMzMyMDMxIDE0LjY2Nzk2OSBMIDQuNSAxNC42Njc5NjkgQyA0LjMxNjQwNiAxNC42Njc5NjkgNCAxNC4zNjcxODggNCAxNCBDIDQgMTQuMzY3MTg4IDMuNjgzNTk0IDE0LjY2Nzk2OSAzLjUgMTQuNjY3OTY5IEwgMi42Njc5NjkgMTQuNjY3OTY5IEwgMi42Njc5NjkgMTMuMzMyMDMxIEwgMy4zMzIwMzEgMTMuMzMyMDMxIEMgMy41MTU2MjUgMTMuMzMyMDMxIDMuNjY3OTY5IDEzLjAzNTE1NiAzLjY2Nzk2OSAxMi42Njc5NjkgTCAzLjY2Nzk2OSAzLjMzMjAzMSBDIDMuNjY3OTY5IDIuOTY0ODQ0IDMuNTE1NjI1IDIuNjY3OTY5IDMuMzMyMDMxIDIuNjY3OTY5IEwgMi42Njc5NjkgMi42Njc5NjkgTCAyLjY2Nzk2OSAxLjMzMjAzMSBMIDMuNSAxLjMzMjAzMSBDIDMuNjgzNTk0IDEuMzMyMDMxIDQgMS42MzI4MTIgNCAyIEMgNCAxLjYzMjgxMiA0LjMxNjQwNiAxLjMzMjAzMSA0LjUgMS4zMzIwMzEgTCA1LjMzMjAzMSAxLjMzMjAzMSBMIDUuMzMyMDMxIDIuNjY3OTY5IEwgNC42Njc5NjkgMi42Njc5NjkgQyA0LjQ4NDM3NSAyLjY2Nzk2OSA0LjMzMjAzMSAyLjk2NDg0NCA0LjMzMjAzMSAzLjMzMjAzMSBaIE0gNC4zMzIwMzEgMTIuNjY3OTY5ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6cmdiKDAlLDAlLDAlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gMjAgMi42Njc5NjkgTCAyMCAyIEMgMjAgMS42MzI4MTIgMTkuNzAzMTI1IDEuMzMyMDMxIDE5LjMzMjAzMSAxLjMzMjAzMSBMIDExLjMzMjAzMSAxLjMzMjAzMSBDIDEwLjk2NDg0NCAxLjMzMjAzMSAxMC42Njc5NjkgMS42MzI4MTIgMTAuNjY3OTY5IDIgTCAxMC42Njc5NjkgNC42Njc5NjkgQyAxMC42Njc5NjkgNS4wMzUxNTYgMTAuOTY0ODQ0IDUuMzMyMDMxIDExLjMzMjAzMSA1LjMzMjAzMSBMIDE5LjMzMjAzMSA1LjMzMjAzMSBDIDE5LjcwMzEyNSA1LjMzMjAzMSAyMCA1LjAzNTE1NiAyMCA0LjY2Nzk2OSBMIDIwIDQgTCAyMC42Njc5NjkgNCBMIDIwLjY2Nzk2OSA2LjY2Nzk2OSBMIDE0IDYuNjY3OTY5IEwgMTQgMTQgQyAxNCAxNC4zNjcxODggMTQuMjk2ODc1IDE0LjY2Nzk2OSAxNC42Njc5NjkgMTQuNjY3OTY5IEwgMTYgMTQuNjY3OTY5IEMgMTYuMzY3MTg4IDE0LjY2Nzk2OSAxNi42Njc5NjkgMTQuMzY3MTg4IDE2LjY2Nzk2OSAxNCBMIDE2LjY2Nzk2OSA4IEwgMjIgOCBMIDIyIDIuNjY3OTY5IFogTSAyMCAyLjY2Nzk2OSAiLz4KPC9nPgo8L3N2Zz4K')
+	cursor: url('data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIxNiIKICB2aWV3Qm94PSIwIDAgMjQgMTYiCj4KICA8ZGVmcz4KICAgIDxmaWx0ZXIgaWQ9IndoaXRlLW91dGxpbmUiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgIDxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9ImRpbGF0ZWQiIG9wZXJhdG9yPSJkaWxhdGUiIHJhZGl1cz0iMSIvPgogICAgICA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0id2hpdGUiIHJlc3VsdD0id2hpdGUiLz4KICAgICAgPGZlQ29tcG9zaXRlIGluPSJ3aGl0ZSIgaW4yPSJkaWxhdGVkIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0ib3V0bGluZSIvPgogICAgICA8ZmVNZXJnZT4KICAgICAgICA8ZmVNZXJnZU5vZGUgaW49Im91dGxpbmUiLz4KICAgICAgICA8ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiLz4KICAgICAgPC9mZU1lcmdlPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgogIDxnIGZpbHRlcj0idXJsKCN3aGl0ZS1vdXRsaW5lKSI+CiAgICA8cGF0aAogICAgICBkPSJNNC4zMzIgMTIuNjY4CiAgICAgICAgIEM0LjMzMiAxMy4wMzUgNC40ODQgMTMuMzMyIDQuNjY4IDEzLjMzMgogICAgICAgICBMNS4zMzIgMTMuMzMyCiAgICAgICAgIEw1LjMzMiAxNC42NjgKICAgICAgICAgTDQuNSAxNC42NjgKICAgICAgICAgQzQuMzE2IDE0LjY2OCA0IDE0LjM2NyA0IDE0CiAgICAgICAgIEM0IDE0LjM2NyAzLjY4NCAxNC42NjggMy41IDE0LjY2OAogICAgICAgICBMMi42NjggMTQuNjY4CiAgICAgICAgIEwyLjY2OCAxMy4zMzIKICAgICAgICAgTDMuMzMyIDEzLjMzMgogICAgICAgICBDMy41MTYgMTMuMzMyIDMuNjY4IDEzLjAzNSAzLjY2OCAxMi42NjgKICAgICAgICAgTDMuNjY4IDMuMzMyCiAgICAgICAgIEMzLjY2OCAyLjk2NSAzLjUxNiAyLjY2OCAzLjMzMiAyLjY2OAogICAgICAgICBMMi42NjggMi42NjgKICAgICAgICAgTDIuNjY4IDEuMzMyCiAgICAgICAgIEwzLjUgMS4zMzIKICAgICAgICAgQzMuNjg0IDEuMzMyIDQgMS42MzMgNCAyCiAgICAgICAgIEM0IDEuNjMzIDQuMzE2IDEuMzMyIDQuNSAxLjMzMgogICAgICAgICBMNS4zMzIgMS4zMzIKICAgICAgICAgTDUuMzMyIDIuNjY4CiAgICAgICAgIEw0LjY2OCAyLjY2OAogICAgICAgICBDNC40ODQgMi42NjggNC4zMzIgMi45NjUgNC4zMzIgMy4zMzIKICAgICAgICAgWiIKICAgICAgZmlsbD0iYmxhY2siCiAgICAvPgogICAgPHBhdGgKICAgICAgZD0iTTIwIDIuNjY4CiAgICAgICAgIEwyMCAyCiAgICAgICAgIEMyMCAxLjYzMyAxOS43MDMgMS4zMzIgMTkuMzMyIDEuMzMyCiAgICAgICAgIEwxMS4zMzIgMS4zMzIKICAgICAgICAgQzEwLjk2NSAxLjMzMiAxMC42NjggMS42MzMgMTAuNjY4IDIKICAgICAgICAgTDEwLjY2OCA0LjY2OAogICAgICAgICBDMTAuNjY4IDUuMDM1IDEwLjk2NSA1LjMzMiAxMS4zMzIgNS4zMzIKICAgICAgICAgTDE5LjMzMiA1LjMzMgogICAgICAgICBDMTkuNzAzIDUuMzMyIDIwIDUuMDM1IDIwIDQuNjY4CiAgICAgICAgIEwyMCA0CiAgICAgICAgIEwyMC42NjggNAogICAgICAgICBMMjAuNjY4IDYuNjY4CiAgICAgICAgIEwxNCA2LjY2OAogICAgICAgICBMMTQgMTQKICAgICAgICAgQzE0IDE0LjM2NyAxNC4yOTcgMTQuNjY4IDE0LjY2OCAxNC42NjgKICAgICAgICAgTDE2IDE0LjY2OAogICAgICAgICBDMTYuMzY3IDE0LjY2OCAxNi42NjggMTQuMzY3IDE2LjY2OCAxNAogICAgICAgICBMMTYuNjY4IDgKICAgICAgICAgTDIyIDgKICAgICAgICAgTDIyIDIuNjY4CiAgICAgICAgIFoiCiAgICAgIGZpbGw9ImJsYWNrIgogICAgLz4KICA8L2c+Cjwvc3ZnPgo=')
 			0 8,
 		text;
 }
@@ -1306,9 +1311,9 @@
 .sun-editor .se-table-resize-line {
 	position: absolute;
 	top: 0;
-	width: 4px;
+	width: 6px;
 	height: 100%;
-	margin-left: -2px;
+	margin-left: -3px;
 	background-color: var(--se-active-dark-color);
 	opacity: 0.4;
 	pointer-events: none;
@@ -1320,7 +1325,7 @@
 	position: absolute;
 	left: 0;
 	width: 100%;
-	height: 5px;
+	height: 6px;
 	margin-top: -3px;
 	background-color: var(--se-active-dark-color);
 	opacity: 0.4;
@@ -1649,6 +1654,9 @@
 .sun-editor .se-wrapper .se-code-wrapper {
 	width: 100%;
 }
+.sun-editor .se-wrapper .se-code-wrapper > div {
+	width: 100%;
+}
 .sun-editor .se-wrapper .se-code-wrapper .se-code-view-line {
 	background-color: var(--se-code-view-color);
 	color: var(--se-code-view-background-color);
@@ -1783,7 +1791,7 @@
 	left: 0;
 	width: 100%;
 	height: 100%;
-	z-index: 2147483647;
+	z-index: 2147483646;
 }
 .sun-editor .se-modal-area.se-backdrop-show {
 	display: block;
@@ -2774,7 +2782,7 @@
 	min-width: auto;
 	top: 0px;
 	left: 0px;
-	z-index: 2147483647;
+	z-index: 2147483646;
 	display: none;
 	width: -webkit-max-content;
 	width: -moz-max-content;
@@ -2845,7 +2853,7 @@
 	background-color: var(--se-active-light4-color);
 	border-color: var(--se-active-light4-color) !important;
 	outline: 1px solid var(--se-active-color) !important;
-	box-shadow: inset 2px 2px 5px var(--se-active-light6-color), inset -2px -2px 5px var(--se-active-light-color);
+	box-shadow: none;
 	transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
 }
 
@@ -2866,7 +2874,7 @@
 	left: 0;
 	width: 100%;
 	height: 100%;
-	z-index: 2147483647;
+	z-index: 2147483646;
 }
 
 .sun-editor .se-browser label,
@@ -3313,7 +3321,7 @@
 	left: 0;
 	width: 100%;
 	height: 100%;
-	z-index: 2147483647;
+	z-index: 2147483646;
 	pointer-events: none;
 }
 
@@ -3806,7 +3814,7 @@
 }
 
 .sun-editor-editable.se-rtl[contenteditable='true'].se-copy-format-cursor {
-	cursor: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjQgMTYiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMCUsMCUsMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAxMiAyLjY2Nzk2OSBMIDEyIDIgQyAxMiAxLjYzMjgxMiAxMS43MDMxMjUgMS4zMzIwMzEgMTEuMzMyMDMxIDEuMzMyMDMxIEwgMy4zMzIwMzEgMS4zMzIwMzEgQyAyLjk2NDg0NCAxLjMzMjAzMSAyLjY2Nzk2OSAxLjYzMjgxMiAyLjY2Nzk2OSAyIEwgMi42Njc5NjkgNC42Njc5NjkgQyAyLjY2Nzk2OSA1LjAzNTE1NiAyLjk2NDg0NCA1LjMzMjAzMSAzLjMzMjAzMSA1LjMzMjAzMSBMIDExLjMzMjAzMSA1LjMzMjAzMSBDIDExLjcwMzEyNSA1LjMzMjAzMSAxMiA1LjAzNTE1NiAxMiA0LjY2Nzk2OSBMIDEyIDQgTCAxMi42Njc5NjkgNCBMIDEyLjY2Nzk2OSA2LjY2Nzk2OSBMIDYgNi42Njc5NjkgTCA2IDE0IEMgNiAxNC4zNjcxODggNi4yOTY4NzUgMTQuNjY3OTY5IDYuNjY3OTY5IDE0LjY2Nzk2OSBMIDggMTQuNjY3OTY5IEMgOC4zNjcxODggMTQuNjY3OTY5IDguNjY3OTY5IDE0LjM2NzE4OCA4LjY2Nzk2OSAxNCBMIDguNjY3OTY5IDggTCAxNCA4IEwgMTQgMi42Njc5NjkgWiBNIDEyIDIuNjY3OTY5ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6cmdiKDAlLDAlLDAlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gMjAuMzMyMDMxIDEyLjY2Nzk2OSBDIDIwLjMzMjAzMSAxMy4wMzUxNTYgMjAuNDg0Mzc1IDEzLjMzMjAzMSAyMC42Njc5NjkgMTMuMzMyMDMxIEwgMjEuMzMyMDMxIDEzLjMzMjAzMSBMIDIxLjMzMjAzMSAxNC42Njc5NjkgTCAyMC41IDE0LjY2Nzk2OSBDIDIwLjMxNjQwNiAxNC42Njc5NjkgMjAgMTQuMzY3MTg4IDIwIDE0IEMgMjAgMTQuMzY3MTg4IDE5LjY4MzU5NCAxNC42Njc5NjkgMTkuNSAxNC42Njc5NjkgTCAxOC42Njc5NjkgMTQuNjY3OTY5IEwgMTguNjY3OTY5IDEzLjMzMjAzMSBMIDE5LjMzMjAzMSAxMy4zMzIwMzEgQyAxOS41MTU2MjUgMTMuMzMyMDMxIDE5LjY2Nzk2OSAxMy4wMzUxNTYgMTkuNjY3OTY5IDEyLjY2Nzk2OSBMIDE5LjY2Nzk2OSAzLjMzMjAzMSBDIDE5LjY2Nzk2OSAyLjk2NDg0NCAxOS41MTU2MjUgMi42Njc5NjkgMTkuMzMyMDMxIDIuNjY3OTY5IEwgMTguNjY3OTY5IDIuNjY3OTY5IEwgMTguNjY3OTY5IDEuMzMyMDMxIEwgMTkuNSAxLjMzMjAzMSBDIDE5LjY4MzU5NCAxLjMzMjAzMSAyMCAxLjYzMjgxMiAyMCAyIEMgMjAgMS42MzI4MTIgMjAuMzE2NDA2IDEuMzMyMDMxIDIwLjUgMS4zMzIwMzEgTCAyMS4zMzIwMzEgMS4zMzIwMzEgTCAyMS4zMzIwMzEgMi42Njc5NjkgTCAyMC42Njc5NjkgMi42Njc5NjkgQyAyMC40ODQzNzUgMi42Njc5NjkgMjAuMzMyMDMxIDIuOTY0ODQ0IDIwLjMzMjAzMSAzLjMzMjAzMSBaIE0gMjAuMzMyMDMxIDEyLjY2Nzk2OSAiLz4KPC9nPgo8L3N2Zz4K')
+	cursor: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDE2Ij4KICA8ZGVmcz4KICAgIDxmaWx0ZXIgaWQ9IndoaXRlLW91dGxpbmUiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgIDxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9ImRpbGF0ZWQiIG9wZXJhdG9yPSJkaWxhdGUiIHJhZGl1cz0iMSIvPgogICAgICA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0id2hpdGUiIHJlc3VsdD0id2hpdGUiLz4KICAgICAgPGZlQ29tcG9zaXRlIGluPSJ3aGl0ZSIgaW4yPSJkaWxhdGVkIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0ib3V0bGluZSIvPgogICAgICA8ZmVNZXJnZT4KICAgICAgICA8ZmVNZXJnZU5vZGUgaW49Im91dGxpbmUiLz4KICAgICAgICA8ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiLz4KICAgICAgPC9mZU1lcmdlPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgogIDxnIGZpbHRlcj0idXJsKCN3aGl0ZS1vdXRsaW5lKSIgdHJhbnNmb3JtPSJzY2FsZSgtMSwxKSB0cmFuc2xhdGUoLTI0LDApIj4KICAgIDxwYXRoCiAgICAgIGQ9Ik00LjMzMiAxMi42NjgKICAgICAgICAgQzQuMzMyIDEzLjAzNSA0LjQ4NCAxMy4zMzIgNC42NjggMTMuMzMyCiAgICAgICAgIEw1LjMzMiAxMy4zMzIKICAgICAgICAgTDUuMzMyIDE0LjY2OAogICAgICAgICBMNC41IDE0LjY2OAogICAgICAgICBDNC4zMTYgMTQuNjY4IDQgMTQuMzY3IDQgMTQKICAgICAgICAgQzQgMTQuMzY3IDMuNjg0IDE0LjY2OCAzLjUgMTQuNjY4CiAgICAgICAgIEwyLjY2OCAxNC42NjgKICAgICAgICAgTDIuNjY4IDEzLjMzMgogICAgICAgICBMMy4zMzIgMTMuMzMyCiAgICAgICAgIEMzLjUxNiAxMy4zMzIgMy42NjggMTMuMDM1IDMuNjY4IDEyLjY2OAogICAgICAgICBMMy42NjggMy4zMzIKICAgICAgICAgQzMuNjY4IDIuOTY1IDMuNTE2IDIuNjY4IDMuMzMyIDIuNjY4CiAgICAgICAgIEwyLjY2OCAyLjY2OAogICAgICAgICBMMi42NjggMS4zMzIKICAgICAgICAgTDMuNSAxLjMzMgogICAgICAgICBDMy42ODQgMS4zMzIgNCAxLjYzMyA0IDIKICAgICAgICAgQzQgMS42MzMgNC4zMTYgMS4zMzIgNC41IDEuMzMyCiAgICAgICAgIEw1LjMzMiAxLjMzMgogICAgICAgICBMNS4zMzIgMi42NjgKICAgICAgICAgTDQuNjY4IDIuNjY4CiAgICAgICAgIEM0LjQ4NCAyLjY2OCA0LjMzMiAyLjk2NSA0LjMzMiAzLjMzMgogICAgICAgICBaIgogICAgICBmaWxsPSJibGFjayIKICAgIC8+CiAgICA8cGF0aAogICAgICBkPSJNMjAgMi42NjgKICAgICAgICAgTDIwIDIKICAgICAgICAgQzIwIDEuNjMzIDE5LjcwMyAxLjMzMiAxOS4zMzIgMS4zMzIKICAgICAgICAgTDExLjMzMiAxLjMzMgogICAgICAgICBDMTAuOTY1IDEuMzMyIDEwLjY2OCAxLjYzMyAxMC42NjggMgogICAgICAgICBMMTAuNjY4IDQuNjY4CiAgICAgICAgIEMxMC42NjggNS4wMzUgMTAuOTY1IDUuMzMyIDExLjMzMiA1LjMzMgogICAgICAgICBMMTkuMzMyIDUuMzMyCiAgICAgICAgIEMxOS43MDMgNS4zMzIgMjAgNS4wMzUgMjAgNC42NjgKICAgICAgICAgTDIwIDQKICAgICAgICAgTDIwLjY2OCA0CiAgICAgICAgIEwyMC42NjggNi42NjgKICAgICAgICAgTDE0IDYuNjY4CiAgICAgICAgIEwxNCAxNAogICAgICAgICBDMTQgMTQuMzY3IDE0LjI5NyAxNC42NjggMTQuNjY4IDE0LjY2OAogICAgICAgICBMMTYgMTQuNjY4CiAgICAgICAgIEMxNi4zNjcgMTQuNjY4IDE2LjY2OCAxNC4zNjcgMTYuNjY4IDE0CiAgICAgICAgIEwxNi42NjggOAogICAgICAgICBMMjIgOAogICAgICAgICBMMjIgMi42NjgKICAgICAgICAgWiIKICAgICAgZmlsbD0iYmxhY2siCiAgICAvPgogIDwvZz4KPC9zdmc+Cg==')
 			24 0,
 		text;
 }
@@ -4031,7 +4039,7 @@
 	pointer-events: none;
 	width: 2px;
 	background-color: var(--se-active-dark5-color);
-	z-index: 2147483647;
+	z-index: 2147483646;
 }
 .sun-editor.sun-editor-carrier-wrapper .se-drag-cursor::before {
 	content: '';
@@ -4070,7 +4078,7 @@
 	clear: both;
 	width: 100%;
 	height: 24px;
-	margin: -12px 0 0 0;
+	margin: 0;
 	padding: 0;
 	z-index: 1;
 }

package/src/core/base/eventHandlers/handler_toolbar.js

@@ -1,135 +1,135 @@
-import { dom, env } from '../../../helper';
-
-const { isMobile } = env;
-
-/**
- * @typedef {Omit<import('../eventManager').default & Partial<__se__EditorInjector>, 'eventManager'>} EventManagerThis_handler_toolbar
- */
-
-/**
- * @private
- * @this {EventManagerThis_handler_toolbar}
- * @param {MouseEvent} e - Event object
- */
-export function ButtonsHandler(e) {
-	const eventTarget = dom.query.getEventTarget(e);
-	let target = eventTarget;
-
-	if (this.editor.isSubBalloon && !this.context.get('toolbar.sub.main')?.contains(target)) {
-		this._hideToolbar_sub();
-	}
-
-	const isInput = dom.check.isInputElement(target);
-
-	if (isInput) {
-		this.editor._preventBlur = false;
-	} else if (!this.editor.frameContext.get('wysiwyg').contains(this.selection.getNode())) {
-		this.editor.focus();
-	}
-
-	if (dom.query.getParentElement(target, '.se-dropdown')) {
-		e.stopPropagation();
-		this.editor._notHideToolbar = true;
-	} else {
-		let command = target.getAttribute('data-command');
-		let className = target.className;
-
-		while (target && !command && !/(se-menu-list|sun-editor-common|se-menu-tray)/.test(className)) {
-			target = target.parentElement;
-			command = target.getAttribute('data-command');
-			className = target.className;
-		}
-
-		// toolbar input button
-		if (isInput && /^INPUT$/i.test(target?.getAttribute('data-type'))) {
-			this.editor._preventBlur = this._inputFocus = true;
-			if (!this.status.hasFocus) this.applyTagEffect();
-			/* event */
-			if (!dom.check.isInputElement(eventTarget) || eventTarget.disabled) return;
-
-			const plugin = this.plugins[command];
-			if (!plugin) return;
-
-			if (this.__inputBlurEvent) this.__removeInput();
-
-			// blur event
-			if (typeof plugin.onInputChange === 'function') this.__inputPlugin = { obj: plugin, target: eventTarget, value: eventTarget.value };
-			this.__inputBlurEvent = this.addEvent(eventTarget, 'blur', (ev) => {
-				if (plugin.isInputActive) return;
-
-				try {
-					const value = eventTarget.value.trim();
-					if (typeof plugin.onInputChange === 'function' && value !== this.__inputPlugin.value) plugin.onInputChange({ target: eventTarget, value, event: ev });
-				} finally {
-					this._w.setTimeout(() => (this._inputFocus = false), 0);
-					this.__removeInput();
-				}
-			});
-
-			if (!plugin) return;
-
-			// keydown event
-			if (typeof plugin.onInputKeyDown === 'function') {
-				this.__inputKeyEvent = this.addEvent(eventTarget, 'keydown', (event) => {
-					plugin.onInputKeyDown({ target: eventTarget, event });
-				});
-			}
-		} else if (this.__inputBlurEvent && this.__inputPlugin) {
-			const value = this.__inputPlugin.target.value.trim();
-			if (value !== this.__inputPlugin.value) {
-				this.__inputPlugin.obj.onInputChange({ target: this.__inputPlugin.target, value, event: e });
-			}
-
-			this.__removeInput();
-			return;
-		} else if (!this.editor.frameContext.get('isCodeView')) {
-			if (isMobile) {
-				this.editor._preventBlur = true;
-			} else {
-				e.preventDefault();
-				if (env.isGecko && command) {
-					this._injectActiveEvent(target);
-				}
-			}
-		}
-
-		if (command === this.menu.currentDropdownName || command === this.menu.currentContainerName) {
-			e.stopPropagation();
-		}
-	}
-}
-
-/**
- * @private
- * @this {EventManagerThis_handler_toolbar}
- * @param {MouseEvent} e - Event object
- */
-export function OnClick_menuTray(e) {
-	const eventTarget = dom.query.getEventTarget(e);
-	const target = dom.query.getCommandTarget(eventTarget);
-	if (!target) return;
-
-	let t = target;
-	let k = '';
-	while (t && !/se-menu-tray/.test(t.className) && !k) {
-		t = t.parentElement;
-		k = t.getAttribute('data-key');
-	}
-	if (!k) return;
-
-	const plugin = this.plugins[k];
-	if (!plugin || typeof plugin.action !== 'function') return;
-
-	e.stopPropagation();
-	plugin.action(target);
-}
-
-/**
- * @private
- * @this {EventManagerThis_handler_toolbar}
- * @param {MouseEvent} e - Event object
- */
-export function OnClick_toolbar(e) {
-	const eventTarget = dom.query.getEventTarget(e);
-	this.editor.runFromTarget(eventTarget);
-}
+import { dom, env } from '../../../helper';
+
+const { isMobile } = env;
+
+/**
+ * @typedef {Omit<import('../eventManager').default & Partial<__se__EditorInjector>, 'eventManager'>} EventManagerThis_handler_toolbar
+ */
+
+/**
+ * @private
+ * @this {EventManagerThis_handler_toolbar}
+ * @param {MouseEvent} e - Event object
+ */
+export function ButtonsHandler(e) {
+	const eventTarget = dom.query.getEventTarget(e);
+	let target = eventTarget;
+
+	if (this.editor.isSubBalloon && !this.context.get('toolbar.sub.main')?.contains(target)) {
+		this._hideToolbar_sub();
+	}
+
+	const isInput = dom.check.isInputElement(target);
+
+	if (isInput) {
+		this.editor._preventBlur = false;
+	} else if (!this.editor.frameContext.get('wysiwyg').contains(this.selection.getNode())) {
+		this.editor.focus();
+	}
+
+	if (dom.query.getParentElement(target, '.se-dropdown')) {
+		e.stopPropagation();
+		this.editor._notHideToolbar = true;
+	} else {
+		let command = target.getAttribute('data-command');
+		let className = target.className;
+
+		while (target && !command && !/(se-menu-list|sun-editor-common|se-menu-tray)/.test(className)) {
+			target = target.parentElement;
+			command = target.getAttribute('data-command');
+			className = target.className;
+		}
+
+		// toolbar input button
+		if (isInput && /^INPUT$/i.test(target?.getAttribute('data-type'))) {
+			this.editor._preventBlur = this._inputFocus = true;
+			if (!this.status.hasFocus) this.applyTagEffect();
+			/* event */
+			if (!dom.check.isInputElement(eventTarget) || eventTarget.disabled) return;
+
+			const plugin = this.plugins[command];
+			if (!plugin) return;
+
+			if (this.__inputBlurEvent) this.__removeInput();
+
+			// blur event
+			if (typeof plugin.onInputChange === 'function') this.__inputPlugin = { obj: plugin, target: eventTarget, value: eventTarget.value };
+			this.__inputBlurEvent = this.addEvent(eventTarget, 'blur', (ev) => {
+				if (plugin.isInputActive) return;
+
+				try {
+					const value = eventTarget.value.trim();
+					if (typeof plugin.onInputChange === 'function' && value !== this.__inputPlugin.value) plugin.onInputChange({ target: eventTarget, value, event: ev });
+				} finally {
+					this._w.setTimeout(() => (this._inputFocus = false), 0);
+					this.__removeInput();
+				}
+			});
+
+			if (!plugin) return;
+
+			// keydown event
+			if (typeof plugin.onInputKeyDown === 'function') {
+				this.__inputKeyEvent = this.addEvent(eventTarget, 'keydown', (event) => {
+					plugin.onInputKeyDown({ target: eventTarget, event });
+				});
+			}
+		} else if (this.__inputBlurEvent && this.__inputPlugin) {
+			const value = this.__inputPlugin.target.value.trim();
+			if (value !== this.__inputPlugin.value) {
+				this.__inputPlugin.obj.onInputChange({ target: this.__inputPlugin.target, value, event: e });
+			}
+
+			this.__removeInput();
+			return;
+		} else if (!this.editor.frameContext.get('isCodeView')) {
+			if (isMobile) {
+				this.editor._preventBlur = true;
+			} else {
+				e.preventDefault();
+				if (env.isGecko && command) {
+					this._injectActiveEvent(target);
+				}
+			}
+		}
+
+		if (command === this.menu.currentDropdownName || command === this.menu.currentContainerName) {
+			e.stopPropagation();
+		}
+	}
+}
+
+/**
+ * @private
+ * @this {EventManagerThis_handler_toolbar}
+ * @param {MouseEvent} e - Event object
+ */
+export function OnClick_menuTray(e) {
+	const eventTarget = dom.query.getEventTarget(e);
+	const target = dom.query.getCommandTarget(eventTarget);
+	if (!target) return;
+
+	let t = target;
+	let k = '';
+	while (t && !/se-menu-tray/.test(t.className) && !k) {
+		t = t.parentElement;
+		k = t.getAttribute('data-key');
+	}
+	if (!k) return;
+
+	const plugin = this.plugins[k];
+	if (!plugin || typeof plugin.action !== 'function') return;
+
+	e.stopPropagation();
+	plugin.action(target);
+}
+
+/**
+ * @private
+ * @this {EventManagerThis_handler_toolbar}
+ * @param {MouseEvent} e - Event object
+ */
+export function OnClick_toolbar(e) {
+	const eventTarget = dom.query.getEventTarget(e);
+	this.editor.runFromTarget(eventTarget);
+}

package/src/core/base/eventHandlers/handler_ww_clipboard.js

@@ -1,56 +1,56 @@
-/**
- * @typedef {Omit<import('../eventManager').default & Partial<__se__EditorInjector>, 'eventManager'>} EventManagerThis_handler_ww_clipboard
- */
-
-/**
- * @private
- * @this {EventManagerThis_handler_ww_clipboard}
- * @param {ClipboardEvent} e - Event object
- */
-export function OnPaste_wysiwyg(frameContext, e) {
-	const clipboardData = e.clipboardData;
-	if (!clipboardData) return true;
-	return this._dataTransferAction('paste', e, clipboardData, frameContext);
-}
-
-/**
- * @private
- * @this {EventManagerThis_handler_ww_clipboard}
- * @param {ClipboardEvent} e - Event object
- */
-export async function OnCopy_wysiwyg(frameContext, e) {
-	const clipboardData = e.clipboardData;
-
-	// user event
-	if ((await this.triggerEvent('onCopy', { frameContext, event: e, clipboardData })) === false) {
-		e.preventDefault();
-		e.stopPropagation();
-		return false;
-	}
-
-	const fcSelection = frameContext.get('_ww').getSelection();
-	this.__secopy = fcSelection.toString();
-}
-
-/**
- * @private
- * @this {EventManagerThis_handler_ww_clipboard}
- * @param {ClipboardEvent} e - Event object
- */
-export async function OnCut_wysiwyg(frameContext, e) {
-	const clipboardData = e.clipboardData;
-
-	// user event
-	if ((await this.triggerEvent('onCut', { frameContext, event: e, clipboardData })) === false) {
-		e.preventDefault();
-		e.stopPropagation();
-		return false;
-	}
-
-	const fcSelection = frameContext.get('_ww').getSelection();
-	this.__secopy = fcSelection.toString();
-
-	this._w.setTimeout(() => {
-		this.history.push(false);
-	}, 0);
-}
+/**
+ * @typedef {Omit<import('../eventManager').default & Partial<__se__EditorInjector>, 'eventManager'>} EventManagerThis_handler_ww_clipboard
+ */
+
+/**
+ * @private
+ * @this {EventManagerThis_handler_ww_clipboard}
+ * @param {ClipboardEvent} e - Event object
+ */
+export function OnPaste_wysiwyg(frameContext, e) {
+	const clipboardData = e.clipboardData;
+	if (!clipboardData) return true;
+	return this._dataTransferAction('paste', e, clipboardData, frameContext);
+}
+
+/**
+ * @private
+ * @this {EventManagerThis_handler_ww_clipboard}
+ * @param {ClipboardEvent} e - Event object
+ */
+export async function OnCopy_wysiwyg(frameContext, e) {
+	const clipboardData = e.clipboardData;
+
+	// user event
+	if ((await this.triggerEvent('onCopy', { frameContext, event: e, clipboardData })) === false) {
+		e.preventDefault();
+		e.stopPropagation();
+		return false;
+	}
+
+	const fcSelection = frameContext.get('_ww').getSelection();
+	this.__secopy = fcSelection.toString();
+}
+
+/**
+ * @private
+ * @this {EventManagerThis_handler_ww_clipboard}
+ * @param {ClipboardEvent} e - Event object
+ */
+export async function OnCut_wysiwyg(frameContext, e) {
+	const clipboardData = e.clipboardData;
+
+	// user event
+	if ((await this.triggerEvent('onCut', { frameContext, event: e, clipboardData })) === false) {
+		e.preventDefault();
+		e.stopPropagation();
+		return false;
+	}
+
+	const fcSelection = frameContext.get('_ww').getSelection();
+	this.__secopy = fcSelection.toString();
+
+	this._w.setTimeout(() => {
+		this.history.push(false);
+	}, 0);
+}