-const Block = Quill.import('blots/block');
-Block.tagName = 'DIV';
-Quill.register(Block, true);
-
const CodeBlockContainer = Quill.import('formats/code-block-container');
CodeBlockContainer.tagName = 'PRE';
Quill.register(CodeBlockContainer, true);
@@ -17,7 +12,8 @@ Table.create = (value) => {
node.classList.add('table');
node.classList.add('table-bordered');
return node;
-}
+};
+
Quill.register(Table, true);
// link without href
@@ -28,7 +24,7 @@ class MyLink extends Link {
let node = super.create(value);
value = this.sanitize(value);
node.setAttribute('href', value);
- if(value.startsWith('/') || value.indexOf(window.location.host)) {
+ if (value.startsWith('/') || value.indexOf(window.location.host)) {
// no href if internal link
node.removeAttribute('target');
}
@@ -73,7 +69,7 @@ Quill.register(CustomColor, true);
frappe.ui.form.ControlTextEditor = frappe.ui.form.ControlCode.extend({
make_wrapper() {
this._super();
- this.$wrapper.find(".like-disabled-input").addClass('text-editor-print');
+ this.$wrapper.find(".like-disabled-input").addClass('ql-editor');
},
make_input() {
@@ -203,91 +199,9 @@ frappe.ui.form.ControlTextEditor = frappe.ui.form.ControlCode.extend({
get_input_value() {
let value = this.quill ? this.quill.root.innerHTML : '';
- // quill keeps ol as a common container for both type of lists
- // and uses css for appearances, this is not semantic
- // so we convert ol to ul if it is unordered
- const $value = $(`
${value}
`);
- $value.find('ol li[data-list=bullet]:first-child').each((i, li) => {
- let $li = $(li);
- let $parent = $li.parent();
- let $children = $parent.children();
- let $ul = $('
').append($children);
- $parent.replaceWith($ul);
- });
- value = this.convertLists($value.html());
return value;
},
- // hack
- // https://github.com/quilljs/quill/issues/979
- convertLists(richtext) {
- const tempEl = window.document.createElement('div');
- tempEl.setAttribute('style', 'display: none;');
- tempEl.innerHTML = richtext;
- const startLi = '::startli::';
- const endLi = '::endli::';
-
- ['ul','ol'].forEach((type) => {
- const startTag = `::start${type}::`;
- const endTag = `::end${type}::`;
-
- // Grab each list, and work on it in turn
- Array.from(tempEl.querySelectorAll(type)).forEach((outerListEl) => {
- const listChildren = Array.from(outerListEl.children).filter((el) => el.tagName === 'LI');
-
- let lastLiLevel = 0;
- let currentLiLevel = 0;
- let difference = 0;
-
- // Now work through each li in this list
- for (let i = 0; i < listChildren.length; i++) {
- const currentLi = listChildren[i];
- lastLiLevel = currentLiLevel;
- currentLiLevel = this.getListLevel(currentLi);
- difference = currentLiLevel - lastLiLevel;
-
- // we only need to add tags if the level is changing
- if (difference > 0) {
- currentLi.before((startLi + startTag).repeat(difference));
- } else if (difference < 0) {
- currentLi.before((endTag + endLi).repeat(-difference));
- }
-
- if (i === listChildren.length - 1) {
- // last li, account for the fact that it might not be at level 0
- currentLi.after((endTag + endLi).repeat(currentLiLevel));
- }
- }
- });
- });
-
- // Get the content in the element and replace the temporary tags with new ones
- let newContent = tempEl.innerHTML;
-
- newContent = newContent.replace(/::startul::/g, '