Quill 2.0 dev 3 + better tables

This commit is contained in:
2019-09-30 21:12:09 +02:00
parent e347e134c0
commit b22ad457ca
12 changed files with 2538 additions and 2305 deletions
+1
View File
@@ -8,6 +8,7 @@
<script type="text/javascript" src="scripts/bootstrap.bundle.min.js"></script> <script type="text/javascript" src="scripts/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="scripts/jquery.mods.js"></script> <script type="text/javascript" src="scripts/jquery.mods.js"></script>
<script type="text/javascript" src="scripts/quill.min.js"></script> <script type="text/javascript" src="scripts/quill.min.js"></script>
<script type="text/javascript" src="scripts/quill.mods.js"></script>
<script type="text/javascript" src="[#]filepath_js_common[#]"></script> <script type="text/javascript" src="[#]filepath_js_common[#]"></script>
<script type="text/javascript" src="[#]filepath_js_catc[#]"></script> <script type="text/javascript" src="[#]filepath_js_catc[#]"></script>
<link rel="icon" type="image/png" href="images/favicon.png"> <link rel="icon" type="image/png" href="images/favicon.png">
+22
View File
@@ -414,6 +414,8 @@ function CATC(asGlobals)
} }
} }
Quill.register({'modules/better-table': quillBetterTable}, true);
class Editor { class Editor {
constructor(sEditorId, bReadOnly) { constructor(sEditorId, bReadOnly) {
this.keystrokes = 0; this.keystrokes = 0;
@@ -430,6 +432,19 @@ class Editor {
placeholder: 'Notes', placeholder: 'Notes',
readOnly: bReadOnly, readOnly: bReadOnly,
modules: { modules: {
table: false,
'better-table': {
operationMenu: {
items: {
unmergeCells: {
text: 'Another unmerge cells name'
}
}
}
},
keyboard: {
bindings: quillBetterTable.keyboardBindings
},
toolbar: [ toolbar: [
['bold', 'italic', 'underline', 'strike'], ['bold', 'italic', 'underline', 'strike'],
//['blockquote', 'code-block'], //['blockquote', 'code-block'],
@@ -443,11 +458,18 @@ class Editor {
//[{ 'header': [1, 2, 3, 4, 5, 6, false] }], //[{ 'header': [1, 2, 3, 4, 5, 6, false] }],
//[{ 'font': [] }], //[{ 'font': [] }],
[{ 'align': [] }], [{ 'align': [] }],
['table'],
['link', 'image'], ['link', 'image'],
['clean'] ['clean']
] ]
} }
}); });
var oToolbar = this.oQuill.getModule('toolbar');
oToolbar.addHandler('table', () => {
let tableModule = this.oQuill.getModule('better-table');
tableModule.insertTable(3, 3);
});
this._initEvents(); this._initEvents();
this._postInit(); this._postInit();
+7 -7
View File
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+37
View File
@@ -1,4 +1,5 @@
@import 'quill/quill.snow'; @import 'quill/quill.snow';
@import 'quill/quill.better-table';
.ql-toolbar.ql-snow { .ql-toolbar.ql-snow {
border: none; border: none;
@@ -20,4 +21,40 @@
.ql-snow .ql-tooltip { .ql-snow .ql-tooltip {
z-index: 10; z-index: 10;
}
.qlbt-col-tool {
display: none;
}
/* Quill Better Table */
.ql-container {
table.quill-better-table {
td {
border-color: $col_main_1;
}
}
.qlbt-selection-line.qlbt-selection-line-right,
.qlbt-selection-line.qlbt-selection-line-left {
margin-top: -2px;
margin-left: -2px;
background-color: $col_main_2 !important;
&::before {
background-color: $col_main_2;
}
}
.qlbt-selection-line.qlbt-selection-line-top,
.qlbt-selection-line.qlbt-selection-line-bottom {
margin-top: -3px;
margin-left: -2px;
background-color: $col_main_2 !important;
}
.qlbt-col-tool .qlbt-col-tool-cell-holder:hover {
background-color: $col_main_2;
}
} }
+2 -2
View File
File diff suppressed because one or more lines are too long
+1 -1
View File
File diff suppressed because one or more lines are too long
+117
View File
@@ -0,0 +1,117 @@
.ql-container .qlbt-selection-line.qlbt-selection-line-left::before {
position: absolute;
left: -2px;
top: -2px;
content: '';
width: 5px;
height: 5px;
background-color: #0589f3;
border-radius: 5px; }
.ql-container .qlbt-selection-line.qlbt-selection-line-right::before {
position: absolute;
right: -2px;
bottom: -3px;
content: '';
width: 5px;
height: 5px;
background-color: #0589f3;
border-radius: 5px; }
.quill-better-table-wrapper {
overflow-x: auto; }
.ql-container table {
table-layout: fixed;
border-collapse: collapse; }
.ql-container table td {
border: 1px solid #000;
padding: 2px 5px; }
.qlbt-operation-menu {
background-color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
font-size: 14px;
z-index: 100;
overflow: hidden; }
.qlbt-operation-menu .qlbt-operation-menu-dividing {
height: 1px;
background-color: #efefef; }
.qlbt-operation-menu .qlbt-operation-menu-subtitle {
color: #999;
font-size: 14px;
padding: 5px 16px; }
.qlbt-operation-menu .qlbt-operation-color-picker {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 0 16px 10px;
background-color: #fff;
overflow: hidden; }
.qlbt-operation-menu .qlbt-operation-color-picker .qlbt-operation-color-picker-item {
width: 20px;
height: 20px;
border: 1px solid #595959;
margin-right: 5px;
margin-bottom: 5px;
cursor: pointer; }
.qlbt-operation-menu .qlbt-operation-menu-item {
display: flex;
align-items: center;
padding: 10px 16px;
background-color: #fff;
cursor: pointer;
color: #595959;
overflow: hidden;
text-overflow: ellipsis; }
.qlbt-operation-menu .qlbt-operation-menu-item:hover {
background-color: #efefef; }
.qlbt-operation-menu .qlbt-operation-menu-item .qlbt-operation-menu-icon {
margin-right: 8px;
height: 20px;
width: 20px;
font-size: 0; }
.qlbt-col-tool {
position: absolute;
display: flex;
align-items: flex-end;
overflow: hidden;
z-index: 99;
height: 16px; }
.qlbt-col-tool .qlbt-col-tool-cell {
position: relative;
background-color: #fff;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000; }
.qlbt-col-tool .qlbt-col-tool-cell:first-child {
border-left: 1px solid #000; }
.qlbt-col-tool .qlbt-col-tool-cell-holder {
position: absolute;
right: -1px;
top: 0;
bottom: 0;
z-index: 3;
width: 1px;
background-color: transparent;
cursor: ew-resize; }
.qlbt-col-tool .qlbt-col-tool-cell-holder:hover {
background-color: #0589f3; }
.qlbt-col-tool .qlbt-col-tool-cell-holder::before {
content: "";
position: absolute;
top: 0;
left: -6px;
display: block;
width: 8px;
height: 100%; }
.qlbt-col-tool .qlbt-col-tool-cell-holder::after {
content: "";
position: absolute;
top: 0;
right: -6px;
display: block;
width: 8px;
height: 100%; }
File diff suppressed because it is too large Load Diff
+411 -397
View File
@@ -1,397 +1,411 @@
/*! /*!
* Quill Editor v1.3.6 * Quill Editor v2.0.0-dev.3
* https://quilljs.com/ * https://quilljs.com/
* Copyright (c) 2014, Jason Chen * Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com * Copyright (c) 2013, salesforce.com
*/ */
.ql-container { .ql-container {
box-sizing: border-box; box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif; font-family: Helvetica, Arial, sans-serif;
font-size: 13px; font-size: 13px;
height: 100%; height: 100%;
margin: 0px; margin: 0px;
position: relative; position: relative;
} }
.ql-container.ql-disabled .ql-tooltip { .ql-container.ql-disabled .ql-tooltip {
visibility: hidden; visibility: hidden;
} }
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { .ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
pointer-events: none; .ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
} cursor: pointer;
.ql-clipboard { }
left: -100000px; .ql-clipboard {
height: 1px; left: -100000px;
overflow-y: hidden; height: 1px;
position: absolute; overflow-y: hidden;
top: 50%; position: absolute;
} top: 50%;
.ql-clipboard p { }
margin: 0; .ql-clipboard p {
padding: 0; margin: 0;
} padding: 0;
.ql-editor { }
box-sizing: border-box; .ql-editor {
line-height: 1.42; box-sizing: border-box;
height: 100%; counter-reset: list-0;
outline: none; line-height: 1.42;
overflow-y: auto; height: 100%;
padding: 12px 15px; outline: none;
tab-size: 4; overflow-y: auto;
-moz-tab-size: 4; padding: 12px 15px;
text-align: left; tab-size: 4;
white-space: pre-wrap; -moz-tab-size: 4;
word-wrap: break-word; text-align: left;
} white-space: pre-wrap;
.ql-editor > * { word-wrap: break-word;
cursor: text; }
} .ql-editor > * {
.ql-editor p, cursor: text;
.ql-editor ol, }
.ql-editor ul, .ql-editor p,
.ql-editor pre, .ql-editor ol,
.ql-editor blockquote, .ql-editor pre,
.ql-editor h1, .ql-editor blockquote,
.ql-editor h2, .ql-editor h1,
.ql-editor h3, .ql-editor h2,
.ql-editor h4, .ql-editor h3,
.ql-editor h5, .ql-editor h4,
.ql-editor h6 { .ql-editor h5,
margin: 0; .ql-editor h6 {
padding: 0; margin: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; padding: 0;
} }
.ql-editor ol, .ql-editor p,
.ql-editor ul { .ql-editor h1,
padding-left: 1.5em; .ql-editor h2,
} .ql-editor h3,
.ql-editor ol > li, .ql-editor h4,
.ql-editor ul > li { .ql-editor h5,
list-style-type: none; .ql-editor h6 {
} counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
.ql-editor ul > li::before { }
content: '\2022'; .ql-editor table {
} border-collapse: collapse;
.ql-editor ul[data-checked=true], }
.ql-editor ul[data-checked=false] { .ql-editor td {
pointer-events: none; border: 1px solid #000;
} padding: 2px 5px;
.ql-editor ul[data-checked=true] > li *, }
.ql-editor ul[data-checked=false] > li * { .ql-editor ol {
pointer-events: all; padding-left: 1.5em;
} }
.ql-editor ul[data-checked=true] > li::before, .ql-editor li {
.ql-editor ul[data-checked=false] > li::before { list-style-type: none;
color: #777; padding-left: 1.5em;
cursor: pointer; position: relative;
pointer-events: all; }
} .ql-editor li > .ql-ui:before {
.ql-editor ul[data-checked=true] > li::before { display: inline-block;
content: '\2611'; margin-left: -1.5em;
} margin-right: 0.3em;
.ql-editor ul[data-checked=false] > li::before { text-align: right;
content: '\2610'; white-space: nowrap;
} width: 1.2em;
.ql-editor li::before { }
display: inline-block; .ql-editor li[data-list=checked] > .ql-ui,
white-space: nowrap; .ql-editor li[data-list=unchecked] > .ql-ui {
width: 1.2em; color: #777;
} }
.ql-editor li:not(.ql-direction-rtl)::before { .ql-editor li[data-list=bullet] > .ql-ui:before {
margin-left: -1.5em; content: '\2022';
margin-right: 0.3em; }
text-align: right; .ql-editor li[data-list=checked] > .ql-ui:before {
} content: '\2611';
.ql-editor li.ql-direction-rtl::before { }
margin-left: 0.3em; .ql-editor li[data-list=unchecked] > .ql-ui:before {
margin-right: -1.5em; content: '\2610';
} }
.ql-editor ol li:not(.ql-direction-rtl), .ql-editor li[data-list=ordered] {
.ql-editor ul li:not(.ql-direction-rtl) { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
padding-left: 1.5em; counter-increment: list-0;
} }
.ql-editor ol li.ql-direction-rtl, .ql-editor li[data-list=ordered] > .ql-ui:before {
.ql-editor ul li.ql-direction-rtl { content: counter(list-0, decimal) '. ';
padding-right: 1.5em; }
} .ql-editor li[data-list=ordered].ql-indent-1 {
.ql-editor ol li { counter-increment: list-1;
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 li[data-list=ordered].ql-indent-1 > .ql-ui:before {
} content: counter(list-1, lower-alpha) '. ';
.ql-editor ol li:before { }
content: counter(list-0, decimal) '. '; .ql-editor li[data-list=ordered].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-1 { }
counter-increment: list-1; .ql-editor li[data-list=ordered].ql-indent-2 {
} counter-increment: list-2;
.ql-editor ol li.ql-indent-1:before { }
content: counter(list-1, lower-alpha) '. '; .ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
} content: counter(list-2, lower-roman) '. ';
.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 li[data-list=ordered].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-2 { }
counter-increment: list-2; .ql-editor li[data-list=ordered].ql-indent-3 {
} counter-increment: list-3;
.ql-editor ol li.ql-indent-2:before { }
content: counter(list-2, lower-roman) '. '; .ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
} content: counter(list-3, decimal) '. ';
.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 li[data-list=ordered].ql-indent-3 {
} counter-reset: 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 li[data-list=ordered].ql-indent-4 {
} counter-increment: list-4;
.ql-editor ol li.ql-indent-3:before { }
content: counter(list-3, decimal) '. '; .ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
} content: counter(list-4, lower-alpha) '. ';
.ql-editor ol li.ql-indent-3 { }
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; .ql-editor li[data-list=ordered].ql-indent-4 {
} counter-reset: list-5 list-6 list-7 list-8 list-9;
.ql-editor ol li.ql-indent-4 { }
counter-increment: list-4; .ql-editor li[data-list=ordered].ql-indent-5 {
} counter-increment: list-5;
.ql-editor ol li.ql-indent-4:before { }
content: counter(list-4, lower-alpha) '. '; .ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
} content: counter(list-5, lower-roman) '. ';
.ql-editor ol li.ql-indent-4 { }
counter-reset: list-5 list-6 list-7 list-8 list-9; .ql-editor li[data-list=ordered].ql-indent-5 {
} counter-reset: list-6 list-7 list-8 list-9;
.ql-editor ol li.ql-indent-5 { }
counter-increment: list-5; .ql-editor li[data-list=ordered].ql-indent-6 {
} counter-increment: list-6;
.ql-editor ol li.ql-indent-5:before { }
content: counter(list-5, lower-roman) '. '; .ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
} content: counter(list-6, decimal) '. ';
.ql-editor ol li.ql-indent-5 { }
counter-reset: list-6 list-7 list-8 list-9; .ql-editor li[data-list=ordered].ql-indent-6 {
} counter-reset: list-7 list-8 list-9;
.ql-editor ol li.ql-indent-6 { }
counter-increment: list-6; .ql-editor li[data-list=ordered].ql-indent-7 {
} counter-increment: list-7;
.ql-editor ol li.ql-indent-6:before { }
content: counter(list-6, decimal) '. '; .ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
} content: counter(list-7, lower-alpha) '. ';
.ql-editor ol li.ql-indent-6 { }
counter-reset: list-7 list-8 list-9; .ql-editor li[data-list=ordered].ql-indent-7 {
} counter-reset: list-8 list-9;
.ql-editor ol li.ql-indent-7 { }
counter-increment: list-7; .ql-editor li[data-list=ordered].ql-indent-8 {
} counter-increment: list-8;
.ql-editor ol li.ql-indent-7:before { }
content: counter(list-7, lower-alpha) '. '; .ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
} content: counter(list-8, lower-roman) '. ';
.ql-editor ol li.ql-indent-7 { }
counter-reset: list-8 list-9; .ql-editor li[data-list=ordered].ql-indent-8 {
} counter-reset: list-9;
.ql-editor ol li.ql-indent-8 { }
counter-increment: list-8; .ql-editor li[data-list=ordered].ql-indent-9 {
} counter-increment: list-9;
.ql-editor ol li.ql-indent-8:before { }
content: counter(list-8, lower-roman) '. '; .ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
} content: counter(list-9, decimal) '. ';
.ql-editor ol li.ql-indent-8 { }
counter-reset: list-9; .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
} padding-left: 3em;
.ql-editor ol li.ql-indent-9 { }
counter-increment: list-9; .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
} padding-left: 4.5em;
.ql-editor ol li.ql-indent-9:before { }
content: counter(list-9, decimal) '. '; .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
} padding-right: 3em;
.ql-editor .ql-indent-1:not(.ql-direction-rtl) { }
padding-left: 3em; .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
} padding-right: 4.5em;
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) { }
padding-left: 4.5em; .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
} padding-left: 6em;
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { }
padding-right: 3em; .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
} padding-left: 7.5em;
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { }
padding-right: 4.5em; .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
} padding-right: 6em;
.ql-editor .ql-indent-2:not(.ql-direction-rtl) { }
padding-left: 6em; .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
} padding-right: 7.5em;
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) { }
padding-left: 7.5em; .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
} padding-left: 9em;
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { }
padding-right: 6em; .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
} padding-left: 10.5em;
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { }
padding-right: 7.5em; .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
} padding-right: 9em;
.ql-editor .ql-indent-3:not(.ql-direction-rtl) { }
padding-left: 9em; .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
} padding-right: 10.5em;
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) { }
padding-left: 10.5em; .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
} padding-left: 12em;
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { }
padding-right: 9em; .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
} padding-left: 13.5em;
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { }
padding-right: 10.5em; .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
} padding-right: 12em;
.ql-editor .ql-indent-4:not(.ql-direction-rtl) { }
padding-left: 12em; .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
} padding-right: 13.5em;
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) { }
padding-left: 13.5em; .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
} padding-left: 15em;
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { }
padding-right: 12em; .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
} padding-left: 16.5em;
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { }
padding-right: 13.5em; .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
} padding-right: 15em;
.ql-editor .ql-indent-5:not(.ql-direction-rtl) { }
padding-left: 15em; .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
} padding-right: 16.5em;
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) { }
padding-left: 16.5em; .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
} padding-left: 18em;
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { }
padding-right: 15em; .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
} padding-left: 19.5em;
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { }
padding-right: 16.5em; .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
} padding-right: 18em;
.ql-editor .ql-indent-6:not(.ql-direction-rtl) { }
padding-left: 18em; .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
} padding-right: 19.5em;
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) { }
padding-left: 19.5em; .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
} padding-left: 21em;
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { }
padding-right: 18em; .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
} padding-left: 22.5em;
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { }
padding-right: 19.5em; .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
} padding-right: 21em;
.ql-editor .ql-indent-7:not(.ql-direction-rtl) { }
padding-left: 21em; .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
} padding-right: 22.5em;
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) { }
padding-left: 22.5em; .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
} padding-left: 24em;
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { }
padding-right: 21em; .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
} padding-left: 25.5em;
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { }
padding-right: 22.5em; .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
} padding-right: 24em;
.ql-editor .ql-indent-8:not(.ql-direction-rtl) { }
padding-left: 24em; .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
} padding-right: 25.5em;
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) { }
padding-left: 25.5em; .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
} padding-left: 27em;
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { }
padding-right: 24em; .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
} padding-left: 28.5em;
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { }
padding-right: 25.5em; .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
} padding-right: 27em;
.ql-editor .ql-indent-9:not(.ql-direction-rtl) { }
padding-left: 27em; .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
} padding-right: 28.5em;
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) { }
padding-left: 28.5em; .ql-editor li.ql-direction-rtl {
} padding-right: 1.5em;
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { }
padding-right: 27em; .ql-editor li.ql-direction-rtl > .ql-ui:before {
} margin-left: 0.3em;
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { margin-right: -1.5em;
padding-right: 28.5em; text-align: left;
} }
.ql-editor .ql-video { .ql-editor table {
display: block; table-layout: fixed;
max-width: 100%; width: 100%;
} }
.ql-editor .ql-video.ql-align-center { .ql-editor table td {
margin: 0 auto; outline: none;
} }
.ql-editor .ql-video.ql-align-right { .ql-editor .ql-code-block-container {
margin: 0 0 0 auto; font-family: monospace;
} }
.ql-editor .ql-bg-black { .ql-editor .ql-video {
background-color: #000; display: block;
} max-width: 100%;
.ql-editor .ql-bg-red { }
background-color: #e60000; .ql-editor .ql-video.ql-align-center {
} margin: 0 auto;
.ql-editor .ql-bg-orange { }
background-color: #f90; .ql-editor .ql-video.ql-align-right {
} margin: 0 0 0 auto;
.ql-editor .ql-bg-yellow { }
background-color: #ff0; .ql-editor .ql-bg-black {
} background-color: #000;
.ql-editor .ql-bg-green { }
background-color: #008a00; .ql-editor .ql-bg-red {
} background-color: #e60000;
.ql-editor .ql-bg-blue { }
background-color: #06c; .ql-editor .ql-bg-orange {
} background-color: #f90;
.ql-editor .ql-bg-purple { }
background-color: #93f; .ql-editor .ql-bg-yellow {
} background-color: #ff0;
.ql-editor .ql-color-white { }
color: #fff; .ql-editor .ql-bg-green {
} background-color: #008a00;
.ql-editor .ql-color-red { }
color: #e60000; .ql-editor .ql-bg-blue {
} background-color: #06c;
.ql-editor .ql-color-orange { }
color: #f90; .ql-editor .ql-bg-purple {
} background-color: #93f;
.ql-editor .ql-color-yellow { }
color: #ff0; .ql-editor .ql-color-white {
} color: #fff;
.ql-editor .ql-color-green { }
color: #008a00; .ql-editor .ql-color-red {
} color: #e60000;
.ql-editor .ql-color-blue { }
color: #06c; .ql-editor .ql-color-orange {
} color: #f90;
.ql-editor .ql-color-purple { }
color: #93f; .ql-editor .ql-color-yellow {
} color: #ff0;
.ql-editor .ql-font-serif { }
font-family: Georgia, Times New Roman, serif; .ql-editor .ql-color-green {
} color: #008a00;
.ql-editor .ql-font-monospace { }
font-family: Monaco, Courier New, monospace; .ql-editor .ql-color-blue {
} color: #06c;
.ql-editor .ql-size-small { }
font-size: 0.75em; .ql-editor .ql-color-purple {
} color: #93f;
.ql-editor .ql-size-large { }
font-size: 1.5em; .ql-editor .ql-font-serif {
} font-family: Georgia, Times New Roman, serif;
.ql-editor .ql-size-huge { }
font-size: 2.5em; .ql-editor .ql-font-monospace {
} font-family: Monaco, Courier New, monospace;
.ql-editor .ql-direction-rtl { }
direction: rtl; .ql-editor .ql-size-small {
text-align: inherit; font-size: 0.75em;
} }
.ql-editor .ql-align-center { .ql-editor .ql-size-large {
text-align: center; font-size: 1.5em;
} }
.ql-editor .ql-align-justify { .ql-editor .ql-size-huge {
text-align: justify; font-size: 2.5em;
} }
.ql-editor .ql-align-right { .ql-editor .ql-direction-rtl {
text-align: right; direction: rtl;
} text-align: inherit;
.ql-editor.ql-blank::before { }
color: rgba(0,0,0,0.6); .ql-editor .ql-align-center {
content: attr(data-placeholder); text-align: center;
font-style: italic; }
left: 15px; .ql-editor .ql-align-justify {
pointer-events: none; text-align: justify;
position: absolute; }
right: 15px; .ql-editor .ql-align-right {
} text-align: right;
}
.ql-editor .ql-ui {
position: absolute;
}
.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;
}
File diff suppressed because it is too large Load Diff