roosterjs 9.11.2 → 9.12.0

package/dist/rooster-amd.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for roosterjs (Version 9.11.2)
+// Type definitions for roosterjs (Version 9.12.0)
 // Generated by dts tool from roosterjs
 // Project: https://github.com/Microsoft/roosterjs
 
@@ -4359,6 +4359,28 @@ export interface ContextMenuPluginState {
     contextMenuProviders: ContextMenuProvider<any>[];
 }
 
+/**
+ * Options to customize the Auto link options in Auto Format Plugin
+ */
+export interface AutoLinkOptions {
+    /**
+     * When press backspace before a link, remove the hyperlink
+     */
+    autoUnlink?: boolean;
+    /**
+     * When paste or type content with a link, create hyperlink for the link
+     */
+    autoLink?: boolean;
+    /**
+     * When paste content or type content with telephone, create hyperlink for the telephone number
+     */
+    autoTel?: boolean;
+    /**
+     * When paste or type a content with mailto, create hyperlink for the content
+     */
+    autoMailto?: boolean;
+}
+
 /**
  * Current running environment
  */
@@ -5333,14 +5355,16 @@ export interface MergeModelOption {
     insertPosition?: InsertPoint;
     /**
      * Use this to decide whether to change the source model format when doing the merge.
-     * 'mergeAll': segment format of the insert position will be merged into the content that is merged into current model.
+     * 'mergeAll': (deprecated) Use PreferSource Instead, segment format of the insert position will be merged into the content that is merged into current model.
      * If the source model already has some format, it will not be overwritten.
      * 'keepSourceEmphasisFormat': format of the insert position will be set into the content that is merged into current model.
      * If the source model already has emphasis format, such as, fontWeight, Italic or underline different than the default style, it will not be overwritten.
      * 'none' the source segment format will not be modified.
+     * 'preferSource' Will merge both formatting, but source will overwrite target
+     * 'preferTarget' Will merge both formatting, but target will overwrite source
      * @default undefined
      */
-    mergeFormat?: 'mergeAll' | 'keepSourceEmphasisFormat' | 'none';
+    mergeFormat?: 'mergeAll' | 'keepSourceEmphasisFormat' | 'none' | 'preferSource' | 'preferTarget';
     /**
      * Whether to add a paragraph after the merged content.
      */
@@ -7181,9 +7205,10 @@ export function getListStyleTypeFromString(listType: 'OL' | 'UL', bullet: string
 /**
  * Get the text format of a segment, this function will return only format that is applicable to text
  * @param segment The segment to get format from
+ * @param includingBIU When pass true, also get Bold/Italic/Underline format
  * @returns
  */
-export function getSegmentTextFormat(segment: ReadonlyContentModelSegment): ContentModelSegmentFormat;
+export function getSegmentTextFormat(segment: ReadonlyContentModelSegment, includingBIU?: boolean): ContentModelSegmentFormat;
 
 /**
  * Get index of closest ancestor block group of the expected block group type. If not found, return -1
@@ -8269,6 +8294,19 @@ export function setModelIndentation(model: ReadonlyContentModelDocument, indenta
  */
 export function matchLink(url: string): LinkData | null;
 
+/**
+ * Promote the given text segment to a hyper link when the segment text is ending with a valid link format.
+ * When the whole text segment if of a link, promote the whole segment.
+ * When the text segment ends with a link format, split the segment and promote the second part
+ * When link is in middle of the text segment, no action.
+ * This is mainly used for doing auto link when there is a link before cursor
+ * @param segment The text segment to search link text from
+ * @param paragraph Parent paragraph of the segment
+ * @param options Options of auto link
+ * @returns If a link is promoted, return this segment. Otherwise return null
+ */
+export function promoteLink(segment: ContentModelText, paragraph: ShallowMutableContentModelParagraph, autoLinkOptions: AutoLinkOptions): ContentModelText | null;
+
 /**
  * Get announce data for list item
  * @param path Content model path that include the list item
@@ -8527,28 +8565,6 @@ export interface AutoFormatOptions extends AutoLinkOptions  {
     autoOrdinals?: boolean;
 }
 
-/**
- * Options to customize the Auto link options in Auto Format Plugin
- */
-export interface AutoLinkOptions {
-    /**
-     * When press backspace before a link, remove the hyperlink
-     */
-    autoUnlink?: boolean;
-    /**
-     * When paste or type content with a link, create hyperlink for the link
-     */
-    autoLink?: boolean;
-    /**
-     * When paste content or type content with telephone, create hyperlink for the telephone number
-     */
-    autoTel?: boolean;
-    /**
-     * When paste or type a content with mailto, create hyperlink for the content
-     */
-    autoMailto?: boolean;
-}
-
 /**
  * Shortcut command for Bold
  * Windows: Ctrl + B

package/dist/rooster-amd.js

@@ -2094,7 +2094,7 @@ exports["default"] = getDarkColor;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.formatSegmentWithContentModel = exports.formatParagraphWithContentModel = exports.formatImageWithContentModel = exports.formatTableWithContentModel = exports.clearSelectedCells = exports.insertTableColumn = exports.insertTableRow = exports.insertEntity = exports.toggleCode = exports.setParagraphMargin = exports.adjustImageSelection = exports.setImageAltText = exports.adjustLinkSelection = exports.removeLink = exports.insertLink = exports.clearFormat = exports.getFormatState = exports.changeImage = exports.setImageBoxShadow = exports.setImageBorder = exports.setSpacing = exports.toggleBlockQuote = exports.setHeadingLevel = exports.setDirection = exports.setAlignment = exports.setIndentation = exports.setListStartNumber = exports.setListStyle = exports.insertImage = exports.splitTextSegment = exports.changeCapitalization = exports.applySegmentFormat = exports.changeFontSize = exports.setTextColor = exports.setFontSize = exports.setFontName = exports.setBackgroundColor = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleUnderline = exports.toggleItalic = exports.toggleBold = exports.toggleNumbering = exports.toggleBullet = exports.applyTableBorderFormat = exports.editTable = exports.setTableCellShade = exports.formatTable = exports.insertTable = void 0;
-exports.getListAnnounceData = exports.matchLink = exports.setModelIndentation = exports.findListItemsInSameThread = exports.setModelListStartNumber = exports.setModelListStyle = exports.setListType = exports.formatInsertPointWithContentModel = exports.formatTextSegmentBeforeSelectionMarker = void 0;
+exports.getListAnnounceData = exports.promoteLink = exports.matchLink = exports.setModelIndentation = exports.findListItemsInSameThread = exports.setModelListStartNumber = exports.setModelListStyle = exports.setListType = exports.formatInsertPointWithContentModel = exports.formatTextSegmentBeforeSelectionMarker = void 0;
 var insertTable_1 = __webpack_require__(/*! ./publicApi/table/insertTable */ "./packages/roosterjs-content-model-api/lib/publicApi/table/insertTable.ts");
 Object.defineProperty(exports, "insertTable", ({ enumerable: true, get: function () { return insertTable_1.insertTable; } }));
 var formatTable_1 = __webpack_require__(/*! ./publicApi/table/formatTable */ "./packages/roosterjs-content-model-api/lib/publicApi/table/formatTable.ts");
@@ -2211,6 +2211,8 @@ var setModelIndentation_1 = __webpack_require__(/*! ./modelApi/block/setModelInd
 Object.defineProperty(exports, "setModelIndentation", ({ enumerable: true, get: function () { return setModelIndentation_1.setModelIndentation; } }));
 var matchLink_1 = __webpack_require__(/*! ./modelApi/link/matchLink */ "./packages/roosterjs-content-model-api/lib/modelApi/link/matchLink.ts");
 Object.defineProperty(exports, "matchLink", ({ enumerable: true, get: function () { return matchLink_1.matchLink; } }));
+var promoteLink_1 = __webpack_require__(/*! ./modelApi/link/promoteLink */ "./packages/roosterjs-content-model-api/lib/modelApi/link/promoteLink.ts");
+Object.defineProperty(exports, "promoteLink", ({ enumerable: true, get: function () { return promoteLink_1.promoteLink; } }));
 var getListAnnounceData_1 = __webpack_require__(/*! ./modelApi/list/getListAnnounceData */ "./packages/roosterjs-content-model-api/lib/modelApi/list/getListAnnounceData.ts");
 Object.defineProperty(exports, "getListAnnounceData", ({ enumerable: true, get: function () { return getListAnnounceData_1.getListAnnounceData; } }));
 
@@ -3066,6 +3068,42 @@ function applyImageBorderFormat(image, border, borderRadius) {
 exports.applyImageBorderFormat = applyImageBorderFormat;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-api/lib/modelApi/link/getLinkUrl.ts":
+/*!******************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-api/lib/modelApi/link/getLinkUrl.ts ***!
+  \******************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.getLinkUrl = void 0;
+var matchLink_1 = __webpack_require__(/*! ./matchLink */ "./packages/roosterjs-content-model-api/lib/modelApi/link/matchLink.ts");
+var COMMON_REGEX = "[s]*[a-zA-Z0-9+][s]*";
+var TELEPHONE_REGEX = "(T|t)el:" + COMMON_REGEX;
+var MAILTO_REGEX = "(M|m)ailto:" + COMMON_REGEX;
+/**
+ * @internal
+ */
+function getLinkUrl(text, autoLinkOptions) {
+    var _a;
+    var _b = autoLinkOptions !== null && autoLinkOptions !== void 0 ? autoLinkOptions : {}, autoLink = _b.autoLink, autoMailto = _b.autoMailto, autoTel = _b.autoTel;
+    var linkMatch = autoLink ? (_a = (0, matchLink_1.matchLink)(text)) === null || _a === void 0 ? void 0 : _a.normalizedUrl : undefined;
+    var telMatch = autoTel ? matchTel(text) : undefined;
+    var mailtoMatch = autoMailto ? matchMailTo(text) : undefined;
+    return linkMatch || telMatch || mailtoMatch;
+}
+exports.getLinkUrl = getLinkUrl;
+function matchTel(text) {
+    return text.match(TELEPHONE_REGEX) ? text.toLocaleLowerCase() : undefined;
+}
+function matchMailTo(text) {
+    return text.match(MAILTO_REGEX) ? text.toLocaleLowerCase() : undefined;
+}
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-api/lib/modelApi/link/matchLink.ts":
@@ -3170,6 +3208,51 @@ function matchLink(url) {
 exports.matchLink = matchLink;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-api/lib/modelApi/link/promoteLink.ts":
+/*!*******************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-api/lib/modelApi/link/promoteLink.ts ***!
+  \*******************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.promoteLink = void 0;
+var getLinkUrl_1 = __webpack_require__(/*! ./getLinkUrl */ "./packages/roosterjs-content-model-api/lib/modelApi/link/getLinkUrl.ts");
+var splitTextSegment_1 = __webpack_require__(/*! ../../publicApi/segment/splitTextSegment */ "./packages/roosterjs-content-model-api/lib/publicApi/segment/splitTextSegment.ts");
+/**
+ * Promote the given text segment to a hyper link when the segment text is ending with a valid link format.
+ * When the whole text segment if of a link, promote the whole segment.
+ * When the text segment ends with a link format, split the segment and promote the second part
+ * When link is in middle of the text segment, no action.
+ * This is mainly used for doing auto link when there is a link before cursor
+ * @param segment The text segment to search link text from
+ * @param paragraph Parent paragraph of the segment
+ * @param options Options of auto link
+ * @returns If a link is promoted, return this segment. Otherwise return null
+ */
+function promoteLink(segment, paragraph, autoLinkOptions) {
+    var link = segment.text.split(' ').pop();
+    var url = link === null || link === void 0 ? void 0 : link.trim();
+    var linkUrl = undefined;
+    if (url && link && (linkUrl = (0, getLinkUrl_1.getLinkUrl)(url, autoLinkOptions))) {
+        var linkSegment = (0, splitTextSegment_1.splitTextSegment)(segment, paragraph, segment.text.length - link.trimLeft().length, segment.text.trimRight().length);
+        linkSegment.link = {
+            format: {
+                href: linkUrl,
+                underline: true,
+            },
+            dataset: {},
+        };
+        return linkSegment;
+    }
+    return null;
+}
+exports.promoteLink = promoteLink;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-api/lib/modelApi/list/findListItemsInSameThread.ts":
@@ -18434,12 +18517,15 @@ var directionFormatHandler_1 = __webpack_require__(/*! ./directionFormatHandler
  */
 exports.htmlAlignFormatHandler = {
     parse: function (format, element, context, defaultStyle) {
-        directionFormatHandler_1.directionFormatHandler.parse(format, element, context, defaultStyle);
-        var htmlAlign = element.getAttribute('align');
-        if (htmlAlign) {
-            format.htmlAlign = (0, dir_1.calcAlign)(htmlAlign, format.direction);
-            delete format.textAlign;
-            delete context.blockFormat.textAlign;
+        // When there is text-align in CSS style on the same element, we should ignore HTML align
+        if (!element.style.textAlign) {
+            directionFormatHandler_1.directionFormatHandler.parse(format, element, context, defaultStyle);
+            var htmlAlign = element.getAttribute('align');
+            if (htmlAlign) {
+                format.htmlAlign = (0, dir_1.calcAlign)(htmlAlign, format.direction);
+                delete format.textAlign;
+                delete context.blockFormat.textAlign;
+            }
         }
     },
     apply: function (format, element) {
@@ -22624,7 +22710,7 @@ function deleteExpandedSelection(model, formatContext) {
                 // so we can put cursor here after delete
                 paragraph = block_1;
                 insertMarkerIndex = indexes[0];
-                markerFormat = (0, getSegmentTextFormat_1.getSegmentTextFormat)(segments[0]);
+                markerFormat = (0, getSegmentTextFormat_1.getSegmentTextFormat)(segments[0], true /*includingBIU*/);
                 context.lastParagraph = paragraph;
                 context.lastTableContext = tableContext;
                 segments.forEach(function (segment, i) {
@@ -22968,18 +23054,22 @@ exports.getSegmentTextFormat = void 0;
 /**
  * Get the text format of a segment, this function will return only format that is applicable to text
  * @param segment The segment to get format from
+ * @param includingBIU When pass true, also get Bold/Italic/Underline format
  * @returns
  */
-function getSegmentTextFormat(segment) {
+function getSegmentTextFormat(segment, includingBIU) {
     var _a;
-    var _b = (_a = segment === null || segment === void 0 ? void 0 : segment.format) !== null && _a !== void 0 ? _a : {}, fontFamily = _b.fontFamily, fontSize = _b.fontSize, textColor = _b.textColor, backgroundColor = _b.backgroundColor, letterSpacing = _b.letterSpacing, lineHeight = _b.lineHeight;
+    var format = (_a = segment.format) !== null && _a !== void 0 ? _a : {};
     var textFormat = {
-        fontFamily: fontFamily,
-        fontSize: fontSize,
-        textColor: textColor,
-        backgroundColor: backgroundColor,
-        letterSpacing: letterSpacing,
-        lineHeight: lineHeight,
+        fontFamily: format.fontFamily,
+        fontSize: format.fontSize,
+        textColor: format.textColor,
+        backgroundColor: format.backgroundColor,
+        letterSpacing: format.letterSpacing,
+        lineHeight: format.lineHeight,
+        fontWeight: includingBIU ? format.fontWeight : undefined,
+        italic: includingBIU ? format.italic : undefined,
+        underline: includingBIU ? format.underline : undefined,
     };
     return removeUndefinedValues(textFormat);
 }
@@ -23293,12 +23383,26 @@ function getSegmentFormatInLinkFormat(targetFormat) {
     return result;
 }
 function mergeLinkFormat(applyDefaultFormatOption, targetFormat, sourceFormat) {
-    return applyDefaultFormatOption == 'mergeAll'
-        ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, getSegmentFormatInLinkFormat(targetFormat)), sourceFormat) : (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, getFormatWithoutSegmentFormat(sourceFormat)), getSegmentFormatInLinkFormat(targetFormat)), getSemanticFormat(sourceFormat)), getHyperlinkTextColor(sourceFormat));
+    switch (applyDefaultFormatOption) {
+        case 'mergeAll':
+        case 'preferSource':
+            return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, getSegmentFormatInLinkFormat(targetFormat)), sourceFormat);
+        case 'keepSourceEmphasisFormat':
+            return (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, getFormatWithoutSegmentFormat(sourceFormat)), getSegmentFormatInLinkFormat(targetFormat)), getSemanticFormat(sourceFormat)), getHyperlinkTextColor(sourceFormat));
+        case 'preferTarget':
+            return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, sourceFormat), getSegmentFormatInLinkFormat(targetFormat));
+    }
 }
 function mergeSegmentFormat(applyDefaultFormatOption, targetFormat, sourceFormat) {
-    return applyDefaultFormatOption == 'mergeAll'
-        ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, targetFormat), sourceFormat) : (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, getFormatWithoutSegmentFormat(sourceFormat)), targetFormat), getSemanticFormat(sourceFormat));
+    switch (applyDefaultFormatOption) {
+        case 'mergeAll':
+        case 'preferSource':
+            return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, targetFormat), sourceFormat);
+        case 'preferTarget':
+            return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, sourceFormat), targetFormat);
+        case 'keepSourceEmphasisFormat':
+            return (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, getFormatWithoutSegmentFormat(sourceFormat)), targetFormat), getSemanticFormat(sourceFormat));
+    }
 }
 function getSemanticFormat(segmentFormat) {
     var result = {};
@@ -26602,7 +26706,6 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.AutoFormatPlugin = void 0;
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var createLink_1 = __webpack_require__(/*! ./link/createLink */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/link/createLink.ts");
-var createLinkAfterSpace_1 = __webpack_require__(/*! ./link/createLinkAfterSpace */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/link/createLinkAfterSpace.ts");
 var roosterjs_content_model_api_1 = __webpack_require__(/*! roosterjs-content-model-api */ "./packages/roosterjs-content-model-api/lib/index.ts");
 var keyboardListTrigger_1 = __webpack_require__(/*! ./list/keyboardListTrigger */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/list/keyboardListTrigger.ts");
 var transformFraction_1 = __webpack_require__(/*! ./numbers/transformFraction */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/numbers/transformFraction.ts");
@@ -26712,11 +26815,14 @@ var AutoFormatPlugin = /** @class */ (function () {
                             shouldList = (0, keyboardListTrigger_1.keyboardListTrigger)(model, paragraph, context, autoBullet, autoNumbering);
                         }
                         if (autoLink || autoTel || autoMailto) {
-                            shouldLink = (0, createLinkAfterSpace_1.createLinkAfterSpace)(previousSegment, paragraph, context, {
+                            shouldLink = !!(0, roosterjs_content_model_api_1.promoteLink)(previousSegment, paragraph, {
                                 autoLink: autoLink,
                                 autoTel: autoTel,
                                 autoMailto: autoMailto,
                             });
+                            if (shouldLink) {
+                                context.canUndoByBackspace = true;
+                            }
                         }
                         if (autoHyphen) {
                             shouldHyphen = (0, transformHyphen_1.transformHyphen)(previousSegment, paragraph, context);
@@ -26740,6 +26846,7 @@ var AutoFormatPlugin = /** @class */ (function () {
         }
     };
     AutoFormatPlugin.prototype.handleKeyDownEvent = function (editor, event) {
+        var _this = this;
         var rawEvent = event.rawEvent;
         if (!rawEvent.defaultPrevented && !event.handledByEditFeature) {
             switch (rawEvent.key) {
@@ -26748,6 +26855,20 @@ var AutoFormatPlugin = /** @class */ (function () {
                         (0, unlink_1.unlink)(editor, rawEvent);
                     }
                     break;
+                case 'Tab':
+                    (0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(editor, function (model, _previousSegment, paragraph, _markerFormat, context) {
+                        var _a = _this.options, autoBullet = _a.autoBullet, autoNumbering = _a.autoNumbering;
+                        var shouldList = false;
+                        if (autoBullet || autoNumbering) {
+                            shouldList = (0, keyboardListTrigger_1.keyboardListTrigger)(model, paragraph, context, autoBullet, autoNumbering);
+                            context.canUndoByBackspace = shouldList;
+                            event.rawEvent.preventDefault();
+                        }
+                        return shouldList;
+                    }, {
+                        changeSource: roosterjs_content_model_dom_1.ChangeSource.AutoFormat,
+                        apiName: 'autoToggleList',
+                    });
             }
         }
     };
@@ -26835,33 +26956,26 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.createLink = void 0;
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
 var roosterjs_content_model_api_1 = __webpack_require__(/*! roosterjs-content-model-api */ "./packages/roosterjs-content-model-api/lib/index.ts");
-var getLinkUrl_1 = __webpack_require__(/*! ./getLinkUrl */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/link/getLinkUrl.ts");
 /**
  * @internal
  */
 function createLink(editor, autoLinkOptions) {
     var anchorNode = null;
     var links = [];
-    (0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(editor, function (_model, linkSegment, _paragraph) {
-        if (linkSegment.link) {
-            links.push(linkSegment.link);
+    (0, roosterjs_content_model_api_1.formatTextSegmentBeforeSelectionMarker)(editor, function (_model, segment, paragraph) {
+        var promotedSegment = null;
+        if (segment.link) {
+            links.push(segment.link);
             return true;
         }
-        var linkUrl = undefined;
-        if (!linkSegment.link && (linkUrl = (0, getLinkUrl_1.getLinkUrl)(linkSegment.text, autoLinkOptions))) {
-            (0, roosterjs_content_model_dom_1.addLink)(linkSegment, {
-                format: {
-                    href: linkUrl,
-                    underline: true,
-                },
-                dataset: {},
-            });
-            if (linkSegment.link) {
-                links.push(linkSegment.link);
-            }
+        else if ((promotedSegment = (0, roosterjs_content_model_api_1.promoteLink)(segment, paragraph, autoLinkOptions)) &&
+            promotedSegment.link) {
+            links.push(promotedSegment.link);
             return true;
         }
-        return false;
+        else {
+            return false;
+        }
     }, {
         changeSource: roosterjs_content_model_dom_1.ChangeSource.AutoLink,
         onNodeCreated: function (modelElement, node) {
@@ -26875,80 +26989,6 @@ function createLink(editor, autoLinkOptions) {
 exports.createLink = createLink;
 
 
-/***/ }),
-
-/***/ "./packages/roosterjs-content-model-plugins/lib/autoFormat/link/createLinkAfterSpace.ts":
-/*!**********************************************************************************************!*\
-  !*** ./packages/roosterjs-content-model-plugins/lib/autoFormat/link/createLinkAfterSpace.ts ***!
-  \**********************************************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.createLinkAfterSpace = void 0;
-var getLinkUrl_1 = __webpack_require__(/*! ./getLinkUrl */ "./packages/roosterjs-content-model-plugins/lib/autoFormat/link/getLinkUrl.ts");
-var roosterjs_content_model_api_1 = __webpack_require__(/*! roosterjs-content-model-api */ "./packages/roosterjs-content-model-api/lib/index.ts");
-/**
- * @internal
- */
-function createLinkAfterSpace(previousSegment, paragraph, context, autoLinkOptions) {
-    var link = previousSegment.text.split(' ').pop();
-    var url = link === null || link === void 0 ? void 0 : link.trim();
-    var linkUrl = undefined;
-    if (url && link && (linkUrl = (0, getLinkUrl_1.getLinkUrl)(url, autoLinkOptions))) {
-        var linkSegment = (0, roosterjs_content_model_api_1.splitTextSegment)(previousSegment, paragraph, previousSegment.text.length - link.trimLeft().length, previousSegment.text.trimRight().length);
-        linkSegment.link = {
-            format: {
-                href: linkUrl,
-                underline: true,
-            },
-            dataset: {},
-        };
-        context.canUndoByBackspace = true;
-        return true;
-    }
-    return false;
-}
-exports.createLinkAfterSpace = createLinkAfterSpace;
-
-
-/***/ }),
-
-/***/ "./packages/roosterjs-content-model-plugins/lib/autoFormat/link/getLinkUrl.ts":
-/*!************************************************************************************!*\
-  !*** ./packages/roosterjs-content-model-plugins/lib/autoFormat/link/getLinkUrl.ts ***!
-  \************************************************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.getLinkUrl = void 0;
-var roosterjs_content_model_api_1 = __webpack_require__(/*! roosterjs-content-model-api */ "./packages/roosterjs-content-model-api/lib/index.ts");
-var COMMON_REGEX = "[s]*[a-zA-Z0-9+][s]*";
-var TELEPHONE_REGEX = "(T|t)el:" + COMMON_REGEX;
-var MAILTO_REGEX = "(M|m)ailto:" + COMMON_REGEX;
-/**
- * @internal
- */
-function getLinkUrl(text, autoLinkOptions) {
-    var _a;
-    var autoLink = autoLinkOptions.autoLink, autoMailto = autoLinkOptions.autoMailto, autoTel = autoLinkOptions.autoTel;
-    var linkMatch = autoLink ? (_a = (0, roosterjs_content_model_api_1.matchLink)(text)) === null || _a === void 0 ? void 0 : _a.normalizedUrl : undefined;
-    var telMatch = autoTel ? matchTel(text) : undefined;
-    var mailtoMatch = autoMailto ? matchMailTo(text) : undefined;
-    return linkMatch || telMatch || mailtoMatch;
-}
-exports.getLinkUrl = getLinkUrl;
-function matchTel(text) {
-    return text.match(TELEPHONE_REGEX) ? text.toLocaleLowerCase() : undefined;
-}
-function matchMailTo(text) {
-    return text.match(MAILTO_REGEX) ? text.toLocaleLowerCase() : undefined;
-}
-
-
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/autoFormat/link/unlink.ts":
@@ -27419,6 +27459,7 @@ var getOrdinal = function (value) {
     };
     return ORDINALS[value] || 'th';
 };
+var ORDINALS = ['st', 'nd', 'rd', 'th'];
 /**
  * The two last characters of ordinal number (st, nd, rd, th)
  */
@@ -27428,21 +27469,39 @@ var ORDINAL_LENGTH = 2;
  */ function transformOrdinals(previousSegment, paragraph, context) {
     var _a;
     var value = (_a = previousSegment.text.split(' ').pop()) === null || _a === void 0 ? void 0 : _a.trim();
+    var shouldAddSuperScript = false;
     if (value) {
-        var ordinal = value.substring(value.length - ORDINAL_LENGTH); // This value  is equal st, nd, rd, th
-        var numericValue = getNumericValue(value); //This is the numeric part. Ex: 10th, numeric value = 10
-        if (numericValue && getOrdinal(numericValue) === ordinal) {
+        var isOrdinal = ORDINALS.indexOf(value) > -1;
+        if (isOrdinal) {
+            var index = paragraph.segments.indexOf(previousSegment);
+            var numberSegment = paragraph.segments[index - 1];
+            var numericValue = null;
+            if (numberSegment &&
+                numberSegment.segmentType == 'Text' &&
+                (numericValue = getNumericValue(numberSegment.text, true /* checkFullText */)) &&
+                getOrdinal(numericValue) === value) {
+                shouldAddSuperScript = true;
+            }
+        }
+        else {
+            var ordinal = value.substring(value.length - ORDINAL_LENGTH); // This value  is equal st, nd, rd, th
+            var numericValue = getNumericValue(value); //This is the numeric part. Ex: 10th, numeric value =
+            if (numericValue && getOrdinal(numericValue) === ordinal) {
+                shouldAddSuperScript = true;
+            }
+        }
+        if (shouldAddSuperScript) {
             var ordinalSegment = (0, roosterjs_content_model_api_1.splitTextSegment)(previousSegment, paragraph, previousSegment.text.length - 3, previousSegment.text.length - 1);
             ordinalSegment.format.superOrSubScriptSequence = 'super';
             context.canUndoByBackspace = true;
-            return true;
         }
     }
-    return false;
+    return shouldAddSuperScript;
 }
 exports.transformOrdinals = transformOrdinals;
-function getNumericValue(text) {
-    var number = text.substring(0, text.length - ORDINAL_LENGTH);
+function getNumericValue(text, checkFullText) {
+    if (checkFullText === void 0) { checkFullText = false; }
+    var number = checkFullText ? text : text.substring(0, text.length - ORDINAL_LENGTH);
     var isNumber = /^-?\d+$/.test(number);
     if (isNumber) {
         return parseInt(text);
@@ -27777,6 +27836,7 @@ var EditPlugin = /** @class */ (function () {
     };
     EditPlugin.prototype.handleKeyDownEvent = function (editor, event) {
         var rawEvent = event.rawEvent;
+        var hasCtrlOrMetaKey = rawEvent.ctrlKey || rawEvent.metaKey;
         if (!rawEvent.defaultPrevented && !event.handledByEditFeature) {
             switch (rawEvent.key) {
                 case 'Backspace':
@@ -27793,7 +27853,7 @@ var EditPlugin = /** @class */ (function () {
                     }
                     break;
                 case 'Tab':
-                    if (this.options.handleTabKey) {
+                    if (this.options.handleTabKey && !hasCtrlOrMetaKey) {
                         (0, keyboardTab_1.keyboardTab)(editor, rawEvent);
                     }
                     break;
@@ -27803,7 +27863,9 @@ var EditPlugin = /** @class */ (function () {
                     }
                     break;
                 case 'Enter':
-                    (0, keyboardEnter_1.keyboardEnter)(editor, rawEvent, this.handleNormalEnter);
+                    if (!hasCtrlOrMetaKey) {
+                        (0, keyboardEnter_1.keyboardEnter)(editor, rawEvent, this.handleNormalEnter);
+                    }
                     break;
                 default:
                     (0, keyboardInput_1.keyboardInput)(editor, rawEvent);
@@ -28366,6 +28428,41 @@ function shouldDeleteAllSegmentsBefore(rawEvent) {
 exports.shouldDeleteAllSegmentsBefore = shouldDeleteAllSegmentsBefore;
 
 
+/***/ }),
+
+/***/ "./packages/roosterjs-content-model-plugins/lib/edit/inputSteps/handleAutoLink.ts":
+/*!****************************************************************************************!*\
+  !*** ./packages/roosterjs-content-model-plugins/lib/edit/inputSteps/handleAutoLink.ts ***!
+  \****************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.handleAutoLink = void 0;
+var roosterjs_content_model_api_1 = __webpack_require__(/*! roosterjs-content-model-api */ "./packages/roosterjs-content-model-api/lib/index.ts");
+/**
+ * @internal
+ */
+var handleAutoLink = function (context) {
+    var deleteResult = context.deleteResult, insertPoint = context.insertPoint;
+    if (deleteResult == 'notDeleted' || deleteResult == 'nothingToDelete') {
+        var marker = insertPoint.marker, paragraph = insertPoint.paragraph;
+        var index = paragraph.segments.indexOf(marker);
+        var segBefore = index > 0 ? paragraph.segments[index - 1] : null;
+        if ((segBefore === null || segBefore === void 0 ? void 0 : segBefore.segmentType) == 'Text' &&
+            (0, roosterjs_content_model_api_1.promoteLink)(segBefore, paragraph, {
+                autoLink: true,
+            }) &&
+            context.formatContext) {
+            context.formatContext.canUndoByBackspace = true;
+        }
+        // Do not set deleteResult here since we haven't really start a new paragraph, we need other delete step to keep working on it
+    }
+};
+exports.handleAutoLink = handleAutoLink;
+
+
 /***/ }),
 
 /***/ "./packages/roosterjs-content-model-plugins/lib/edit/inputSteps/handleEnterOnList.ts":
@@ -28595,6 +28692,7 @@ function canDeleteAfter(rawEvent, range) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.keyboardEnter = void 0;
 var deleteEmptyQuote_1 = __webpack_require__(/*! ./deleteSteps/deleteEmptyQuote */ "./packages/roosterjs-content-model-plugins/lib/edit/deleteSteps/deleteEmptyQuote.ts");
+var handleAutoLink_1 = __webpack_require__(/*! ./inputSteps/handleAutoLink */ "./packages/roosterjs-content-model-plugins/lib/edit/inputSteps/handleAutoLink.ts");
 var handleEnterOnList_1 = __webpack_require__(/*! ./inputSteps/handleEnterOnList */ "./packages/roosterjs-content-model-plugins/lib/edit/inputSteps/handleEnterOnList.ts");
 var handleEnterOnParagraph_1 = __webpack_require__(/*! ./inputSteps/handleEnterOnParagraph */ "./packages/roosterjs-content-model-plugins/lib/edit/inputSteps/handleEnterOnParagraph.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "./packages/roosterjs-content-model-dom/lib/index.ts");
@@ -28612,7 +28710,9 @@ function keyboardEnter(editor, rawEvent, handleNormalEnter) {
             // For ENTER key, although we may have deleted something, since we still need to split the line, we always treat it as not delete
             // so further delete steps can keep working
             result.deleteResult = 'notDeleted';
-            var steps = rawEvent.shiftKey ? [] : [handleEnterOnList_1.handleEnterOnList, deleteEmptyQuote_1.deleteEmptyQuote];
+            var steps = rawEvent.shiftKey
+                ? []
+                : [handleAutoLink_1.handleAutoLink, handleEnterOnList_1.handleEnterOnList, deleteEmptyQuote_1.deleteEmptyQuote];
             if (handleNormalEnter) {
                 steps.push(handleEnterOnParagraph_1.handleEnterOnParagraph);
             }