pxx-vue-quill 1.0.61 → 1.0.62
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.
|
@@ -0,0 +1,189 @@
|
|
|
1
|
+
.quill-editor-container {
|
|
2
|
+
width: 100%;
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
}
|
|
6
|
+
.quill-editor-container.embedded .ql-toolbar.ql-snow {
|
|
7
|
+
padding: 7px 15px;
|
|
8
|
+
}
|
|
9
|
+
.quill-editor-container.fixed-top {
|
|
10
|
+
position: relative;
|
|
11
|
+
}
|
|
12
|
+
.quill-editor-container.fixed-top.no-collapse .ql-toolbar.ql-snow {
|
|
13
|
+
min-height: 0;
|
|
14
|
+
padding: 8px 15px;
|
|
15
|
+
}
|
|
16
|
+
.quill-editor-container.fixed-top .ql-toolbar.ql-snow {
|
|
17
|
+
width: max-content;
|
|
18
|
+
position: absolute;
|
|
19
|
+
border: 0;
|
|
20
|
+
z-index: 2;
|
|
21
|
+
top: -44px;
|
|
22
|
+
display: none;
|
|
23
|
+
background-color: #f7f7f7;
|
|
24
|
+
border-radius: 8px;
|
|
25
|
+
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
|
|
26
|
+
}
|
|
27
|
+
.quill-editor-container.fixed-top .ql-toolbar.ql-snow .short-tools {
|
|
28
|
+
padding: 7px 15px;
|
|
29
|
+
border-radius: 8px;
|
|
30
|
+
border: 1px solid #eee;
|
|
31
|
+
}
|
|
32
|
+
.quill-editor-container.fixed-top .ql-toolbar.ql-snow .short-tools.collapse {
|
|
33
|
+
border-radius: 8px 8px 0 0;
|
|
34
|
+
}
|
|
35
|
+
.quill-editor-container.fixed-top .ql-toolbar.ql-snow .more-tools {
|
|
36
|
+
padding: 8px 15px;
|
|
37
|
+
border-radius: 0 0 8px 8px;
|
|
38
|
+
border: 1px solid #eee;
|
|
39
|
+
border-top: 0;
|
|
40
|
+
}
|
|
41
|
+
.quill-editor-container.fixed-top .ql-toolbar.ql-snow .more-tools .more-tools-item {
|
|
42
|
+
margin-bottom: 8px;
|
|
43
|
+
}
|
|
44
|
+
.quill-editor-container .ql-toolbar.ql-snow {
|
|
45
|
+
border: 0;
|
|
46
|
+
display: none;
|
|
47
|
+
padding: 0;
|
|
48
|
+
min-height: 40px;
|
|
49
|
+
line-height: 1;
|
|
50
|
+
border: 1px solid #eee;
|
|
51
|
+
background-color: #f7f7f7;
|
|
52
|
+
}
|
|
53
|
+
.quill-editor-container .ql-toolbar.ql-snow .ql-formats {
|
|
54
|
+
margin-right: 0;
|
|
55
|
+
}
|
|
56
|
+
.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker {
|
|
57
|
+
margin-left: 0;
|
|
58
|
+
margin-right: 12px;
|
|
59
|
+
width: 24px;
|
|
60
|
+
}
|
|
61
|
+
.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-label {
|
|
62
|
+
padding: 1px;
|
|
63
|
+
}
|
|
64
|
+
.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-options {
|
|
65
|
+
z-index: 3;
|
|
66
|
+
}
|
|
67
|
+
.quill-editor-container .ql-toolbar.ql-snow .ql-formats button {
|
|
68
|
+
width: 24px;
|
|
69
|
+
margin-right: 12px;
|
|
70
|
+
margin-left: 0;
|
|
71
|
+
padding: 3px;
|
|
72
|
+
}
|
|
73
|
+
.quill-editor-container .ql-toolbar.ql-snow .ql-formats .mr-0 {
|
|
74
|
+
margin-right: 0;
|
|
75
|
+
}
|
|
76
|
+
.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-more {
|
|
77
|
+
cursor: pointer;
|
|
78
|
+
border-radius: 6px;
|
|
79
|
+
background-color: #ebebeb;
|
|
80
|
+
}
|
|
81
|
+
.quill-editor-container .ql-toolbar.ql-snow + .ql-container.ql-container {
|
|
82
|
+
border: 0;
|
|
83
|
+
flex: 1;
|
|
84
|
+
}
|
|
85
|
+
.quill-editor-container .ql-container .ql-editor {
|
|
86
|
+
padding: 12px 15px;
|
|
87
|
+
line-height: 22px;
|
|
88
|
+
}
|
|
89
|
+
.quill-editor-container .ql-container .ql-editor img {
|
|
90
|
+
display: block;
|
|
91
|
+
}
|
|
92
|
+
.quill-editor-container .ql-container .ql-editor.ql-blank::before {
|
|
93
|
+
color: #b6b6b6;
|
|
94
|
+
font-style: normal;
|
|
95
|
+
font-size: 14px;
|
|
96
|
+
left: 15px;
|
|
97
|
+
}
|
|
98
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip {
|
|
99
|
+
height: 50px;
|
|
100
|
+
line-height: 50px;
|
|
101
|
+
z-index: 5;
|
|
102
|
+
padding: 0 8px;
|
|
103
|
+
background-color: #fff;
|
|
104
|
+
border: 0;
|
|
105
|
+
border-radius: 8px;
|
|
106
|
+
}
|
|
107
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip::before {
|
|
108
|
+
content: "";
|
|
109
|
+
display: none;
|
|
110
|
+
}
|
|
111
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing {
|
|
112
|
+
left: 0px !important;
|
|
113
|
+
z-index: 2;
|
|
114
|
+
border-radius: 8px;
|
|
115
|
+
border: 1px solid #eee;
|
|
116
|
+
box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
|
|
117
|
+
}
|
|
118
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-preview {
|
|
119
|
+
display: none;
|
|
120
|
+
}
|
|
121
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-action {
|
|
122
|
+
color: #4b5563;
|
|
123
|
+
}
|
|
124
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-action::after {
|
|
125
|
+
content: "保存";
|
|
126
|
+
width: 94px;
|
|
127
|
+
height: 34px;
|
|
128
|
+
background-color: #383b50;
|
|
129
|
+
display: inline-flex;
|
|
130
|
+
align-items: center;
|
|
131
|
+
justify-content: center;
|
|
132
|
+
margin-left: 8px;
|
|
133
|
+
border-radius: 8px;
|
|
134
|
+
color: #fff;
|
|
135
|
+
}
|
|
136
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input {
|
|
137
|
+
height: 34px;
|
|
138
|
+
width: 190px;
|
|
139
|
+
border: 0;
|
|
140
|
+
background-color: #f9f9f9;
|
|
141
|
+
border-radius: 8px;
|
|
142
|
+
padding-left: 8px;
|
|
143
|
+
display: inline-block;
|
|
144
|
+
}
|
|
145
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input::placeholder {
|
|
146
|
+
color: transparent;
|
|
147
|
+
}
|
|
148
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input:focus-visible {
|
|
149
|
+
outline: 0;
|
|
150
|
+
border-color: transparent;
|
|
151
|
+
}
|
|
152
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip:not(.ql-editing) .ql-action::after {
|
|
153
|
+
width: 94px;
|
|
154
|
+
height: 34px;
|
|
155
|
+
background-color: #fff;
|
|
156
|
+
display: inline-flex;
|
|
157
|
+
align-items: center;
|
|
158
|
+
justify-content: center;
|
|
159
|
+
margin-left: 8px;
|
|
160
|
+
border-radius: 8px;
|
|
161
|
+
color: #333;
|
|
162
|
+
border: 1px solid #e6e6e9;
|
|
163
|
+
padding: 0;
|
|
164
|
+
}
|
|
165
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip:not(.ql-editing) .ql-remove::before {
|
|
166
|
+
width: 94px;
|
|
167
|
+
height: 34px;
|
|
168
|
+
background-color: #383b50;
|
|
169
|
+
display: inline-flex;
|
|
170
|
+
align-items: center;
|
|
171
|
+
justify-content: center;
|
|
172
|
+
margin-left: 8px;
|
|
173
|
+
border-radius: 8px;
|
|
174
|
+
color: #fff;
|
|
175
|
+
border-right: 0;
|
|
176
|
+
padding: 0;
|
|
177
|
+
}
|
|
178
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip .ql-preview {
|
|
179
|
+
height: 34px;
|
|
180
|
+
width: 190px;
|
|
181
|
+
border: 0;
|
|
182
|
+
background-color: #f9f9f9;
|
|
183
|
+
border-radius: 8px;
|
|
184
|
+
padding-left: 8px;
|
|
185
|
+
display: inline-block;
|
|
186
|
+
color: #333;
|
|
187
|
+
line-height: 34px;
|
|
188
|
+
margin: 8px 0;
|
|
189
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.quill-editor-container{width:100%;display:flex;flex-direction:column}.quill-editor-container.embedded .ql-toolbar.ql-snow{padding:7px 15px}.quill-editor-container.fixed-top{position:relative}.quill-editor-container.fixed-top.no-collapse .ql-toolbar.ql-snow{min-height:0;padding:8px 15px}.quill-editor-container.fixed-top .ql-toolbar.ql-snow{width:max-content;position:absolute;border:0;z-index:2;top:-44px;display:none;background-color:#f7f7f7;border-radius:8px;box-shadow:0 0 6px 0 rgba(0,0,0,0.1)}.quill-editor-container.fixed-top .ql-toolbar.ql-snow .short-tools{padding:7px 15px;border-radius:8px;border:1px solid #eee}.quill-editor-container.fixed-top .ql-toolbar.ql-snow .short-tools.collapse{border-radius:8px 8px 0 0}.quill-editor-container.fixed-top .ql-toolbar.ql-snow .more-tools{padding:8px 15px;border-radius:0 0 8px 8px;border:1px solid #eee;border-top:0}.quill-editor-container.fixed-top .ql-toolbar.ql-snow .more-tools .more-tools-item{margin-bottom:8px}.quill-editor-container .ql-toolbar.ql-snow{border:0;display:none;padding:0;min-height:40px;line-height:1;border:1px solid #eee;background-color:#f7f7f7}.quill-editor-container .ql-toolbar.ql-snow .ql-formats{margin-right:0}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker{margin-left:0;margin-right:12px;width:24px}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-label{padding:1px}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-options{z-index:3}.quill-editor-container .ql-toolbar.ql-snow .ql-formats button{width:24px;margin-right:12px;margin-left:0;padding:3px}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .mr-0{margin-right:0}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-more{cursor:pointer;border-radius:6px;background-color:#ebebeb}.quill-editor-container .ql-toolbar.ql-snow + .ql-container.ql-container{border:0;flex:1}.quill-editor-container .ql-container .ql-editor{padding:12px 15px;line-height:22px}.quill-editor-container .ql-container .ql-editor img{display:block}.quill-editor-container .ql-container .ql-editor.ql-blank::before{color:#b6b6b6;font-style:normal;font-size:14px;left:15px}.quill-editor-container .ql-container.ql-snow .ql-tooltip{height:50px;line-height:50px;z-index:5;padding:0 8px;background-color:#fff;border:0;border-radius:8px}.quill-editor-container .ql-container.ql-snow .ql-tooltip::before{content:"";display:none}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing{left:0 !important;z-index:2;border-radius:8px;border:1px solid #eee;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-preview{display:none}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-action{color:#4b5563}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-action::after{content:"保存";width:94px;height:34px;background-color:#383b50;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;border-radius:8px;color:#fff}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input{height:34px;width:190px;border:0;background-color:#f9f9f9;border-radius:8px;padding-left:8px;display:inline-block}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input::placeholder{color:transparent}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input:focus-visible{outline:0;border-color:transparent}.quill-editor-container .ql-container.ql-snow .ql-tooltip:not(.ql-editing) .ql-action::after{width:94px;height:34px;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;border-radius:8px;color:#333;border:1px solid #e6e6e9;padding:0}.quill-editor-container .ql-container.ql-snow .ql-tooltip:not(.ql-editing) .ql-remove::before{width:94px;height:34px;background-color:#383b50;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;border-radius:8px;color:#fff;border-right:0;padding:0}.quill-editor-container .ql-container.ql-snow .ql-tooltip .ql-preview{height:34px;width:190px;border:0;background-color:#f9f9f9;border-radius:8px;padding-left:8px;display:inline-block;color:#333;line-height:34px;margin:8px 0}
|
package/dist/vue-quill.snow.css
CHANGED
|
@@ -904,24 +904,103 @@
|
|
|
904
904
|
.quill-editor-container .ql-container .ql-editor img {
|
|
905
905
|
display: block;
|
|
906
906
|
}
|
|
907
|
-
.quill-editor-container .ql-container .ql-
|
|
907
|
+
.quill-editor-container .ql-container .ql-editor.ql-blank::before {
|
|
908
|
+
color: #b6b6b6;
|
|
909
|
+
font-style: normal;
|
|
910
|
+
font-size: 14px;
|
|
911
|
+
left: 15px;
|
|
912
|
+
}
|
|
913
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip {
|
|
914
|
+
height: 50px;
|
|
915
|
+
line-height: 50px;
|
|
916
|
+
z-index: 5;
|
|
917
|
+
padding: 0 8px;
|
|
918
|
+
background-color: #fff;
|
|
919
|
+
border: 0;
|
|
920
|
+
border-radius: 8px;
|
|
921
|
+
}
|
|
922
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip::before {
|
|
923
|
+
content: "";
|
|
924
|
+
display: none;
|
|
925
|
+
}
|
|
926
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing {
|
|
908
927
|
left: 0px !important;
|
|
909
928
|
z-index: 2;
|
|
929
|
+
border-radius: 8px;
|
|
930
|
+
border: 1px solid #eee;
|
|
931
|
+
box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
|
|
910
932
|
}
|
|
911
|
-
.quill-editor-container .ql-container .ql-editing .ql-
|
|
933
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-preview {
|
|
934
|
+
display: none;
|
|
935
|
+
}
|
|
936
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-action {
|
|
912
937
|
color: #4b5563;
|
|
913
938
|
}
|
|
914
|
-
.quill-editor-container .ql-container .ql-tooltip {
|
|
915
|
-
|
|
939
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-action::after {
|
|
940
|
+
content: "保存";
|
|
941
|
+
width: 94px;
|
|
942
|
+
height: 34px;
|
|
943
|
+
background-color: #383b50;
|
|
944
|
+
display: inline-flex;
|
|
945
|
+
align-items: center;
|
|
946
|
+
justify-content: center;
|
|
947
|
+
margin-left: 8px;
|
|
948
|
+
border-radius: 8px;
|
|
949
|
+
color: #fff;
|
|
916
950
|
}
|
|
917
|
-
.quill-editor-container .ql-container .ql-tooltip
|
|
918
|
-
|
|
951
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input {
|
|
952
|
+
height: 34px;
|
|
953
|
+
width: 190px;
|
|
954
|
+
border: 0;
|
|
955
|
+
background-color: #f9f9f9;
|
|
956
|
+
border-radius: 8px;
|
|
957
|
+
padding-left: 8px;
|
|
958
|
+
display: inline-block;
|
|
919
959
|
}
|
|
920
|
-
.quill-editor-container .ql-container .ql-
|
|
921
|
-
color:
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
960
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input::placeholder {
|
|
961
|
+
color: transparent;
|
|
962
|
+
}
|
|
963
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input:focus-visible {
|
|
964
|
+
outline: 0;
|
|
965
|
+
border-color: transparent;
|
|
966
|
+
}
|
|
967
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip:not(.ql-editing) .ql-action::after {
|
|
968
|
+
width: 94px;
|
|
969
|
+
height: 34px;
|
|
970
|
+
background-color: #fff;
|
|
971
|
+
display: inline-flex;
|
|
972
|
+
align-items: center;
|
|
973
|
+
justify-content: center;
|
|
974
|
+
margin-left: 8px;
|
|
975
|
+
border-radius: 8px;
|
|
976
|
+
color: #333;
|
|
977
|
+
border: 1px solid #e6e6e9;
|
|
978
|
+
padding: 0;
|
|
979
|
+
}
|
|
980
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip:not(.ql-editing) .ql-remove::before {
|
|
981
|
+
width: 94px;
|
|
982
|
+
height: 34px;
|
|
983
|
+
background-color: #383b50;
|
|
984
|
+
display: inline-flex;
|
|
985
|
+
align-items: center;
|
|
986
|
+
justify-content: center;
|
|
987
|
+
margin-left: 8px;
|
|
988
|
+
border-radius: 8px;
|
|
989
|
+
color: #fff;
|
|
990
|
+
border-right: 0;
|
|
991
|
+
padding: 0;
|
|
992
|
+
}
|
|
993
|
+
.quill-editor-container .ql-container.ql-snow .ql-tooltip .ql-preview {
|
|
994
|
+
height: 34px;
|
|
995
|
+
width: 190px;
|
|
996
|
+
border: 0;
|
|
997
|
+
background-color: #f9f9f9;
|
|
998
|
+
border-radius: 8px;
|
|
999
|
+
padding-left: 8px;
|
|
1000
|
+
display: inline-block;
|
|
1001
|
+
color: #333;
|
|
1002
|
+
line-height: 34px;
|
|
1003
|
+
margin: 8px 0;
|
|
925
1004
|
}
|
|
926
1005
|
.ql-toolbar.ql-snow {
|
|
927
1006
|
border: 1px solid #d1d5db;
|
|
@@ -961,7 +1040,7 @@
|
|
|
961
1040
|
white-space: nowrap;
|
|
962
1041
|
}
|
|
963
1042
|
.ql-snow .ql-tooltip::before {
|
|
964
|
-
content: "
|
|
1043
|
+
content: "访问链接:";
|
|
965
1044
|
line-height: 26px;
|
|
966
1045
|
margin-right: 8px;
|
|
967
1046
|
}
|
|
@@ -974,6 +1053,10 @@
|
|
|
974
1053
|
padding: 3px 5px;
|
|
975
1054
|
width: 170px;
|
|
976
1055
|
}
|
|
1056
|
+
.ql-snow .ql-tooltip input[type=text]::placeholder {
|
|
1057
|
+
color: #999;
|
|
1058
|
+
font-style: italic;
|
|
1059
|
+
}
|
|
977
1060
|
.ql-snow .ql-tooltip a.ql-preview {
|
|
978
1061
|
display: inline-block;
|
|
979
1062
|
max-width: 200px;
|
|
@@ -983,12 +1066,12 @@
|
|
|
983
1066
|
}
|
|
984
1067
|
.ql-snow .ql-tooltip a.ql-action::after {
|
|
985
1068
|
border-right: 1px solid #d1d5db;
|
|
986
|
-
content: '
|
|
1069
|
+
content: '编辑';
|
|
987
1070
|
margin-left: 16px;
|
|
988
1071
|
padding-right: 8px;
|
|
989
1072
|
}
|
|
990
1073
|
.ql-snow .ql-tooltip a.ql-remove::before {
|
|
991
|
-
content: '
|
|
1074
|
+
content: '删除';
|
|
992
1075
|
margin-left: 8px;
|
|
993
1076
|
}
|
|
994
1077
|
.ql-snow .ql-tooltip a {
|
|
@@ -1003,17 +1086,17 @@
|
|
|
1003
1086
|
}
|
|
1004
1087
|
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
|
|
1005
1088
|
border-right: 0px;
|
|
1006
|
-
content: '
|
|
1089
|
+
content: '保存';
|
|
1007
1090
|
padding-right: 0px;
|
|
1008
1091
|
}
|
|
1009
1092
|
.ql-snow .ql-tooltip[data-mode=link]::before {
|
|
1010
|
-
content: "
|
|
1093
|
+
content: "输入链接:";
|
|
1011
1094
|
}
|
|
1012
1095
|
.ql-snow .ql-tooltip[data-mode=formula]::before {
|
|
1013
|
-
content: "
|
|
1096
|
+
content: "输入公式:";
|
|
1014
1097
|
}
|
|
1015
1098
|
.ql-snow .ql-tooltip[data-mode=video]::before {
|
|
1016
|
-
content: "
|
|
1099
|
+
content: "输入视频:";
|
|
1017
1100
|
}
|
|
1018
1101
|
.ql-snow a {
|
|
1019
1102
|
color: #2563eb;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol > li,.ql-editor ul > li{list-style-type:none}.ql-editor ul > li::before{content:'\2022'}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true] > li *,.ql-editor ul[data-checked=false] > li *{pointer-events:all}.ql-editor ul[data-checked=true] > li::before,.ql-editor ul[data-checked=false] > li::before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true] > li::before{content:'\2611'}.ql-editor ul[data-checked=false] > li::before{content:'\2610'}.ql-editor li::before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl)::before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl::before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0, decimal) '. '}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1, lower-alpha) '. '}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2, lower-roman) '. '}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3, decimal) '. '}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4, lower-alpha) '. '}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5, lower-roman) '. '}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6, decimal) '. '}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7, lower-alpha) '. '}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8, lower-roman) '. '}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px;margin-left:1px;margin-right:1px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover{background-color:#f3f4f6}.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{background-color:#dbeafe;color:#2563eb}.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#2563eb}.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#2563eb}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#4b5563}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#4b5563}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#4b5563}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#4b5563;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#4b5563;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#4b5563}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#4b5563;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle;margin-right:1px;margin-left:1px}.ql-snow .ql-picker-label{cursor:pointer;display:flex;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding:5px 8px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#d1d5db;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#d1d5db}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#d1d5db}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:3px}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px;margin:2px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.quill-editor-container{width:100%;display:flex;flex-direction:column}.quill-editor-container.embedded .ql-toolbar.ql-snow{padding:7px 15px}.quill-editor-container.fixed-top{position:relative}.quill-editor-container.fixed-top.no-collapse .ql-toolbar.ql-snow{min-height:0;padding:8px 15px}.quill-editor-container.fixed-top .ql-toolbar.ql-snow{width:max-content;position:absolute;border:0;z-index:2;top:-44px;display:none;background-color:#f7f7f7;border-radius:8px;box-shadow:0 0 6px 0 rgba(0,0,0,0.1)}.quill-editor-container.fixed-top .ql-toolbar.ql-snow .short-tools{padding:7px 15px;border-radius:8px;border:1px solid #eee}.quill-editor-container.fixed-top .ql-toolbar.ql-snow .short-tools.collapse{border-radius:8px 8px 0 0}.quill-editor-container.fixed-top .ql-toolbar.ql-snow .more-tools{padding:8px 15px;border-radius:0 0 8px 8px;border:1px solid #eee;border-top:0}.quill-editor-container.fixed-top .ql-toolbar.ql-snow .more-tools .more-tools-item{margin-bottom:8px}.quill-editor-container .ql-toolbar.ql-snow{border:0;display:none;padding:0;min-height:40px;line-height:1;border:1px solid #eee;background-color:#f7f7f7}.quill-editor-container .ql-toolbar.ql-snow .ql-formats{margin-right:0}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker{margin-left:0;margin-right:12px;width:24px}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-label{padding:1px}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-options{z-index:3}.quill-editor-container .ql-toolbar.ql-snow .ql-formats button{width:24px;margin-right:12px;margin-left:0;padding:3px}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .mr-0{margin-right:0}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-more{cursor:pointer;border-radius:6px;background-color:#ebebeb}.quill-editor-container .ql-toolbar.ql-snow + .ql-container.ql-container{border:0;flex:1}.quill-editor-container .ql-container .ql-editor{padding:12px 15px;line-height:22px}.quill-editor-container .ql-container .ql-editor img{display:block}.quill-editor-container .ql-container .ql-editing{left:0 !important;z-index:2}.quill-editor-container .ql-container .ql-editing .ql-action{color:#4b5563}.quill-editor-container .ql-container .ql-tooltip{z-index:5}.quill-editor-container .ql-container .ql-tooltip a{line-height:inherit}.quill-editor-container .ql-container .ql-editor.ql-blank::before{color:#b6b6b6;font-style:normal;font-size:14px;left:15px}.ql-toolbar.ql-snow{border:1px solid #d1d5db;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:10px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#d1d5db}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#d1d5db}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #d1d5db;box-shadow:0 0 5px #d1d5db;color:#4b5563;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #d1d5db;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #d1d5db;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#2563eb}.ql-container.ql-snow{border:1px solid #d1d5db}
|
|
1
|
+
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol > li,.ql-editor ul > li{list-style-type:none}.ql-editor ul > li::before{content:'\2022'}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true] > li *,.ql-editor ul[data-checked=false] > li *{pointer-events:all}.ql-editor ul[data-checked=true] > li::before,.ql-editor ul[data-checked=false] > li::before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true] > li::before{content:'\2611'}.ql-editor ul[data-checked=false] > li::before{content:'\2610'}.ql-editor li::before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl)::before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl::before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0, decimal) '. '}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1, lower-alpha) '. '}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2, lower-roman) '. '}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3, decimal) '. '}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4, lower-alpha) '. '}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5, lower-roman) '. '}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6, decimal) '. '}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7, lower-alpha) '. '}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8, lower-roman) '. '}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px;margin-left:1px;margin-right:1px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover{background-color:#f3f4f6}.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{background-color:#dbeafe;color:#2563eb}.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#2563eb}.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#2563eb}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#4b5563}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#4b5563}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#4b5563}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#4b5563;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#4b5563;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#4b5563}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#4b5563;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle;margin-right:1px;margin-left:1px}.ql-snow .ql-picker-label{cursor:pointer;display:flex;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding:5px 8px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#d1d5db;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#d1d5db}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#d1d5db}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:3px}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px;margin:2px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.quill-editor-container{width:100%;display:flex;flex-direction:column}.quill-editor-container.embedded .ql-toolbar.ql-snow{padding:7px 15px}.quill-editor-container.fixed-top{position:relative}.quill-editor-container.fixed-top.no-collapse .ql-toolbar.ql-snow{min-height:0;padding:8px 15px}.quill-editor-container.fixed-top .ql-toolbar.ql-snow{width:max-content;position:absolute;border:0;z-index:2;top:-44px;display:none;background-color:#f7f7f7;border-radius:8px;box-shadow:0 0 6px 0 rgba(0,0,0,0.1)}.quill-editor-container.fixed-top .ql-toolbar.ql-snow .short-tools{padding:7px 15px;border-radius:8px;border:1px solid #eee}.quill-editor-container.fixed-top .ql-toolbar.ql-snow .short-tools.collapse{border-radius:8px 8px 0 0}.quill-editor-container.fixed-top .ql-toolbar.ql-snow .more-tools{padding:8px 15px;border-radius:0 0 8px 8px;border:1px solid #eee;border-top:0}.quill-editor-container.fixed-top .ql-toolbar.ql-snow .more-tools .more-tools-item{margin-bottom:8px}.quill-editor-container .ql-toolbar.ql-snow{border:0;display:none;padding:0;min-height:40px;line-height:1;border:1px solid #eee;background-color:#f7f7f7}.quill-editor-container .ql-toolbar.ql-snow .ql-formats{margin-right:0}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker{margin-left:0;margin-right:12px;width:24px}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-label{padding:1px}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-options{z-index:3}.quill-editor-container .ql-toolbar.ql-snow .ql-formats button{width:24px;margin-right:12px;margin-left:0;padding:3px}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .mr-0{margin-right:0}.quill-editor-container .ql-toolbar.ql-snow .ql-formats .ql-more{cursor:pointer;border-radius:6px;background-color:#ebebeb}.quill-editor-container .ql-toolbar.ql-snow + .ql-container.ql-container{border:0;flex:1}.quill-editor-container .ql-container .ql-editor{padding:12px 15px;line-height:22px}.quill-editor-container .ql-container .ql-editor img{display:block}.quill-editor-container .ql-container .ql-editor.ql-blank::before{color:#b6b6b6;font-style:normal;font-size:14px;left:15px}.quill-editor-container .ql-container.ql-snow .ql-tooltip{height:50px;line-height:50px;z-index:5;padding:0 8px;background-color:#fff;border:0;border-radius:8px}.quill-editor-container .ql-container.ql-snow .ql-tooltip::before{content:"";display:none}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing{left:0 !important;z-index:2;border-radius:8px;border:1px solid #eee;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-preview{display:none}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-action{color:#4b5563}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing .ql-action::after{content:"保存";width:94px;height:34px;background-color:#383b50;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;border-radius:8px;color:#fff}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input{height:34px;width:190px;border:0;background-color:#f9f9f9;border-radius:8px;padding-left:8px;display:inline-block}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input::placeholder{color:transparent}.quill-editor-container .ql-container.ql-snow .ql-tooltip.ql-editing input:focus-visible{outline:0;border-color:transparent}.quill-editor-container .ql-container.ql-snow .ql-tooltip:not(.ql-editing) .ql-action::after{width:94px;height:34px;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;border-radius:8px;color:#333;border:1px solid #e6e6e9;padding:0}.quill-editor-container .ql-container.ql-snow .ql-tooltip:not(.ql-editing) .ql-remove::before{width:94px;height:34px;background-color:#383b50;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;border-radius:8px;color:#fff;border-right:0;padding:0}.quill-editor-container .ql-container.ql-snow .ql-tooltip .ql-preview{height:34px;width:190px;border:0;background-color:#f9f9f9;border-radius:8px;padding-left:8px;display:inline-block;color:#333;line-height:34px;margin:8px 0}.ql-toolbar.ql-snow{border:1px solid #d1d5db;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:10px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#d1d5db}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#d1d5db}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #d1d5db;box-shadow:0 0 5px #d1d5db;color:#4b5563;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"访问链接:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #d1d5db;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip input[type=text]::placeholder{color:#999;font-style:italic}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #d1d5db;content:'编辑';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'删除';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'保存';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"输入链接:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"输入公式:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"输入视频:"}.ql-snow a{color:#2563eb}.ql-container.ql-snow{border:1px solid #d1d5db}
|
package/dist/vue-quill.umd.js
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Copyright (c) 2025 Pxx-Team
|
|
9
9
|
* Released under the MIT license
|
|
10
|
-
* Date: 2025-09-
|
|
10
|
+
* Date: 2025-09-03T07:29:19.575Z
|
|
11
11
|
*/
|
|
12
12
|
(function (global, factory) {
|
|
13
13
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
|
|
@@ -20202,6 +20202,9 @@
|
|
|
20202
20202
|
const handleGlobalClick = (event) => {
|
|
20203
20203
|
if (!editor.value)
|
|
20204
20204
|
return;
|
|
20205
|
+
const blotFormatter = quill === null || quill === void 0 ? void 0 : quill.getModule('blotFormatter');
|
|
20206
|
+
if (!blotFormatter || !blotFormatter.overlay)
|
|
20207
|
+
return;
|
|
20205
20208
|
const isClickInsideEditor = editor.value.contains(event.target);
|
|
20206
20209
|
if (!isClickInsideEditor) {
|
|
20207
20210
|
removeQuillBlotFormatter();
|
|
@@ -20290,10 +20293,16 @@
|
|
|
20290
20293
|
quill.on('text-change', handleTextChange);
|
|
20291
20294
|
quill.on('selection-change', handleSelectionChange);
|
|
20292
20295
|
quill.on('editor-change', handleEditorChange);
|
|
20293
|
-
(_b = quill
|
|
20294
|
-
|
|
20296
|
+
const toolbarDom = (_b = quill.getModule('toolbar')) === null || _b === void 0 ? void 0 : _b.container;
|
|
20297
|
+
toolbarDom.addEventListener('mousedown', (e) => {
|
|
20295
20298
|
e.preventDefault();
|
|
20296
20299
|
});
|
|
20300
|
+
const tooltipInput = toolbarDom.querySelector('.ql-tooltip input');
|
|
20301
|
+
if (tooltipInput) {
|
|
20302
|
+
vue.nextTick(() => {
|
|
20303
|
+
tooltipInput.setAttribute('placeholder', props.placeholder);
|
|
20304
|
+
});
|
|
20305
|
+
}
|
|
20297
20306
|
ctx.emit('ready', quill);
|
|
20298
20307
|
};
|
|
20299
20308
|
const composeOptions = () => {
|
|
@@ -20388,9 +20397,17 @@
|
|
|
20388
20397
|
}
|
|
20389
20398
|
ctx.emit('textChange', { delta, oldContents, source });
|
|
20390
20399
|
};
|
|
20400
|
+
const observeTooltip = () => {
|
|
20401
|
+
const preview = document.querySelector('.ql-preview');
|
|
20402
|
+
if (!preview)
|
|
20403
|
+
return;
|
|
20404
|
+
preview.setAttribute('href', 'javascript:void(0)');
|
|
20405
|
+
preview.setAttribute('target', '_self');
|
|
20406
|
+
};
|
|
20391
20407
|
const isEditorFocus = vue.ref();
|
|
20392
20408
|
const handleSelectionChange = (range, oldRange, source) => {
|
|
20393
20409
|
var _a;
|
|
20410
|
+
observeTooltip();
|
|
20394
20411
|
isEditorFocus.value = !!(quill === null || quill === void 0 ? void 0 : quill.hasFocus());
|
|
20395
20412
|
const toolbar = (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
|
|
20396
20413
|
if (toolbar) {
|
|
@@ -20437,9 +20454,7 @@
|
|
|
20437
20454
|
if (quill)
|
|
20438
20455
|
return quill;
|
|
20439
20456
|
else
|
|
20440
|
-
throw `The quill editor hasn't been instantiated
|
|
20441
|
-
make sure to call this method when the editor ready
|
|
20442
|
-
or use v-on:ready="onReady(quill)" event instead.`;
|
|
20457
|
+
throw `The quill editor hasn't been instantiated`;
|
|
20443
20458
|
};
|
|
20444
20459
|
const getContents = (index, length) => {
|
|
20445
20460
|
if (props.contentType === 'html') {
|