Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 | 1x 1x 1x 1x 1x 1x 1x 9x 9x 9x 7x 7x 7x 7x 7x 7x 11x 7x 7x 7x 3x 5x 5x 5x 5x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 7x 7x 3x 1x 1x 1x 13x 9x 9x | import { adjustTrailingSpaceSelection } from '../../modelApi/selection/adjustTrailingSpaceSelection'; import { matchLink } from '../../modelApi/link/matchLink'; import { addLink, addSegment, ChangeSource, createContentModelDocument, createText, getSelectedSegments, mergeModel, } from 'roosterjs-content-model-dom'; import type { ContentModelLink, IEditor } from 'roosterjs-content-model-types'; // Regex matching Uri scheme const URI_REGEX = /^[a-zA-Z]+:/i; // Regex matching begin of email address const MAILTO_REGEX = /^[\w.%+-]+@/i; // Regex matching begin of ftp, i.e. ftp.microsoft.com const FTP_REGEX = /^ftp\./i; /** * Insert a hyperlink at cursor. * When there is a selection, hyperlink will be applied to the selection, * otherwise a hyperlink will be inserted to the cursor position. * @param editor Editor object * @param link Link address, can be http(s), mailto, notes, file, unc, ftp, news, telnet, gopher, wais. * When protocol is not specified, a best matched protocol will be predicted. * @param anchorTitle Optional alt text of the link, will be shown when hover on the link * @param displayText Optional display text for the link. * @param target Optional display target for the link ("_blank"|"_self"|"_parent"|"_top"|"{framename}") * If specified, the display text of link will be replaced with this text. * If not specified and there wasn't a link, the link url will be used as display text. */ export function insertLink( editor: IEditor, link: string, anchorTitle?: string, displayText?: string, target?: string ) { editor.focus(); const url = (checkXss(link) || '').trim(); if (url) { const linkData = matchLink(url); const linkUrl = linkData ? linkData.normalizedUrl : applyLinkPrefix(url); const links: ContentModelLink[] = []; let anchorNode: Node | undefined; editor.formatContentModel( (model, context) => { const segments = getSelectedSegments( model, false /*includingFormatHolder*/, true /*mutate*/ ); const originalText = segments .map(x => (x.segmentType == 'Text' ? x.text : '')) .join(''); const text = displayText || originalText || ''; if ( segments.some(x => x.segmentType != 'SelectionMarker') && originalText == text ) { segments.forEach(x => { const link = createLink( linkUrl, anchorTitle, target, x.segmentType == 'Text' ); addLink(x, link); Eif (x.link) { links.push(x.link); } }); } else Eif ( segments.every(x => x.segmentType == 'SelectionMarker') || (!!text && text != originalText) ) { const segment = createText(text || (linkData ? linkData.originalUrl : url), { ...segments[0]?.format, ...editor.getPendingFormat(), }); const doc = createContentModelDocument(); const link = createLink(linkUrl, anchorTitle, target); addLink(segment, link); addSegment(doc, segment); Eif (segment.link) { links.push(segment.link); } mergeModel(model, doc, context, { mergeFormat: 'mergeAll', }); } adjustTrailingSpaceSelection(model); return segments.length > 0; }, { changeSource: ChangeSource.CreateLink, onNodeCreated: (modelElement, node) => { if (!anchorNode && links.indexOf(modelElement as ContentModelLink) >= 0) { anchorNode = node; } }, getChangeData: () => anchorNode, apiName: 'insertLink', } ); } } const createLink = ( url: string, anchorTitle?: string, target?: string, underline: boolean = true ): ContentModelLink => { return { dataset: {}, format: { href: url, anchorTitle, target, underline: underline, }, }; }; function applyLinkPrefix(url: string): string { if (!url) { return url; } // Add link prefix per rule: // (a) if the url always starts with a URI scheme, leave it as it is // (b) if the url is an email address, xxx@... add mailto: prefix // (c) if the url starts with ftp., add ftp:// prefix // (d) rest, add http:// prefix let prefix = ''; if (url.search(URI_REGEX) < 0) { if (url.search(MAILTO_REGEX) == 0) { prefix = 'mailto:'; } else if (url.search(FTP_REGEX) == 0) { prefix = 'ftp://'; } else { // fallback to http:// prefix = 'http://'; } } return prefix + url; } function checkXss(link: string): string { return link.match(/s\n*c\n*r\n*i\n*p\n*t\n*:/i) ? '' : link; } |