@syncfusion/ej2-richtexteditor 23.2.7-52849 → 24.1.41-569781

package/src/rich-text-editor/renderer/link-module.js

@@ -129,7 +129,7 @@ var Link = /** @class */ (function () {
                 pageY = (this.parent.iframeSettings.enable) ? window.pageYOffset + parentTop + args.clientY : args.pageY;
             }
             if (this.quickToolObj.linkQTBar) {
-                this.quickToolObj.linkQTBar.showPopup(pageX, pageY, range.endContainer);
+                this.quickToolObj.linkQTBar.showPopup(pageX, pageY, range.endContainer, 'link');
             }
         }
     };
@@ -160,12 +160,32 @@ var Link = /** @class */ (function () {
                 if (isPopupOpen) {
                     return;
                 }
-                this.showLinkQuickToolbar({
-                    args: args,
-                    isNotify: false,
-                    type: 'Links',
-                    elements: [args.target]
-                });
+                if (e.args.ctrlKey === false) {
+                    this.showLinkQuickToolbar({
+                        args: args,
+                        isNotify: false,
+                        type: 'Links',
+                        elements: [args.target]
+                    });
+                }
+                else {
+                    var selection = this.parent.formatter.editorManager.nodeSelection;
+                    var range = selection.getRange(this.parent.contentModule.getDocument());
+                    var args_1 = {
+                        args: {
+                            item: {
+                                subCommand: 'OpenLink',
+                                command: 'Links',
+                                name: ''
+                            },
+                            originalEvent: e.args
+                        },
+                        selectNode: selection.getNodeCollection(range),
+                        selectParent: selection.getParentNodeCollection(range),
+                        selection: selection.save(range, this.parent.contentModule.getDocument())
+                    };
+                    this.parent.notify(events.openLink, args_1);
+                }
             }
             else {
                 this.hideLinkQuickToolbar();
@@ -222,7 +242,7 @@ var Link = /** @class */ (function () {
     };
     Link.prototype.showDialog = function () {
         this.openDialog(false);
-        this.setCssClass({ cssClass: this.parent.cssClass });
+        this.setCssClass({ cssClass: this.parent.getCssClass() });
     };
     Link.prototype.closeDialog = function () {
         if (this.dialogObj) {
@@ -255,22 +275,22 @@ var Link = /** @class */ (function () {
         var textPlace = this.i10n.getConstant('textPlaceholder');
         var title = this.i10n.getConstant('linkTitle');
         var linkDialogEle = this.parent.createElement('div', {
-            className: 'e-rte-link-dialog' + ' ' + this.parent.cssClass, id: this.rteID + '_rtelink'
+            className: 'e-rte-link-dialog' + this.parent.getCssClass(true), id: this.rteID + '_rtelink'
         });
         this.parent.element.appendChild(linkDialogEle);
         var linkContent = this.parent.createElement('div', {
-            className: 'e-rte-linkcontent' + ' ' + this.parent.cssClass, id: this.rteID + '_linkContent'
+            className: 'e-rte-linkcontent' + this.parent.getCssClass(true), id: this.rteID + '_linkContent'
         });
         var htmlTextbox = (this.parent.editorMode === 'HTML') ? '<label>' + linkTooltip +
-            '</label></div><div class="e-rte-field' + ' ' + this.parent.cssClass + '">' +
-            '<input type="text" data-role ="none" spellcheck="false" placeholder = "' + title + '"aria-label="' + this.i10n.getConstant('linkTitle') + '" class="e-input e-rte-linkTitle' + ' ' + this.parent.cssClass + '"></div>' +
-            '<div class="e-rte-label' + ' ' + this.parent.cssClass + '"></div>' + '<div class="e-rte-field' + ' ' + this.parent.cssClass + '">' +
-            '<input type="checkbox" class="e-rte-linkTarget' + ' ' + this.parent.cssClass + '"  data-role ="none"></div>' : '';
-        var content = '<div class="e-rte-label' + ' ' + this.parent.cssClass + '"><label>' + linkWebAddress + '</label></div>' + '<div class="e-rte-field' + ' ' + this.parent.cssClass + '">' +
-            '<input type="text" data-role ="none" spellcheck="false" placeholder="' + urlPlace + '"aria-label="' + this.i10n.getConstant('linkWebUrl') + '" class="e-input e-rte-linkurl' + ' ' + this.parent.cssClass + '"/></div>' +
-            '<div class="e-rte-label' + ' ' + this.parent.cssClass + '">' + '<label>' + linkDisplayText + '</label></div><div class="e-rte-field' + ' ' + this.parent.cssClass + '"> ' +
-            '<input type="text" data-role ="none" spellcheck="false" class="e-input e-rte-linkText' + ' ' + this.parent.cssClass + '"aria-label="' + this.i10n.getConstant('linkText') + '" placeholder="' + textPlace + '">' +
-            '</div><div class="e-rte-label' + ' ' + this.parent.cssClass + '">' + htmlTextbox;
+            '</label></div><div class="e-rte-field' + this.parent.getCssClass(true) + '">' +
+            '<input type="text" data-role ="none" spellcheck="false" placeholder = "' + title + '"aria-label="' + this.i10n.getConstant('linkTitle') + '" class="e-input e-rte-linkTitle' + this.parent.getCssClass(true) + '"></div>' +
+            '<div class="e-rte-label' + this.parent.getCssClass(true) + '"></div>' + '<div class="e-rte-field' + this.parent.getCssClass(true) + '">' +
+            '<input type="checkbox" class="e-rte-linkTarget' + this.parent.getCssClass(true) + '"  data-role ="none"></div>' : '';
+        var content = '<div class="e-rte-label' + this.parent.getCssClass(true) + '"><label>' + linkWebAddress + '</label></div>' + '<div class="e-rte-field' + this.parent.getCssClass(true) + '">' +
+            '<input type="text" data-role ="none" spellcheck="false" placeholder="' + urlPlace + '"aria-label="' + this.i10n.getConstant('linkWebUrl') + '" class="e-input e-rte-linkurl' + this.parent.getCssClass(true) + '"/></div>' +
+            '<div class="e-rte-label' + this.parent.getCssClass(true) + '">' + '<label>' + linkDisplayText + '</label></div><div class="e-rte-field' + this.parent.getCssClass(true) + '"> ' +
+            '<input type="text" data-role ="none" spellcheck="false" class="e-input e-rte-linkText' + this.parent.getCssClass(true) + '"aria-label="' + this.i10n.getConstant('linkText') + '" placeholder="' + textPlace + '">' +
+            '</div><div class="e-rte-label' + this.parent.getCssClass(true) + '">' + htmlTextbox;
         var contentElem = parseHtml(content);
         linkContent.appendChild(contentElem);
         var linkTarget = linkContent.querySelector('.e-rte-linkTarget');
@@ -279,7 +299,7 @@ var Link = /** @class */ (function () {
         var linkTitle = linkContent.querySelector('.e-rte-linkTitle');
         var linkOpenLabel = this.i10n.getConstant('linkOpenInNewWindow');
         this.checkBoxObj = new CheckBox({ label: linkOpenLabel, checked: true, enableRtl: this.parent.enableRtl,
-            cssClass: this.parent.cssClass });
+            cssClass: this.parent.getCssClass() });
         this.checkBoxObj.isStringTemplate = true;
         this.checkBoxObj.createElement = this.parent.createElement;
         this.checkBoxObj.appendTo(linkTarget);
@@ -292,16 +312,16 @@ var Link = /** @class */ (function () {
         var dialogModel = {
             header: this.i10n.getConstant('linkHeader'),
             content: linkContent,
-            cssClass: CLS_RTE_ELEMENTS + ' ' + this.parent.cssClass,
+            cssClass: CLS_RTE_ELEMENTS + this.parent.getCssClass(true),
             enableRtl: this.parent.enableRtl,
             locale: this.parent.locale,
             showCloseIcon: true, closeOnEscape: true, width: (Browser.isDevice) ? '290px' : '310px',
             isModal: Browser.isDevice,
             buttons: [{
                     click: this.insertlink.bind(selectObj),
-                    buttonModel: { content: linkInsert, cssClass: 'e-flat e-insertLink' + ' ' + this.parent.cssClass, isPrimary: true }
+                    buttonModel: { content: linkInsert, cssClass: 'e-flat e-insertLink' + this.parent.getCssClass(true), isPrimary: true }
                 },
-                { click: this.cancelDialog.bind(selectObj), buttonModel: { cssClass: 'e-flat' + ' ' + this.parent.cssClass, content: linkCancel } }],
+                { click: this.cancelDialog.bind(selectObj), buttonModel: { cssClass: 'e-flat' + this.parent.getCssClass(true), content: linkCancel } }],
             target: (Browser.isDevice) ? document.body : this.parent.element,
             animationSettings: { effect: 'None' },
             close: function (event) {
@@ -366,12 +386,20 @@ var Link = /** @class */ (function () {
         }
         var target = (this.selfLink.checkBoxObj.checked) ? '_blank' : null;
         var linkLabel = (this.selfLink.checkBoxObj.checked) ? this.selfLink.i10n.getConstant('linkAriaLabel') : null;
+        if (this.selfLink.parent.editorMode === 'Markdown' && linkUrl === '') {
+            linkUrl = 'http://';
+        }
         if (linkUrl === '') {
             this.selfLink.checkUrl(true);
             return;
         }
         if (!this.selfLink.isUrl(linkUrl)) {
-            linkText = (linkText === '') ? linkUrl : linkText;
+            if (this.selfLink.parent.editorMode === 'Markdown') {
+                linkText = (linkText !== '') ? linkText : '';
+            }
+            else {
+                linkText = (linkText === '') ? linkUrl : linkText;
+            }
             if (!this.selfLink.parent.enableAutoUrl) {
                 linkUrl = linkUrl.indexOf('http') > -1 ? linkUrl : 'http://' + linkUrl;
             }
@@ -512,6 +540,7 @@ var Link = /** @class */ (function () {
                 this.parent.inlineMode.enable && !closest(target, '#' + this.dialogObj.element.id)) &&
                 !closest(target, '#' + this.parent.getID() + '_toolbar_CreateLink') &&
                 !target.querySelector('#' + this.parent.getID() + '_toolbar_CreateLink')))) {
+            this.parent.notify(events.documentClickClosedBy, { closedBy: "outside click" });
             this.dialogObj.hide({ returnValue: true });
             EventHandler.remove(this.parent.element.ownerDocument, 'mousedown', this.onDocumentClick);
             this.parent.isBlur = true;

package/src/rich-text-editor/renderer/table-module.d.ts

@@ -33,8 +33,8 @@ export declare class Table {
     private helper;
     private dialogRenderObj;
     private currentColumnResize;
-    private currentMarginLeft;
     private previousTableElement;
+    private resizeEndTime;
     private constructor();
     protected addEventListener(): void;
     protected removeEventListener(): void;
@@ -46,6 +46,7 @@ export declare class Table {
     private UpdateCells;
     private keyUp;
     private keyDown;
+    private handleSelectAll;
     private tableModulekeyUp;
     private openDialog;
     private showDialog;
@@ -54,11 +55,13 @@ export declare class Table {
     private verticalAlign;
     private tableStyles;
     private insideList;
+    private removeEmptyTextNodes;
     private tabSelection;
     private tableArrowNavigation;
     private setBGColor;
     private hideTableQuickToolbar;
     private tableHeader;
+    private getAnchorNode;
     private editAreaClickHandler;
     private tableCellSelect;
     private tableMouseUp;
@@ -74,23 +77,27 @@ export declare class Table {
     private getPointX;
     private getPointY;
     private resizeStart;
+    private getCellIndex;
     private removeHelper;
     private appendHelper;
     private setHelperHeight;
     private updateHelper;
     private calMaxCol;
     private resizing;
+    private getCurrentColWidth;
     private getCurrentTableWidth;
     private findFirstLastColCells;
     private convertPixelToPercentage;
     private cancelResizeAction;
     private resizeEnd;
+    private resetResizeHelper;
     private resizeBtnInit;
     private addRow;
     private addColumn;
     private removeRowColumn;
     private removeTable;
     private renderDlgContent;
+    private onIframeMouseDown;
     private docClick;
     private drawTable;
     private editTable;
@@ -118,4 +125,6 @@ export declare class Table {
      * @returns {void}
      */
     private getModuleName;
+    private afterKeyDown;
+    private updateResizeIconPosition;
 }