mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-09-20 07:35:55 +08:00
Compare commits
9 commits
0b5824d976
...
f6054cbfc0
| Author | SHA1 | Date | |
|---|---|---|---|
|
f6054cbfc0 | ||
|
6294925678 | ||
|
|
f4883a9fed | ||
|
|
f1468cb08b | ||
|
|
de042ed365 | ||
|
|
7c434a618b | ||
|
|
1c7f166021 | ||
|
|
a5d461483b | ||
|
|
a6a83fa2df |
268
dev/External/SquireUI.js
vendored
268
dev/External/SquireUI.js
vendored
|
|
@ -68,7 +68,12 @@ class SquireUI
|
|||
clr.style.width = input.offsetWidth + 'px';
|
||||
|
||||
clr.value = '';
|
||||
clr.onchange = () => squire.setStyle({[name]:clr.value});
|
||||
clr.onchange = () => {
|
||||
if (name === 'color')
|
||||
squire.setTextColor(clr.value);
|
||||
else if (name === 'backgroundColor')
|
||||
squire.setHighlightColor(clr.value);
|
||||
}
|
||||
// Chrome 110+ https://github.com/the-djmaze/snappymail/issues/1199
|
||||
// clr.oninput = () => squire.setStyle({[name]:clr.value});
|
||||
setTimeout(()=>clr.click(),1);
|
||||
|
|
@ -106,12 +111,13 @@ class SquireUI
|
|||
Georgia: "'URW Palladio L', Georgia, Times, serif"
|
||||
}
|
||||
},
|
||||
cmd: s => squire.setStyle({ fontFamily: s.value })
|
||||
defaultValueIndex: 4,
|
||||
cmd: s => this.squire.setFontFace(s.value)
|
||||
},
|
||||
fontSize: {
|
||||
select: ['11px','13px','16px','20px','24px','30px'],
|
||||
defaultValueIndex: 2,
|
||||
cmd: s => squire.setStyle({ fontSize: s.value })
|
||||
cmd: s => this.squire.setFontSize(s.value)
|
||||
// TODO: maybe consider using https://developer.mozilla.org/en-US/docs/Web/CSS/font-size#values
|
||||
// example:
|
||||
// select: ['xx-small', 'x-small',' small',' medium', 'large', 'x-large', 'xx-large', 'xxx-large'],
|
||||
|
|
@ -130,16 +136,6 @@ class SquireUI
|
|||
// }
|
||||
// }
|
||||
},
|
||||
dir: {
|
||||
dir_ltr: {
|
||||
html: '⁋',
|
||||
cmd: () => squire.setTextDirection('ltr')
|
||||
},
|
||||
dir_rtl: {
|
||||
html: '¶',
|
||||
cmd: () => squire.setTextDirection('rtl')
|
||||
}
|
||||
},
|
||||
colors: {
|
||||
textColor: {
|
||||
html: 'A<sub>▾</sub>',
|
||||
|
|
@ -153,81 +149,244 @@ class SquireUI
|
|||
inline: {
|
||||
bold: {
|
||||
html: 'B',
|
||||
cmd: () => this.doAction('bold'),
|
||||
cmd: () => this.squire.hasFormat('b') ? this.doAction('removeBold') : this.doAction('bold'),
|
||||
key: 'B',
|
||||
matches: 'B,STRONT'
|
||||
},
|
||||
italic: {
|
||||
html: 'I',
|
||||
cmd: () => this.doAction('italic'),
|
||||
cmd: () => this.squire.hasFormat('i') ? this.doAction('removeItalic') : this.doAction('italic'),
|
||||
key: 'I',
|
||||
matches: 'I'
|
||||
},
|
||||
underline: {
|
||||
html: '<u>U</u>',
|
||||
cmd: () => this.doAction('underline'),
|
||||
cmd: () => this.squire.hasFormat('u') ? this.doAction('removeUnderline') : this.doAction('underline'),
|
||||
key: 'U',
|
||||
matches: 'U'
|
||||
},
|
||||
strike: {
|
||||
html: '<s>S</s>',
|
||||
cmd: () => this.doAction('strikethrough'),
|
||||
cmd: () => this.squire.hasFormat('s') ? this.doAction('removeStrikethrough') : this.doAction('strikethrough'),
|
||||
key: 'Shift + 7',
|
||||
matches: 'S'
|
||||
},
|
||||
sub: {
|
||||
html: 'Xₙ',
|
||||
cmd: () => this.doAction('subscript'),
|
||||
cmd: () => this.squire.hasFormat('sub') ? this.doAction('removeSubscript') : this.doAction('subscript'),
|
||||
key: 'Shift + 5',
|
||||
matches: 'SUB'
|
||||
},
|
||||
sup: {
|
||||
html: 'Xⁿ',
|
||||
cmd: () => this.doAction('superscript'),
|
||||
cmd: () => this.squire.hasFormat('sup') ? this.doAction('removeSuperscript') : this.doAction('superscript'),
|
||||
key: 'Shift + 6',
|
||||
matches: 'SUP'
|
||||
}
|
||||
},
|
||||
block: {
|
||||
quote: {
|
||||
html: '"',
|
||||
cmd: () => this.squire.hasFormat('blockquote') ? this.doAction('decreaseQuoteLevel') : this.doAction('increaseQuoteLevel'),
|
||||
matches: 'BLOCKQUOTE'
|
||||
},
|
||||
indentDecrease: {
|
||||
html: `<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 128.000000 128.000000" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g><path style="opacity:0.991" fill="#000000" d="M 1.5,-0.5 C 42.8333,-0.5 84.1667,-0.5 125.5,-0.5C 125.833,0.5 126.5,1.16667 127.5,1.5C 127.5,3.5 127.5,5.5 127.5,7.5C 126.711,7.78281 126.044,8.28281 125.5,9C 84.1667,9.66667 42.8333,9.66667 1.5,9C 0.955796,8.28281 0.28913,7.78281 -0.5,7.5C -0.5,5.5 -0.5,3.5 -0.5,1.5C 0.5,1.16667 1.16667,0.5 1.5,-0.5 Z"/></g>
|
||||
<g><path style="opacity:0.899" fill="#000000" d="M 127.5,30.5 C 127.5,32.8333 127.5,35.1667 127.5,37.5C 126.527,37.9867 125.527,38.4867 124.5,39C 99.8333,39.6667 75.1667,39.6667 50.5,39C 48.0904,38.2421 47.0904,36.5754 47.5,34C 47.0904,31.4246 48.0904,29.7579 50.5,29C 75.1667,28.3333 99.8333,28.3333 124.5,29C 125.527,29.5133 126.527,30.0133 127.5,30.5 Z"/></g>
|
||||
<g><path style="opacity:0.882" fill="#000000" d="M -0.5,68.5 C -0.5,64.8333 -0.5,61.1667 -0.5,57.5C 5.56592,49.9283 12.2326,42.7616 19.5,36C 26.8636,33.2717 29.6969,35.7717 28,43.5C 21.3761,49.4483 15.5427,55.9483 10.5,63C 15.2081,69.7175 20.7081,75.8842 27,81.5C 30.3922,89.602 27.8922,92.602 19.5,90.5C 12.3877,83.3965 5.72108,76.0632 -0.5,68.5 Z"/></g>
|
||||
<g><path style="opacity:0.985" fill="#000000" d="M 127.5,60.5 C 127.5,62.5 127.5,64.5 127.5,66.5C 126.711,66.7828 126.044,67.2828 125.5,68C 100.167,68.6667 74.8333,68.6667 49.5,68C 46.8333,65 46.8333,62 49.5,59C 74.8333,58.3333 100.167,58.3333 125.5,59C 126.044,59.7172 126.711,60.2172 127.5,60.5 Z"/></g>
|
||||
<g><path style="opacity:0.899" fill="#000000" d="M 127.5,89.5 C 127.5,91.8333 127.5,94.1667 127.5,96.5C 126.527,96.9867 125.527,97.4867 124.5,98C 99.8333,98.6667 75.1667,98.6667 50.5,98C 48.0904,97.2421 47.0904,95.5754 47.5,93C 47.0904,90.4246 48.0904,88.7579 50.5,88C 75.1667,87.3333 99.8333,87.3333 124.5,88C 125.527,88.5133 126.527,89.0133 127.5,89.5 Z"/></g>
|
||||
<g><path style="opacity:0.991" fill="#000000" d="M 127.5,119.5 C 127.5,121.5 127.5,123.5 127.5,125.5C 126.5,125.833 125.833,126.5 125.5,127.5C 84.1667,127.5 42.8333,127.5 1.5,127.5C 1.16667,126.5 0.5,125.833 -0.5,125.5C -0.5,123.5 -0.5,121.5 -0.5,119.5C 0.28913,119.217 0.955796,118.717 1.5,118C 42.8333,117.333 84.1667,117.333 125.5,118C 126.044,118.717 126.711,119.217 127.5,119.5 Z"/></g>
|
||||
</svg>`,
|
||||
cmd: () => this.doAction('decreaseQuoteLevel'),
|
||||
key: ']'
|
||||
},
|
||||
indentIncrease: {
|
||||
html: `<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 128.000000 128.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
|
||||
<g transform="translate(0.000000,128.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M17 1262 c-22 -24 -21 -45 1 -65 17 -15 75 -17 624 -17 573 0 606 1
|
||||
621 18 22 24 21 45 -1 65 -17 15 -75 17 -624 17 -573 0 -606 -1 -621 -18z"/>
|
||||
<path d="M510 977 c-18 -9 -25 -21 -25 -42 0 -53 15 -55 395 -55 380 0 395 2
|
||||
395 55 0 53 -15 55 -395 55 -258 0 -351 -3 -370 -13z"/>
|
||||
<path d="M16 904 c-9 -8 -16 -23 -16 -32 0 -9 43 -59 95 -113 64 -65 95 -104
|
||||
95 -119 0 -15 -31 -54 -95 -119 -93 -95 -109 -123 -83 -149 30 -30 62 -13 155
|
||||
81 50 50 98 106 107 124 38 76 13 133 -112 256 -91 89 -116 101 -146 71z"/>
|
||||
<path d="M497 672 c-22 -24 -21 -45 1 -65 17 -15 58 -17 384 -17 341 0 366 1
|
||||
381 18 22 24 21 45 -1 65 -17 15 -58 17 -384 17 -341 0 -366 -1 -381 -18z"/>
|
||||
<path d="M510 387 c-18 -9 -25 -21 -25 -42 0 -53 15 -55 395 -55 380 0 395 2
|
||||
395 55 0 53 -15 55 -395 55 -258 0 -351 -3 -370 -13z"/>
|
||||
<path d="M17 82 c-22 -24 -21 -45 1 -65 17 -15 75 -17 624 -17 573 0 606 1
|
||||
621 18 22 24 21 45 -1 65 -17 15 -75 17 -624 17 -573 0 -606 -1 -621 -18z"/>
|
||||
</g>
|
||||
</svg>`,
|
||||
cmd: () => this.doAction('increaseQuoteLevel'),
|
||||
key: '['
|
||||
},
|
||||
ol: {
|
||||
html: '#',
|
||||
cmd: () => this.doList('OL'),
|
||||
html: `<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 128.000000 128.000000" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g><path style="opacity:0.842" fill="#000000" d="M 7.5,8.5 C 9.72241,8.17798 11.5557,8.84464 13,10.5C 13.6667,18.8333 13.6667,27.1667 13,35.5C 11.33,37.6983 9.32996,38.0317 7,36.5C 6.82991,30.8042 6.32991,25.1376 5.5,19.5C 4.11947,19.0004 3.4528,18.0004 3.5,16.5C 4.41812,13.5943 5.75145,10.9276 7.5,8.5 Z"/></g>
|
||||
<g><path style="opacity:0.921" fill="#000000" d="M 127.5,11.5 C 127.5,13.8333 127.5,16.1667 127.5,18.5C 126.373,19.1217 125.373,19.955 124.5,21C 95.5,21.6667 66.5,21.6667 37.5,21C 33.5,17 33.5,13 37.5,9C 66.5,8.33333 95.5,8.33333 124.5,9C 125.373,10.045 126.373,10.8783 127.5,11.5 Z"/></g>
|
||||
<g><path style="opacity:0.823" fill="#000000" d="M -0.5,77.5 C -0.5,74.5 -0.5,71.5 -0.5,68.5C 2.78778,65.0762 6.28778,61.7429 10,58.5C 10.1667,58.1667 10.3333,57.8333 10.5,57.5C 9.31116,56.5713 7.97782,56.238 6.5,56.5C 5.73781,60.548 3.40448,61.548 -0.5,59.5C -0.5,57.8333 -0.5,56.1667 -0.5,54.5C 4.22049,47.5397 9.72049,46.873 16,52.5C 18.0858,56.6665 17.7525,60.6665 15,64.5C 12.4066,66.5486 9.90659,68.7152 7.5,71C 10.5,71.3333 13.5,71.6667 16.5,72C 17.7596,73.8138 17.7596,75.6471 16.5,77.5C 10.8342,78.7858 5.16752,78.7858 -0.5,77.5 Z"/></g>
|
||||
<g><path style="opacity:0.863" fill="#000000" d="M 127.5,59.5 C 127.5,62.1667 127.5,64.8333 127.5,67.5C 126.118,68.8005 124.452,69.6339 122.5,70C 95.1667,70.6667 67.8333,70.6667 40.5,70C 34.7685,68.5317 33.1018,65.0317 35.5,59.5C 36.9122,58.1936 38.5789,57.3603 40.5,57C 67.8333,56.3333 95.1667,56.3333 122.5,57C 124.452,57.3661 126.118,58.1995 127.5,59.5 Z"/></g>
|
||||
<g><path style="opacity:0.823" fill="#000000" d="M -0.5,114.5 C -0.5,112.167 -0.5,109.833 -0.5,107.5C 0.583168,107.461 1.58317,107.127 2.5,106.5C 4.76804,107.719 6.60137,109.385 8,111.5C 10.1875,110.941 10.8542,109.607 10,107.5C 6.07777,106.816 4.57777,104.482 5.5,100.5C 3.3792,100.675 1.3792,100.341 -0.5,99.5C -0.5,97.8333 -0.5,96.1667 -0.5,94.5C 2.49184,89.743 6.82517,88.243 12.5,90C 15.6664,91.44 17.3331,93.94 17.5,97.5C 17.135,102.778 16.9683,108.111 17,113.5C 14.1034,118.155 9.93669,119.655 4.5,118C 2.67694,117.003 1.01027,115.836 -0.5,114.5 Z M 5.5,100.5 C 6.23411,99.2921 6.56745,97.9587 6.5,96.5C 7.5,96.5 8.5,96.5 9.5,96.5C 9.51234,99.142 8.17901,100.475 5.5,100.5 Z"/></g>
|
||||
<g><path style="opacity:0.921" fill="#000000" d="M 127.5,108.5 C 127.5,110.833 127.5,113.167 127.5,115.5C 126.373,116.122 125.373,116.955 124.5,118C 95.5,118.667 66.5,118.667 37.5,118C 33.5,114 33.5,110 37.5,106C 66.5,105.333 95.5,105.333 124.5,106C 125.373,107.045 126.373,107.878 127.5,108.5 Z"/></g>
|
||||
</svg>`,
|
||||
cmd: () => this.doList('ol'),
|
||||
key: 'Shift + 8',
|
||||
matches: 'OL'
|
||||
},
|
||||
ul: {
|
||||
html: '⋮',
|
||||
cmd: () => this.doList('UL'),
|
||||
html: `<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 128.000000 128.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
|
||||
<g transform="translate(0.000000,128.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M32 1100 c-46 -43 -37 -107 19 -139 51 -29 119 14 119 76 0 70 -87
|
||||
110 -138 63z"/>
|
||||
<path d="M316 1084 c-22 -21 -20 -67 2 -87 17 -15 64 -17 475 -17 l456 0 15
|
||||
22 c21 30 20 61 -2 81 -17 15 -64 17 -475 17 -401 0 -457 -2 -471 -16z"/>
|
||||
<path d="M63 722 c-13 -2 -32 -15 -43 -29 -45 -57 -7 -135 65 -135 30 0 45 6
|
||||
62 27 55 64 2 150 -84 137z"/>
|
||||
<path d="M317 682 c-22 -24 -22 -65 1 -86 17 -15 61 -16 478 -14 l458 3 16 28
|
||||
c13 24 13 30 0 55 l-16 27 -460 3 c-436 2 -462 1 -477 -16z"/>
|
||||
<path d="M29 301 c-31 -31 -36 -59 -17 -94 17 -33 39 -46 76 -47 87 -1 113
|
||||
117 35 158 -35 19 -63 14 -94 -17z"/>
|
||||
<path d="M317 282 c-21 -23 -22 -66 -1 -86 14 -14 67 -16 477 -14 l461 3 16
|
||||
28 c13 24 13 30 0 55 l-16 27 -460 3 c-436 2 -462 1 -477 -16z"/>
|
||||
</g>
|
||||
</svg>`,
|
||||
cmd: () => this.doList('ul'),
|
||||
key: 'Shift + 9',
|
||||
matches: 'UL'
|
||||
}
|
||||
},
|
||||
alighnment: {
|
||||
leftAlign: {
|
||||
html: `<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 128.000000 128.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
|
||||
<g transform="translate(0.000000,128.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M122 1158 c-15 -15 -15 -61 0 -76 17 -17 1019 -17 1036 0 7 7 12 24
|
||||
12 38 0 14 -5 31 -12 38 -17 17 -1019 17 -1036 0z"/>
|
||||
<path d="M122 838 c-15 -15 -15 -61 0 -76 17 -17 699 -17 716 0 15 15 15 61 0
|
||||
76 -17 17 -699 17 -716 0z"/>
|
||||
<path d="M122 518 c-15 -15 -15 -61 0 -76 17 -17 1019 -17 1036 0 7 7 12 24
|
||||
12 38 0 14 -5 31 -12 38 -17 17 -1019 17 -1036 0z"/>
|
||||
<path d="M122 198 c-15 -15 -15 -61 0 -76 17 -17 699 -17 716 0 15 15 15 61 0
|
||||
76 -17 17 -699 17 -716 0z"/>
|
||||
</g>
|
||||
</svg>`,
|
||||
cmd: () => this.squire.setTextAlignment('left'),
|
||||
// matches: ''
|
||||
},
|
||||
quote: {
|
||||
html: '"',
|
||||
cmd: () => {
|
||||
let parent = squire.getSelectionClosest('UL,OL,BLOCKQUOTE')?.nodeName;
|
||||
('BLOCKQUOTE' == parent) ? squire.decreaseQuoteLevel() : squire.increaseQuoteLevel();
|
||||
},
|
||||
matches: 'BLOCKQUOTE'
|
||||
centerAlign: {
|
||||
html: `<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 128.000000 128.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
|
||||
<g transform="translate(0.000000,128.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M128 1109 c-26 -15 -23 -64 4 -83 20 -14 85 -16 508 -16 423 0 488 2
|
||||
508 16 28 20 30 69 3 84 -27 14 -999 13 -1023 -1z"/>
|
||||
<path d="M292 824 c-28 -20 -30 -69 -3 -84 13 -6 142 -10 351 -10 209 0 338 4
|
||||
351 10 27 15 25 64 -3 84 -34 24 -662 24 -696 0z"/>
|
||||
<path d="M122 538 c-20 -20 -14 -65 10 -82 20 -14 85 -16 508 -16 423 0 488 2
|
||||
508 16 28 20 30 69 3 84 -30 15 -1013 14 -1029 -2z"/>
|
||||
<path d="M292 254 c-28 -20 -30 -69 -3 -84 27 -14 675 -14 702 0 27 15 25 64
|
||||
-3 84 -34 24 -662 24 -696 0z"/>
|
||||
</g>
|
||||
</svg>`,
|
||||
cmd: () => this.squire.setTextAlignment('center'),
|
||||
// matches: ''
|
||||
},
|
||||
indentDecrease: {
|
||||
html: '⇤',
|
||||
cmd: () => squire.changeIndentationLevel('decrease'),
|
||||
key: ']'
|
||||
rightAlign: {
|
||||
html: `<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 128.000000 128.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
|
||||
<g transform="translate(0.000000,128.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M122 1158 c-15 -15 -15 -61 0 -76 17 -17 1019 -17 1036 0 7 7 12 24
|
||||
12 38 0 14 -5 31 -12 38 -17 17 -1019 17 -1036 0z"/>
|
||||
<path d="M442 838 c-7 -7 -12 -24 -12 -38 0 -14 5 -31 12 -38 17 -17 699 -17
|
||||
716 0 15 15 15 61 0 76 -17 17 -699 17 -716 0z"/>
|
||||
<path d="M122 518 c-15 -15 -15 -61 0 -76 17 -17 1019 -17 1036 0 7 7 12 24
|
||||
12 38 0 14 -5 31 -12 38 -17 17 -1019 17 -1036 0z"/>
|
||||
<path d="M442 198 c-7 -7 -12 -24 -12 -38 0 -14 5 -31 12 -38 17 -17 699 -17
|
||||
716 0 15 15 15 61 0 76 -17 17 -699 17 -716 0z"/>
|
||||
</g>
|
||||
</svg>`,
|
||||
cmd: () => this.squire.setTextAlignment('right'),
|
||||
// matches: ''
|
||||
},
|
||||
indentIncrease: {
|
||||
html: '⇥',
|
||||
cmd: () => squire.changeIndentationLevel('increase'),
|
||||
key: '['
|
||||
justifyAlign: {
|
||||
html: `<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 128.000000 128.000000" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g><path style="opacity:0.881" fill="#000000" d="M 13.5,9.5 C 46.835,9.33335 80.1683,9.50002 113.5,10C 118.833,13.6667 118.833,17.3333 113.5,21C 80.1667,21.6667 46.8333,21.6667 13.5,21C 8.24751,17.1732 8.24751,13.3399 13.5,9.5 Z"/></g>
|
||||
<g><path style="opacity:0.882" fill="#000000" d="M 13.5,41.5 C 46.835,41.3333 80.1683,41.5 113.5,42C 118.833,45.6667 118.833,49.3333 113.5,53C 80.1667,53.6667 46.8333,53.6667 13.5,53C 8.24751,49.1732 8.24751,45.3399 13.5,41.5 Z"/></g>
|
||||
<g><path style="opacity:0.882" fill="#000000" d="M 13.5,73.5 C 46.835,73.3333 80.1683,73.5 113.5,74C 118.833,77.6667 118.833,81.3333 113.5,85C 80.1667,85.6667 46.8333,85.6667 13.5,85C 8.24751,81.1732 8.24751,77.3399 13.5,73.5 Z"/></g>
|
||||
<g><path style="opacity:0.882" fill="#000000" d="M 13.5,105.5 C 46.835,105.333 80.1683,105.5 113.5,106C 118.833,109.667 118.833,113.333 113.5,117C 80.1667,117.667 46.8333,117.667 13.5,117C 8.24751,113.173 8.24751,109.34 13.5,105.5 Z"/></g>
|
||||
</svg>`,
|
||||
cmd: () => this.squire.setTextAlignment('justify'),
|
||||
// matches: ''
|
||||
},
|
||||
},
|
||||
dir: {
|
||||
dir_ltr: {
|
||||
html: `<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128.000000 128.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
|
||||
<g transform="translate(0.000000,128.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M452 1109 c-47 -14 -109 -79 -123 -131 -23 -88 12 -182 87 -228 26
|
||||
-17 57 -24 110 -28 l73 -5 3 -130 c3 -111 6 -131 20 -141 13 -8 23 -8 36 0 15
|
||||
10 17 38 20 303 l2 291 40 0 40 0 2 -291 c3 -265 5 -293 21 -303 12 -8 22 -8
|
||||
35 0 15 10 17 38 20 302 l2 291 52 3 c58 3 81 25 62 56 -10 15 -34 17 -240 19
|
||||
-126 1 -244 -3 -262 -8z m148 -190 l0 -121 -65 4 c-58 3 -69 8 -98 36 -27 28
|
||||
-32 40 -32 81 0 39 5 55 25 76 33 36 54 44 118 44 l52 1 0 -121z"/>
|
||||
<path d="M812 348 c-16 -16 -15 -45 1 -55 6 -4 -98 -10 -232 -13 -218 -4 -245
|
||||
-7 -255 -23 -8 -12 -8 -22 0 -35 10 -15 35 -17 253 -20 238 -2 241 -3 229 -22
|
||||
-15 -24 -1 -53 27 -58 21 -5 125 94 125 118 0 20 -101 120 -121 120 -8 0 -20
|
||||
-5 -27 -12z"/>
|
||||
</g>
|
||||
</svg>`,
|
||||
cmd: () => this.squire.setTextDirection('ltr')
|
||||
},
|
||||
dir_rtl: {
|
||||
html: `<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128.000000 128.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
|
||||
<g transform="translate(0.000000,128.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M452 1109 c-47 -14 -109 -79 -123 -131 -23 -88 12 -182 87 -228 26
|
||||
-17 57 -24 110 -28 l73 -5 3 -130 c3 -111 6 -131 20 -141 13 -8 23 -8 36 0 15
|
||||
10 17 38 20 303 l2 291 40 0 40 0 2 -291 c3 -265 5 -293 21 -303 12 -8 22 -8
|
||||
35 0 15 10 17 38 20 302 l2 291 52 3 c58 3 81 25 62 56 -10 15 -34 17 -240 19
|
||||
-126 1 -244 -3 -262 -8z m148 -190 l0 -121 -65 4 c-58 3 -69 8 -98 36 -27 28
|
||||
-32 40 -32 81 0 39 5 55 25 76 33 36 54 44 118 44 l52 1 0 -121z"/>
|
||||
<path d="M373 308 c-29 -30 -53 -60 -53 -69 0 -23 105 -121 125 -117 28 5 42
|
||||
34 27 58 -12 19 -9 20 229 22 218 3 243 5 253 20 8 13 8 23 0 35 -10 16 -35
|
||||
18 -253 21 -238 2 -241 3 -229 22 10 15 10 25 2 38 -21 32 -47 25 -101 -30z"/>
|
||||
</g>
|
||||
</svg>`,
|
||||
cmd: () => this.squire.setTextDirection('rtl')
|
||||
}
|
||||
},
|
||||
targets: {
|
||||
link: {
|
||||
html: '🔗',
|
||||
cmd: () => {
|
||||
let node = squire.getSelectionClosest('A'),
|
||||
let node = this.squire.getSelection(),
|
||||
url = prompt("Link", node?.href || "https://");
|
||||
if (url != null) {
|
||||
url.length ? squire.makeLink(url) : (node && squire.removeLink());
|
||||
url.length ? this.squire.makeLink(url) : (node && this.squire.removeLink());
|
||||
}
|
||||
},
|
||||
matches: 'A'
|
||||
|
|
@ -235,9 +394,9 @@ class SquireUI
|
|||
imageUrl: {
|
||||
html: '🖼️',
|
||||
cmd: () => {
|
||||
let node = squire.getSelectionClosest('IMG'),
|
||||
let node = this.squire.getSelection(),
|
||||
src = prompt("Image", node?.src || "https://");
|
||||
src?.length ? squire.insertImage(src) : node?.remove();
|
||||
src?.length ? this.squire.insertImage(src) : (node && this.squire.detach(node));
|
||||
},
|
||||
matches: 'IMG'
|
||||
},
|
||||
|
|
@ -255,12 +414,12 @@ class SquireUI
|
|||
changes: {
|
||||
undo: {
|
||||
html: '↶',
|
||||
cmd: () => squire.undo(),
|
||||
cmd: () => this.squire.undo(),
|
||||
key: 'Z'
|
||||
},
|
||||
redo: {
|
||||
html: '↷',
|
||||
cmd: () => squire.redo(),
|
||||
cmd: () => this.squire.redo(),
|
||||
key: 'Y'
|
||||
},
|
||||
source: {
|
||||
|
|
@ -275,7 +434,7 @@ class SquireUI
|
|||
clear: {
|
||||
removeStyle: {
|
||||
html: '⎚',
|
||||
cmd: () => squire.setStyle()
|
||||
cmd: () => this.squire.setStyle()
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
@ -317,7 +476,7 @@ class SquireUI
|
|||
if (browseImage.files.length) {
|
||||
let reader = new FileReader();
|
||||
reader.readAsDataURL(browseImage.files[0]);
|
||||
reader.onloadend = () => reader.result && squire.insertImage(reader.result);
|
||||
reader.onloadend = () => reader.result && this.squire.insertImage(reader.result);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -403,12 +562,12 @@ class SquireUI
|
|||
|
||||
this.modeSelect = actions.mode.plain.input;
|
||||
|
||||
let changes = actions.changes;
|
||||
changes.undo.input.disabled = changes.redo.input.disabled = true;
|
||||
squire.addEventListener('undoStateChange', e => {
|
||||
changes.undo.input.disabled = !e.detail.canUndo;
|
||||
changes.redo.input.disabled = !e.detail.canRedo;
|
||||
});
|
||||
// let changes = actions.changes;
|
||||
// changes.undo.input.disabled = changes.redo.input.disabled = true;
|
||||
// squire.addEventListener('undoStateChange', state => {
|
||||
// changes.undo.input.disabled = !state.canUndo;
|
||||
// changes.redo.input.disabled = !state.canRedo;
|
||||
// });
|
||||
|
||||
actions.font.fontSize.input.selectedIndex = actions.font.fontSize.defaultValueIndex;
|
||||
|
||||
|
|
@ -540,9 +699,8 @@ class SquireUI
|
|||
}
|
||||
|
||||
doList(type) {
|
||||
let parent = this.squire.getSelectionClosest('UL,OL')?.nodeName,
|
||||
fn = {UL:'makeUnorderedList',OL:'makeOrderedList'};
|
||||
(parent == type) ? this.squire.removeList() : this.squire[fn[type]]();
|
||||
let fn = {ul:'makeUnorderedList',ol:'makeOrderedList'};
|
||||
this.squire.hasFormat(type) ? this.squire.removeList() : this.squire[fn[type]]()
|
||||
}
|
||||
/*
|
||||
testPresenceinSelection(format, validation) {
|
||||
|
|
|
|||
|
|
@ -2,11 +2,15 @@
|
|||
.squire-toolbar {
|
||||
border-bottom: 1px solid #b6b6b6;
|
||||
min-height: 28px;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
padding: 2px;
|
||||
overflow: hidden;
|
||||
padding: 10px 5px;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-content: center;
|
||||
box-sizing: content-box;
|
||||
|
||||
}
|
||||
|
||||
.squire-toolbar input[type="color"] {
|
||||
|
|
@ -17,18 +21,31 @@
|
|||
width: 40px;
|
||||
}
|
||||
|
||||
.squire-toolbar input[type="color"][list="squire-colors"] {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.squire-toolbar select {
|
||||
font-size: 85%;
|
||||
padding: 4px 1.5em 4px 6px;
|
||||
text-align: var(--left, left);
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
width: 7em;
|
||||
width: fit-content;;
|
||||
background-color: unset;
|
||||
border: unset;
|
||||
text-shadow: none;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.squire-toolbar select[data-action="fontSize"] {
|
||||
width: 5em;
|
||||
}
|
||||
.squire-toolbar button {
|
||||
font-family: snappymail, var(--fontSans)
|
||||
font-family: snappymail, var(--fontSans);
|
||||
padding: 2px 10px 4px 10px !important;
|
||||
background-color: unset;
|
||||
border: unset;
|
||||
text-shadow: none;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.squire-toolbar button[data-action="bold"] {
|
||||
font-weight: bold;
|
||||
|
|
@ -44,6 +61,25 @@
|
|||
text-decoration: line-through;
|
||||
}
|
||||
*/
|
||||
.squire-toolbar button:hover {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
.squire-toolbar button img {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.squire-toolbar button svg {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .squire-toolbar.btn-toolbar div.btn-group {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.squire-wysiwyg, .squire-plain {
|
||||
height: 100%;
|
||||
|
|
@ -55,16 +91,19 @@
|
|||
|
||||
.squire-wysiwyg {
|
||||
font-family: var(--fontSans);
|
||||
line-height: 1.6;
|
||||
|
||||
ul {
|
||||
padding-left: 40px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
li {
|
||||
list-style-type: disc !important;
|
||||
}
|
||||
}
|
||||
|
||||
ol {
|
||||
padding-left: 40px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
li {
|
||||
list-style-type: decimal !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -428,7 +428,11 @@
|
|||
"IMAGEUPLOAD": "Image select",
|
||||
"UNDO": "Undo",
|
||||
"REDO": "Redo",
|
||||
"REMOVESTYLE": "Remove style"
|
||||
"REMOVESTYLE": "Remove style",
|
||||
"LEFTALIGN": "Right",
|
||||
"CENTERALIGN": "Center",
|
||||
"RIGHTALIGN": "Left",
|
||||
"JUSTIFYALIGN": "Justify"
|
||||
},
|
||||
"SETTINGS_LABELS": {
|
||||
"GENERAL": "General",
|
||||
|
|
|
|||
|
|
@ -428,7 +428,11 @@
|
|||
"IMAGEUPLOAD": "Image select",
|
||||
"UNDO": "Undo",
|
||||
"REDO": "Redo",
|
||||
"REMOVESTYLE": "Remove style"
|
||||
"REMOVESTYLE": "Remove style",
|
||||
"LEFTALIGN": "Right",
|
||||
"CENTERALIGN": "Center",
|
||||
"RIGHTALIGN": "Left",
|
||||
"JUSTIFYALIGN": "Justify"
|
||||
},
|
||||
"SETTINGS_LABELS": {
|
||||
"GENERAL": "عمومی",
|
||||
|
|
@ -465,8 +469,8 @@
|
|||
"LAYOUT_HORIZONTAL_SPLIT": "تقسیم افقی",
|
||||
"SHOW_NEXT_MESSAGE": "Show next message when (re)move current message",
|
||||
"EDITOR": "ویرایشگر پیشفرض",
|
||||
"EDITOR_HTML": "تحت فرمت Html",
|
||||
"EDITOR_PLAIN": "ساده",
|
||||
"EDITOR_HTML": "فرمت HTML",
|
||||
"EDITOR_PLAIN": "فرمت ساده",
|
||||
"VIEW_OPTIONS": "مشاهده گزینهها",
|
||||
"USE_PREVIEW_PANE": "استفاده از پنجره پیشنمایش",
|
||||
"HIDE_DELETED_MESSAGES": "پنهان کردن پیام های علامت گذاری شده برای حذف",
|
||||
|
|
|
|||
|
|
@ -330,7 +330,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bodyText"></div>
|
||||
<div class="bodyText" dir="auto"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -342,9 +342,9 @@
|
|||
|
||||
/* #region button */
|
||||
|
||||
#rl-app .btn,
|
||||
#rl-app button,
|
||||
#rl-app button.btn:not(.button-vue) {
|
||||
#rl-app .btn:not(.squire-toolbar *),
|
||||
#rl-app button:not(.squire-toolbar *),
|
||||
#rl-app button.btn:not(.button-vue):not(.squire-toolbar *) {
|
||||
min-height: 36px;
|
||||
height: 36px;
|
||||
box-sizing: border-box;
|
||||
|
|
@ -514,20 +514,20 @@
|
|||
margin-left: 0.5px;
|
||||
}
|
||||
|
||||
#rl-app .btn-group .btn:nth-child(n+2 of :not([style*="display: none;"])):nth-last-child(n+2 of :not([style*="display: none;"])) {
|
||||
#rl-app .btn-group .btn:nth-child(n+2 of :not([style*="display: none;"])):nth-last-child(n+2 of :not([style*="display: none;"])):not(.squire-toolbar *) {
|
||||
border-radius: 0 !important;
|
||||
margin-right: 0.5px;
|
||||
margin-left: 0.5px;
|
||||
}
|
||||
|
||||
/* fallback */
|
||||
#rl-app .btn-group .btn:not(:first-of-type):not(:last-of-type) {
|
||||
#rl-app .btn-group .btn:not(:first-of-type):not(:last-of-type):not(.squire-toolbar *) {
|
||||
border-radius: 0;
|
||||
margin: 0 0.5px;
|
||||
}
|
||||
|
||||
#rl-app .btn-group .btn:nth-child(1 of :not([style*="display: none;"])),
|
||||
[dir="rtl"] #rl-app .btn-group .btn:nth-last-child(1 of :not([style*="display: none;"])) {
|
||||
#rl-app .btn-group .btn:nth-child(1 of :not([style*="display: none;"])):not(.squire-toolbar *),
|
||||
[dir="rtl"] #rl-app .btn-group .btn:nth-last-child(1 of :not([style*="display: none;"])):not(.squire-toolbar *) {
|
||||
border-radius: 0 !important;
|
||||
border-top-left-radius: var(--nc-border-radius-pill) !important;
|
||||
border-bottom-left-radius: var(--nc-border-radius-pill) !important;
|
||||
|
|
@ -541,8 +541,8 @@
|
|||
border-bottom-left-radius: var(--nc-border-radius-pill);
|
||||
}
|
||||
|
||||
#rl-app .btn-group .btn:nth-last-child(1 of :not([style*="display: none;"])),
|
||||
[dir="rtl"] #rl-app .btn-group .btn:nth-child(1 of :not([style*="display: none;"])) {
|
||||
#rl-app .btn-group .btn:nth-last-child(1 of :not([style*="display: none;"])):not(.squire-toolbar *),
|
||||
[dir="rtl"] #rl-app .btn-group .btn:nth-child(1 of :not([style*="display: none;"])):not(.squire-toolbar *) {
|
||||
border-radius: 0 !important;
|
||||
border-top-right-radius: var(--nc-border-radius-pill) !important;
|
||||
border-bottom-right-radius: var(--nc-border-radius-pill) !important;
|
||||
|
|
@ -556,14 +556,14 @@
|
|||
border-bottom-right-radius: var(--nc-border-radius-pill);
|
||||
}
|
||||
|
||||
#rl-app .btn-group .btn:nth-child(1 of :not([style*="display: none;"])):nth-last-child(1 of :not([style*="display: none;"])),
|
||||
[dir="rtl"] #rl-app .btn-group .btn:nth-child(1 of :not([style*="display: none;"])):nth-last-child(1 of :not([style*="display: none;"])) {
|
||||
#rl-app .btn-group .btn:nth-child(1 of :not([style*="display: none;"])):nth-last-child(1 of :not([style*="display: none;"])):not(.squire-toolbar *),
|
||||
[dir="rtl"] #rl-app .btn-group .btn:nth-child(1 of :not([style*="display: none;"])):nth-last-child(1 of :not([style*="display: none;"])):not(.squire-toolbar *) {
|
||||
border-radius: var(--nc-border-radius-pill) !important;
|
||||
}
|
||||
|
||||
/* fallback */
|
||||
#rl-app .btn-group .btn:first-of-type:last-of-type,
|
||||
[dir="rtl"] #rl-app .btn-group .btn:first-of-type:last-of-type {
|
||||
#rl-app .btn-group .btn:first-of-type:last-of-type:not(.squire-toolbar *),
|
||||
[dir="rtl"] #rl-app .btn-group .btn:first-of-type:last-of-type:not(.squire-toolbar *) {
|
||||
border-radius: var(--nc-border-radius-pill) !important;
|
||||
}
|
||||
|
||||
|
|
@ -612,17 +612,15 @@
|
|||
|
||||
/* #region input & select */
|
||||
|
||||
#rl-app select,
|
||||
#rl-app .select,
|
||||
#rl-app .emailaddresses,
|
||||
#rl-app input:not([type="checkbox"]) {
|
||||
#rl-app select:not(.squire-toolbar *),
|
||||
#rl-app .select:not(.squire-toolbar *),
|
||||
#rl-app .emailaddresses:not(.squire-toolbar *),
|
||||
#rl-app input:not([type="checkbox"]):not(.squire-toolbar *) {
|
||||
padding: 0 12px;
|
||||
font-size: var(--nc-default-font-size);
|
||||
color: var(--nc-color-main-text);
|
||||
background-color: unset;
|
||||
height: 36px;
|
||||
border: 2px solid var(--nc-color-border-maxcontrast);
|
||||
border-radius: var(--nc-border-radius-large);
|
||||
line-height: 32px;
|
||||
outline: none;
|
||||
}
|
||||
|
|
@ -842,8 +840,6 @@ input[type="checkbox"] {
|
|||
/* #region textarea */
|
||||
|
||||
#rl-app .squire-toolbar {
|
||||
height: 50px;
|
||||
padding: 5px;
|
||||
box-sizing: content-box;
|
||||
border: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -63,7 +63,8 @@ config.paths.js = {
|
|||
'vendors/bootstrap/js/bootstrap.native.js',
|
||||
'vendors/knockout/build/output/knockout-latest.js',
|
||||
// 'vendors/knockout/build/output/knockout-latest.debug.js',
|
||||
'vendors/squire/build/squire-raw.js',
|
||||
// 'vendors/dompurify/dist/purify.js',
|
||||
'vendors/squire-rte/dist/squire-raw.js',
|
||||
'vendors/mathiasbynens/punycode.js',
|
||||
'vendors/turndown/turndown.js',
|
||||
'dev/External/SquireUI.js'
|
||||
|
|
|
|||
212
vendors/squire-rte/CHANGELOG.md
vendored
Normal file
212
vendors/squire-rte/CHANGELOG.md
vendored
Normal file
|
|
@ -0,0 +1,212 @@
|
|||
# Changelog
|
||||
|
||||
All notable changes to this project will be documented in this file, starting from v2.0.0.
|
||||
|
||||
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
||||
|
||||
## [2.3.2] - 2024-08-16
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fix "pathChange" event not being fired on selection change.
|
||||
- Fix backspace at beginning of quote was deleting the contents, not just
|
||||
removing the quote.
|
||||
|
||||
## [2.3.1] - 2024-07-23
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fix crash extracting contents of range.
|
||||
|
||||
## [2.3.0] - 2024-07-18
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fix text nodes sometimes incorrectly merged after delete.
|
||||
|
||||
### Added
|
||||
|
||||
- HTML copied from the editor now includes a `<!-- squire -->` comment
|
||||
- The willPaste event now includes an `html` property in the details, with the
|
||||
raw HTML that is being pasted.
|
||||
|
||||
## [2.2.9] - 2024-07-17
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fix incorrect styles can be applied after splitting at the end of inline
|
||||
formatting, blurring, and focusing again.
|
||||
- Fix font info sometimes not returned even when selection within a single
|
||||
text span.
|
||||
|
||||
## [2.2.8] - 2024-02-21
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fix some keyboard shortcuts not working on some platforms.
|
||||
- Fix unable to paste text with new line on Android.
|
||||
|
||||
## [2.2.7] - 2024-02-21
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fix handling of Japanese IME input.
|
||||
- Fix willPaste event not cancelable.
|
||||
|
||||
## [2.2.6] - 2024-02-01
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fix Firefox cursor position after paste.
|
||||
- Fix keyboard handling on some Android browsers
|
||||
|
||||
### Added
|
||||
|
||||
- Add undo point for automatic list creation.
|
||||
|
||||
## [2.2.5] - 2023-11-08
|
||||
|
||||
### Fixed
|
||||
|
||||
- Return focus to the editor after undo/redo.
|
||||
|
||||
## [2.2.4] - 2023-10-24
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fixed the type definition of the "setKeyHandler" method "key" parameter.
|
||||
|
||||
## [2.2.3] - 2023-10-09
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fixed a null-deref crash that could occur when removing inline formatting.
|
||||
|
||||
## [2.2.2] - 2023-10-04
|
||||
|
||||
### Fixed
|
||||
|
||||
- Added a workaround for a bug in Chrome that resulted in text in the editor
|
||||
not being rendered in certain circumstances.
|
||||
|
||||
## [2.2.1] - 2023-10-03
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fixed a bug in the exported extractRangeToClipboard fn if used in a certain
|
||||
configuration.
|
||||
|
||||
## [2.2.0] - 2023-10-02
|
||||
|
||||
### Added
|
||||
|
||||
- The Squire config now has support for a toPlainText function, that takes an
|
||||
HTML string and should return the plain text version of that content to be
|
||||
added to the clipboard when cutting/copying.
|
||||
|
||||
### Changed
|
||||
|
||||
- The default conversion of the HTML to plain text when cutting/copying now
|
||||
uses the same algorithm as the getSelectedText method.
|
||||
|
||||
## [2.1.1] - 2023-09-27
|
||||
|
||||
### Fixed
|
||||
|
||||
- If you changed inline formatting in Chrome and then hit space, the formatting
|
||||
would be lost. This is now fixed.
|
||||
|
||||
## [2.1.0] - 2023-09-19
|
||||
|
||||
### Added
|
||||
|
||||
- If you start a new line with "\*" then a space, Squire will now automatically
|
||||
set the format to an unordered list.
|
||||
- If you start a new line with "1." then a space, Squire will now automatically
|
||||
set the format to an ordered list.
|
||||
|
||||
## [2.0.3] - 2023-04-20
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fixed an error being thrown when you typed a URL in the middle of a text
|
||||
node. https://github.com/fastmail/Squire/issues/430
|
||||
|
||||
## [2.0.2] - 2023-03-20
|
||||
|
||||
### Changed
|
||||
|
||||
- Let ArrowRight key always break out of <code> if at end. It will add a
|
||||
space afterwards if needed.
|
||||
- Added documentation for pasteImage event.
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fix backspace can delete two characters.
|
||||
- Consistently focus after calling removeAllFormatting.
|
||||
- Performance improvements.
|
||||
|
||||
## [2.0.1] - 2023-02-14
|
||||
|
||||
### Changed
|
||||
|
||||
- Auto delink if backspacing inside auto-linked URL. This means if you make a
|
||||
mistake and backspace, you don't end up accidentally fixing the text but
|
||||
leaving the link to the wrong URL.
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fix duplicate CSS created when replacing styles
|
||||
- Support browsers without Selection#setBaseAndExtent API. This includes some
|
||||
older Firefox versions.
|
||||
|
||||
## [2.0.0] - 2023-01-23
|
||||
|
||||
### Added
|
||||
|
||||
- Builds as an ES module.
|
||||
|
||||
### Changed
|
||||
|
||||
- All code ported to Typescript and ES modules for compatibility with modern
|
||||
frontend projects and future maintainability.
|
||||
- New off-the-shelf tooling for the build process and code quality assurance.
|
||||
- Config option `sanitizeToDOMFragment` no longer takes an `isPaste`
|
||||
argument.
|
||||
- Custom events (e.g. `pathChange`) use the browser native CustomEvent class,
|
||||
which means the custom properties (e.g. `path`) are now available on the
|
||||
`detail` property of the event object, rather than directly added to the
|
||||
event object.
|
||||
- When the user pastes an image, instead of simulating drag/drop events,
|
||||
Squire now fires a custom `pasteImage` event, with a `clipboardData`
|
||||
property on the `detail`
|
||||
- When there is a selection and you paste text that looks like a URL, it will
|
||||
now make the selection a link rather than replacing it with the URL text.
|
||||
- In the object returned by the `getFontInfo` method, the font size property
|
||||
is now called "fontSize" instead of "size", and the font family property is
|
||||
now called "fontFamily" instead of "family". This means all properties now
|
||||
use the same name as in the CSSStyleDeclaration API.
|
||||
- The `key` function for setKeyHandler now uses the same names
|
||||
(including case) as the KeyboardEvent.key property
|
||||
(https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key).
|
||||
For example, `"enter"` is now `"Enter"` and `"left"` is now `"ArrowLeft"`.
|
||||
|
||||
### Fixed
|
||||
|
||||
- Fixed iOS autocorrect/text substitution fails to activate when hitting
|
||||
"enter".
|
||||
- Fixed Samsung keyboard on Android causes bizarre changes to the input,
|
||||
making it unusable.
|
||||
- Fixed bug trimming insignificant trailing white space, which could result
|
||||
in some formatting actions behaving oddly.
|
||||
- Fixed spaces "vanish" sometimes after deleting text.
|
||||
|
||||
### Removed
|
||||
|
||||
- Support for any version of IE.
|
||||
- Support for using an iframe document as the editor, rather than just a
|
||||
normal DOM node.
|
||||
- Support for using it without an HTML sanitiser - this is essential for
|
||||
security, so it's now required.
|
||||
- `isInsertedHTMLSanitized` and `isSetHTMLSanitized` config options - as per
|
||||
the above, the HTML is always sanitised on insertion for security.
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
The MIT License (MIT)
|
||||
|
||||
Copyright © 2011–2014 by Neil Jenkins
|
||||
Copyright © 2011–2023 by Neil Jenkins
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to
|
||||
|
|
@ -1,81 +1,64 @@
|
|||
Squire
|
||||
======
|
||||
# Squire
|
||||
|
||||
Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation in a flexible lightweight package (only 16.5KB of JS after minification and gzip, with no dependencies!).
|
||||
Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation in a flexible lightweight package (only 16KB of JS after minification and gzip, with no dependencies!).
|
||||
|
||||
It was designed to handle email composition for the [Fastmail](https://www.fastmail.com) web app. The most important consequence of this (and where Squire differs from most other modern rich text editors) is that it must handle arbitrary HTML, because it may be used to forward or quote emails from third-parties and must be able to preserve their HTML without breaking the formatting. This means that it can't use a more structured (but limited) internal data model (as most other modern HTML editors do) and the HTML remains the source-of-truth. The other consequence is excellent handling of multiple levels of blockquotes.
|
||||
|
||||
Squire was designed to be integrated with your own UI framework, and so does not provide its own UI toolbar, widgets or overlays. Instead, you get a component you can insert in place of a `<textarea>` and manipulate programatically, allowing you to integrate seamlessly with the rest of your application and lose the bloat of having two UI toolkits loaded.
|
||||
Squire is designed to be integrated with your own UI framework, and so does not provide its own UI toolbar, widgets or overlays. Instead, you get a component you can insert in place of a `<textarea>` and manipulate programmatically, allowing you to integrate seamlessly with the rest of your application and lose the bloat of having two UI toolkits loaded.
|
||||
|
||||
Squire supports all reasonably recent, and even moderately old, browsers (even IE11, although this is not tested much these days).
|
||||
Squire supports all reasonably recent browsers. It no longer supports any version of IE.
|
||||
|
||||
In addition to its use at [Fastmail](https://www.fastmail.com), it is also currently used in production at [ProtonMail](https://protonmail.com/), [SnappyMail](https://github.com/the-djmaze/snappymail), [StartMail](https://startmail.com/), [Tutanota](https://tutanota.com), [Zoho Mail](https://www.zoho.com/mail/) and [Superhuman](https://superhuman.com/), as well as other non-mail apps including [Google Earth](https://www.google.com/earth/) (drop me a line if you're using Squire elsewhere, I'm always interested to hear about it!).
|
||||
In addition to its use at [Fastmail](https://www.fastmail.com), it is also currently used in production at [ProtonMail](https://protonmail.com/), [SnappyMail](https://github.com/the-djmaze/snappymail), [StartMail](https://startmail.com/), [Tutanota](https://tutanota.com), [Zoho Mail](https://www.zoho.com/mail/), [Superhuman](https://superhuman.com/) and [Teamwork Desk](https://www.teamwork.com/desk/), as well as other non-mail apps including [Google Earth](https://www.google.com/earth/) (drop me a line if you're using Squire elsewhere, I'm always interested to hear about it!).
|
||||
|
||||
An example UI integration can be tried at http://neilj.github.io/Squire/. Please note though, this is an out-of-date version of Squire and a slightly buggy implementation written by an intern many years ago. For a demo of the latest version with a production-level UI integration, [sign up for a free Fastmail trial](https://www.fastmail.com/signup/) :). There's also a very bare-bones integration in the repo; just clone it and open `Demo.html`. If you are reporting a bug, please report the steps to reproduce using `Demo.html`, to make sure it's not a bug in your integration.
|
||||
For a demo of the latest version with a production-level UI integration, [sign up for a free Fastmail trial](https://www.fastmail.com/signup/) :). There's also a very bare-bones integration in the repo; just clone it and open `Demo.html`. If you are reporting a bug, please report the steps to reproduce using `Demo.html`, to make sure it's not a bug in your integration.
|
||||
|
||||
Installation and usage
|
||||
----------------------
|
||||
## Installation and usage
|
||||
|
||||
1. Copy the contents of the `build/` directory onto your server.
|
||||
2. Edit the `<style>` block in document.html to add the default styles you
|
||||
would like the editor to use (or link to an external stylesheet).
|
||||
3. In your application, instead of a `<textarea>`, use an
|
||||
`<iframe src="path/to/document.html">`.
|
||||
4. In your JS, attach an event listener to the [`load` event](https://developer.mozilla.org/en-US/docs/Web/Events/load) of the iframe. When
|
||||
this fires you can grab a reference to the editor object through
|
||||
`iframe.contentWindow.editor`.
|
||||
5. Use the API below with the `editor` object to set and get data and integrate
|
||||
with your application or framework.
|
||||
1. Add Squire to your project: `npm install squire-rte`
|
||||
2. In your code, `import Squire from 'squire-rte';`
|
||||
3. Create your editor by calling `editor = new Squire(node);`.
|
||||
|
||||
### Using Squire without an iframe.
|
||||
### Invoke with script tag
|
||||
|
||||
Squire can also be used without an iframe for the document. To use it this way:
|
||||
Squire can also be used in a script tag:
|
||||
|
||||
1. Add a `<script>` tag to load in `build/squire.js` (or `squire-raw.js` for the debuggable unminified version).
|
||||
2. Get a reference to the DOM node in the document that you want to make into the rich textarea, e.g. `node = document.getElementById( 'editor-div' )`.
|
||||
3. Call `editor = new Squire( node )`. This will instantiate a new Squire instance. Please note, this will remove any current children of the node; you must use the `setHTML` command after initialising to set any content.
|
||||
1. Add a `<script>` tag to load in `dist/squire.js` (or `squire-raw.js` for the debuggable unminified version):
|
||||
|
||||
You can have multiple squire instances in a single page without issue. If you are using the editor as part of a long lived single-page app, be sure to call `editor.destroy()` once you have finished using an instance to ensure it doesn't leak resources.
|
||||
```
|
||||
<script type="text/javascript" src="dist/squire.js"></script>
|
||||
```
|
||||
|
||||
2. Get a reference to the DOM node in the document that you want to make into the rich textarea, e.g. `node = document.getElementById('editor-div')`.
|
||||
3. Call `editor = new Squire(node)`. This will instantiate a new Squire instance. Please note, this will remove any current children of the node; you must use the `setHTML` command after initialising to set any content.
|
||||
|
||||
## Editor lifecycle
|
||||
|
||||
You can have multiple Squire instances in a single page without issue. If you are using the editor as part of a long lived single-page app, be sure to call `editor.destroy()` once you have finished using an instance to ensure it doesn't leak resources.
|
||||
|
||||
### Security
|
||||
|
||||
Malicious HTML can be a source of XSS and other security issues. I highly recommended you use [DOMPurify](https://github.com/cure53/DOMPurify) with Squire to prevent these security issues. If DOMPurify is included in the page (with the standard global variable), Squire will automatically sanitise any HTML passed in via `setHTML` or `insertHTML` (which includes HTML the user pastes from the clipboard).
|
||||
Malicious HTML can be a source of XSS and other security issues. You MUST provide a method to safely convert raw HTML into DOM nodes to use Squire. Squire will automatically integrate with [DOMPurify](https://github.com/cure53/DOMPurify) to do this if present in the page. Otherwise you must set a custom `sanitizeToDOMFragment` function in your config.
|
||||
|
||||
You can override this by setting properties on the config object (the second argument passed to the constructor, see below). The properties are:
|
||||
- **sanitizeToDOMFragment**: `(html: string, editor: Squire) => DocumentFragment`
|
||||
A custom sanitization function. This will be called instead of the default call to DOMPurify to sanitize the potentially dangerous HTML. It is passed two arguments: the first is the string of HTML, the second is the Squire instance. It must return a DOM Fragment node belonging to the same document as the editor's root node, with the contents being clean DOM nodes to set/insert.
|
||||
|
||||
* **isSetHTMLSanitized**: `Boolean`
|
||||
Should the HTML passed via calls to `setHTML` be passed to the sanitizer? If your app always sanitizes the HTML in some other way before calling this, you may wish to set this to `false` to avoid the overhead.
|
||||
* **isInsertedHTMLSanitized**: `Boolean` (defaults to `true`) – Should the HTML passed via calls to `insertHTML` be passed to the sanitizer? This includes when the user pastes from the clipboard. Since you cannot control what other apps put on the clipboard, it is highly recommended you do not set this to `false`.
|
||||
* **sanitizeToDOMFragment**: `(html: String, isPaste: Boolean, self: Squire) -> DOMFragment`
|
||||
A custom sanitization function. This will be called instead of the default call to DOMPurify to sanitize the potentially dangerous HTML. It is passed three arguments: the first is the string of HTML, the second is a boolean indicating if this content has come from the clipboard, rather than an explicit call by your own code, the third is the squire instance. It must return a DOM Fragment node belonging to the same document as the editor's root node, with the contents being clean DOM nodes to set/insert.
|
||||
|
||||
Advanced usage
|
||||
--------------
|
||||
## Advanced usage
|
||||
|
||||
Squire provides an engine that handles the heavy work for you, making it easy to add extra features. With the `changeFormat` method you can easily add or remove any inline formatting you wish. And the `modifyBlocks` method can be used to make complicated block-level changes in a relatively easy manner.
|
||||
|
||||
If you load the library into a top-level document (rather than an iframe), or load it in an iframe without the `data-squireinit="true"` attribute on its `<html>` element, it will not turn the page into an editable document, but will instead add a constructor named `Squire` to the global scope.
|
||||
|
||||
You can also require the NPM package [squire-rte](https://www.npmjs.com/package/squire-rte) to import `Squire` in a modular program without adding names to the global namespace.
|
||||
|
||||
Call `new Squire( document )`, with the `document` from an iframe to instantiate multiple rich text areas on the same page efficiently. Note, for compatibility with all browsers (particularly Firefox), you MUST wait for the iframe's `onload` event to fire before instantiating Squire.
|
||||
|
||||
If you need more commands than in the simple API, I suggest you check out the source code (it's not very long), and see how a lot of the other API methods are implemented in terms of these two methods.
|
||||
|
||||
The general philosophy of Squire is to allow the browser to do as much as it can (which unfortunately is not very much), but take control anywhere it deviates from what is required, or there are significant cross-browser differences. As such, the [`document.execCommand`](https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand) method is not used at all; instead all formatting is done via custom functions, and certain keys, such as 'enter' and 'backspace' are handled by the editor.
|
||||
|
||||
### Setting the default block style
|
||||
|
||||
By default, the editor will use a `<div>` for blank lines, as most users have been conditioned by Microsoft Word to expect <kbd>Enter</kbd> to act like pressing <kbd>return</kbd> on a typewriter. If you would like to use `<p>` tags (or anything else) for the default block type instead, you can pass a config object as the second parameter to the squire constructor. You can also
|
||||
By default, the editor will use a `<div>` for blank lines, as most users have been conditioned by Microsoft Word to expect <kbd>Enter</kbd> to act like pressing <kbd>return</kbd> on a typewriter. If you would like to use `<p>` tags (or anything else) for the default block type instead, you can pass a config object as the second parameter to the Squire constructor. You can also
|
||||
pass a set of attributes to apply to each default block:
|
||||
|
||||
var editor = new Squire( document, {
|
||||
var editor = new Squire(document, {
|
||||
blockTag: 'P',
|
||||
blockAttributes: { style: 'font-size: 16px;' }
|
||||
})
|
||||
|
||||
If using the simple setup, call `editor.setConfig(…);` with your
|
||||
config object instead. Be sure to do this *before* calling `editor.setHTML()`.
|
||||
});
|
||||
|
||||
### Determining button state
|
||||
|
||||
|
|
@ -83,35 +66,33 @@ If you are adding a UI to Squire, you'll probably want to show a button in diffe
|
|||
|
||||
The efficient way to determine the state for most buttons is to monitor the "pathChange" event in the editor, and determine the state from the new path. If the selection goes across nodes, you will need to call the `hasFormat` method for each of your buttons to determine whether the styles are active. See the `getPath` and `hasFormat` documentation for more information.
|
||||
|
||||
License
|
||||
-------
|
||||
## License
|
||||
|
||||
Squire is released under the MIT license. See LICENSE for full license.
|
||||
|
||||
API
|
||||
---
|
||||
## API
|
||||
|
||||
### addEventListener
|
||||
|
||||
Attach an event listener to the editor. The handler can be either a function or an object with a `handleEvent` method. This function or method will be called whenever the event fires, with an event object as the sole argument. The following events may be observed:
|
||||
|
||||
* **focus**: The editor gained focus.
|
||||
* **blur**: The editor lost focus
|
||||
* **keydown**: Standard [DOM keydown event](https://developer.mozilla.org/en-US/docs/Web/Events/keydown).
|
||||
* **keypress**: Standard [DOM keypress event](https://developer.mozilla.org/en-US/docs/Web/Events/keypress).
|
||||
* **keyup**: Standard [DOM keyup event](https://developer.mozilla.org/en-US/docs/Web/Events/keyup).
|
||||
* **input**: The user inserted, deleted or changed the style of some text; in other words, the result for `editor.getHTML()` will have changed.
|
||||
* **pathChange**: The path (see getPath documentation) to the cursor has changed. The new path is available as the `path` property on the event object.
|
||||
* **select**: The user selected some text.
|
||||
* **cursor**: The user cleared their selection or moved the cursor to a
|
||||
different position.
|
||||
* **undoStateChange**: The availability of undo and/or redo has changed. The event object has two boolean properties, `canUndo` and `canRedo` to let you know the new state.
|
||||
* **willPaste**: The user is pasting content into the document. The content that will be inserted is available as either the `fragment` property on the event object, or the `text` property for plain text being inserted into a `<pre>`. You can modify this text/fragment in your event handler to change what will be pasted. You can also call the `preventDefault` on the event object to cancel the paste operation.
|
||||
- **focus**: The editor gained focus.
|
||||
- **blur**: The editor lost focus
|
||||
- **keydown**: Standard [DOM keydown event](https://developer.mozilla.org/en-US/docs/Web/Events/keydown).
|
||||
- **keypress**: Standard [DOM keypress event](https://developer.mozilla.org/en-US/docs/Web/Events/keypress).
|
||||
- **keyup**: Standard [DOM keyup event](https://developer.mozilla.org/en-US/docs/Web/Events/keyup).
|
||||
- **input**: The user inserted, deleted or changed the style of some text; in other words, the result for `editor.getHTML()` will have changed.
|
||||
- **pathChange**: The path (see getPath documentation) to the cursor has changed. The new path is available as the `path` property on the event's `detail` property object.
|
||||
- **select**: The user selected some text.
|
||||
- **cursor**: The user cleared their selection or moved the cursor to a different position.
|
||||
- **undoStateChange**: The availability of undo and/or redo has changed. The event object has a `detail` property, which is an object with two boolean properties, `canUndo` and `canRedo` to let you know the new state.
|
||||
- **willPaste**: The user is pasting content into the document. The content that will be inserted is available as either the `fragment` property, or the `text` property for plain text, on the `detail` property of the event. You can modify this text/fragment in your event handler to change what will be pasted. You can also call the `preventDefault` on the event object to cancel the paste operation.
|
||||
- **pasteImage**: The user is pasting image content into the document.
|
||||
|
||||
The method takes two arguments:
|
||||
|
||||
* **type**: The event to listen for. e.g. 'focus'.
|
||||
* **handler**: The callback function to invoke
|
||||
- **type**: The event to listen for. e.g. 'focus'.
|
||||
- **handler**: The callback function to invoke
|
||||
|
||||
Returns self (the Squire instance).
|
||||
|
||||
|
|
@ -121,22 +102,22 @@ Remove an event listener attached via the addEventListener method.
|
|||
|
||||
The method takes two arguments:
|
||||
|
||||
* **type**: The event type the handler was registered for.
|
||||
* **handler**: The handler to remove.
|
||||
- **type**: The event type the handler was registered for.
|
||||
- **handler**: The handler to remove.
|
||||
|
||||
Returns self (the Squire instance).
|
||||
|
||||
### setKeyHandler
|
||||
|
||||
Adds or removes a keyboard shortcut. You can use this to override the default keyboard shortcuts (e.g. Ctrl-B for bold – see the bottom of KeyHandlers.js for the list).
|
||||
Adds or removes a keyboard shortcut. You can use this to override the default keyboard shortcuts (e.g. Ctrl-B for bold – see the bottom of KeyHandlers.js for the list).
|
||||
|
||||
This method takes two arguments:
|
||||
|
||||
* **key**: The key to handle, including any modifiers in alphabetical order. e.g. `"alt-ctrl-meta-shift-enter"`
|
||||
* **fn**: The function to be called when this key is pressed, or `null` if removing a key handler. The function will be passed three arguments when called:
|
||||
* **self**: A reference to the Squire instance.
|
||||
* **event**: The key event object.
|
||||
* **range**: A Range object representing the current selection.
|
||||
- **key**: The key to handle, including any modifiers in alphabetical order. e.g. `"Alt-Ctrl-Meta-Shift-Enter"`
|
||||
- **fn**: The function to be called when this key is pressed, or `null` if removing a key handler. The function will be passed three arguments when called:
|
||||
- **self**: A reference to the Squire instance.
|
||||
- **event**: The key event object.
|
||||
- **range**: A Range object representing the current selection.
|
||||
|
||||
Returns self (the Squire instance).
|
||||
|
||||
|
|
@ -156,10 +137,6 @@ The method takes no arguments.
|
|||
|
||||
Returns self (the Squire instance).
|
||||
|
||||
### getDocument
|
||||
|
||||
Returns the `document` object of the editable area. May be useful to do transformations outside the realm of the API.
|
||||
|
||||
### getHTML
|
||||
|
||||
Returns the HTML value of the editor in its current state. This value is equivalent to the contents of the `<body>` tag and does not include any surrounding boilerplate.
|
||||
|
|
@ -170,7 +147,7 @@ Sets the HTML value for the editor. The value supplied should not contain `<body
|
|||
|
||||
The method takes one argument:
|
||||
|
||||
* **html**: The html to set.
|
||||
- **html**: The html to set.
|
||||
|
||||
Returns self (the Squire instance).
|
||||
|
||||
|
|
@ -184,8 +161,8 @@ Inserts an image at the current cursor location.
|
|||
|
||||
The method takes two arguments:
|
||||
|
||||
* **src**: The source path for the image.
|
||||
* **attributes**: (optional) An object containing other attributes to set on the `<img>` node. e.g. `{ class: 'class-name' }`. Any `src` attribute will be overwritten by the url given as the first argument.
|
||||
- **src**: The source path for the image.
|
||||
- **attributes**: (optional) An object containing other attributes to set on the `<img>` node. e.g. `{ class: 'class-name' }`. Any `src` attribute will be overwritten by the url given as the first argument.
|
||||
|
||||
Returns a reference to the newly inserted image element.
|
||||
|
||||
|
|
@ -195,7 +172,7 @@ Inserts an HTML fragment at the current cursor location, or replaces the selecti
|
|||
|
||||
The method takes one argument:
|
||||
|
||||
* **html**: The html to insert.
|
||||
- **html**: The html to insert.
|
||||
|
||||
Returns self (the Squire instance).
|
||||
|
||||
|
|
@ -205,16 +182,16 @@ Returns the path through the DOM tree from the `<body>` element to the current c
|
|||
|
||||
### getFontInfo
|
||||
|
||||
Returns an object containing the active font family, size, color and background color for the the current cursor position, if any are set. The property names are respectively `family`, `size`, `color` and `backgroundColor`. It looks at style attributes to detect this, so will not detect `<FONT>` tags or non-inline styles. If a selection across multiple elements has been made, it will return an empty object.
|
||||
Returns an object containing the active font family, size, color and background color for the the current cursor position, if any are set. The property names are respectively `fontFamily`, `fontSize`, `color` and `backgroundColor` (matching the CSS property names). It looks at style attributes to detect this, so will not detect `<FONT>` tags or non-inline styles. If a selection across multiple elements has been made, it will return an empty object.
|
||||
|
||||
### createRange
|
||||
|
||||
Creates a range in the document belonging to the editor. Takes 4 arguments, matching the [W3C Range properties](https://developer.mozilla.org/en-US/docs/Web/API/Range) they set:
|
||||
|
||||
* **startContainer**
|
||||
* **startOffset**
|
||||
* **endContainer** (optional; if not collapsed)
|
||||
* **endOffset** (optional; if not collapsed)
|
||||
- **startContainer**
|
||||
- **startOffset**
|
||||
- **endContainer** (optional; if not collapsed)
|
||||
- **endOffset** (optional; if not collapsed)
|
||||
|
||||
### getCursorPosition
|
||||
|
||||
|
|
@ -231,7 +208,7 @@ Changes the current selection/cursor position.
|
|||
|
||||
The method takes one argument:
|
||||
|
||||
* **range**: The [W3C Range object](https://developer.mozilla.org/en-US/docs/Web/API/Range) representing the desired selection.
|
||||
- **range**: The [W3C Range object](https://developer.mozilla.org/en-US/docs/Web/API/Range) representing the desired selection.
|
||||
|
||||
Returns self (the Squire instance).
|
||||
|
||||
|
|
@ -276,8 +253,8 @@ Queries the editor for whether a particular format is applied anywhere in the cu
|
|||
|
||||
The method takes two arguments:
|
||||
|
||||
* **tag**: The tag of the format
|
||||
* **attributes**: (optional) Any attributes the format.
|
||||
- **tag**: The tag of the format
|
||||
- **attributes**: (optional) Any attributes the format.
|
||||
|
||||
Returns `true` if the entire selection is contained within an element with the specified tag and attributes, otherwise returns `false`.
|
||||
|
||||
|
|
@ -323,8 +300,8 @@ Makes the currently selected text a link. If no text is selected, the URL or ema
|
|||
|
||||
This method takes two arguments:
|
||||
|
||||
* **url**: The url or email to link to.
|
||||
* **attributes**: (optional) An object containing other attributes to set on the `<a>` node. e.g. `{ target: '_blank' }`. Any `href` attribute will be overwritten by the url given as the first argument.
|
||||
- **url**: The url or email to link to.
|
||||
- **attributes**: (optional) An object containing other attributes to set on the `<a>` node. e.g. `{ target: '_blank' }`. Any `href` attribute will be overwritten by the url given as the first argument.
|
||||
|
||||
Returns self (the Squire instance).
|
||||
|
||||
|
|
@ -340,7 +317,7 @@ Sets the font face for the selected text.
|
|||
|
||||
This method takes one argument:
|
||||
|
||||
* **font**: A comma-separated list of fonts (in order of preference) to set.
|
||||
- **font**: A comma-separated list of fonts (in order of preference) to set.
|
||||
|
||||
Returns self (the Squire instance).
|
||||
|
||||
|
|
@ -350,7 +327,7 @@ Sets the font size for the selected text.
|
|||
|
||||
This method takes one argument:
|
||||
|
||||
* **size**: A size to set. Any CSS [length value](https://developer.mozilla.org/en-US/docs/Web/CSS/length) or [absolute-size value](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_values_syntax#syntax-absolute-size) is accepted, e.g. '13px', or 'small'.
|
||||
- **size**: A size to set. Any CSS [length value](https://developer.mozilla.org/en-US/docs/Web/CSS/length) or [absolute-size value](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_values_syntax#syntax-absolute-size) is accepted, e.g. '13px', or 'small'.
|
||||
|
||||
Returns self (the Squire instance).
|
||||
|
||||
|
|
@ -360,7 +337,7 @@ Sets the color of the selected text.
|
|||
|
||||
This method takes one argument:
|
||||
|
||||
* **color**: The color to set. Any [CSS color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) is accepted, e.g. '#f00', or 'hsl(0,0,0)'.
|
||||
- **color**: The color to set. Any [CSS color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) is accepted, e.g. '#f00', or 'hsl(0,0,0)'.
|
||||
|
||||
Returns self (the Squire instance).
|
||||
|
||||
|
|
@ -370,7 +347,7 @@ Sets the color of the background of the selected text.
|
|||
|
||||
This method takes one argument:
|
||||
|
||||
* **color**: The color to set. Any [CSS color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) is accepted, e.g. '#f00', or 'hsl(0,0,0)'.
|
||||
- **color**: The color to set. Any [CSS color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) is accepted, e.g. '#f00', or 'hsl(0,0,0)'.
|
||||
|
||||
Returns self (the Squire instance).
|
||||
|
||||
|
|
@ -380,7 +357,7 @@ Sets the text alignment in all blocks at least partially contained by the select
|
|||
|
||||
This method takes one argument:
|
||||
|
||||
* **alignment**: The direction to align to. Can be 'left', 'right', 'center' or 'justify'.
|
||||
- **alignment**: The direction to align to. Can be 'left', 'right', 'center' or 'justify'.
|
||||
|
||||
Returns self (the Squire instance).
|
||||
|
||||
|
|
@ -390,7 +367,7 @@ Sets the text direction in all blocks at least partially contained by the select
|
|||
|
||||
This method takes one argument:
|
||||
|
||||
* **direction**: The text direction. Can be 'ltr' or 'rtl'.
|
||||
- **direction**: The text direction. Can be 'ltr' or 'rtl'.
|
||||
|
||||
Returns self (the Squire instance).
|
||||
|
||||
|
|
@ -400,8 +377,8 @@ Executes a function on each block in the current selection, or until the functio
|
|||
|
||||
This method takes two arguments:
|
||||
|
||||
* **fn** The function to execute on each block node at least partially contained in the current selection. The function will be called with the block node as the only argument.
|
||||
* **mutates** A boolean indicating whether your function may modify anything in the document in any way.
|
||||
- **fn** The function to execute on each block node at least partially contained in the current selection. The function will be called with the block node as the only argument.
|
||||
- **mutates** A boolean indicating whether your function may modify anything in the document in any way.
|
||||
|
||||
Returns self (the Squire instance).
|
||||
|
||||
|
|
@ -411,7 +388,7 @@ Extracts a portion of the DOM tree (up to the block boundaries of the current se
|
|||
|
||||
This method takes one argument:
|
||||
|
||||
* **modify** The function to apply to the extracted DOM tree; gets a document fragment as a sole argument. `this` is bound to the Squire instance. Should return the node or fragment to be reinserted in the DOM.
|
||||
- **modify** The function to apply to the extracted DOM tree; gets a document fragment as a sole argument. `this` is bound to the Squire instance. Should return the node or fragment to be reinserted in the DOM.
|
||||
|
||||
Returns self (the Squire instance).
|
||||
|
||||
|
|
@ -498,4 +475,4 @@ This is useful when the document needs to be changed programmatically, but those
|
|||
|
||||
### linkRegExp
|
||||
|
||||
This is the regular expression used to automatically mark up links when inserting HTML or after pressing space. You can change it if you want to use a custom regular expression for detecting links, or set to `null` to turn off link detection.
|
||||
This is the regular expression used to automatically mark up links when inserting HTML or after pressing space. You can change it if you want to use a custom regular expression for detecting links, or set to `/[]/` to turn off link detection.
|
||||
38
vendors/squire-rte/build.js
vendored
Executable file
38
vendors/squire-rte/build.js
vendored
Executable file
|
|
@ -0,0 +1,38 @@
|
|||
#!/usr/bin/env node
|
||||
|
||||
import esbuild from 'esbuild';
|
||||
|
||||
Promise.all([
|
||||
esbuild.build({
|
||||
entryPoints: ['source/Legacy.ts'],
|
||||
bundle: true,
|
||||
target: 'es6',
|
||||
format: 'iife',
|
||||
outfile: 'dist/squire-raw.js',
|
||||
}),
|
||||
esbuild.build({
|
||||
entryPoints: ['source/Legacy.ts'],
|
||||
bundle: true,
|
||||
minify: true,
|
||||
sourcemap: 'linked',
|
||||
target: 'es6',
|
||||
format: 'iife',
|
||||
outfile: 'dist/squire.js',
|
||||
}),
|
||||
esbuild.build({
|
||||
entryPoints: ['source/Squire.ts'],
|
||||
bundle: true,
|
||||
target: 'esnext',
|
||||
format: 'esm',
|
||||
outfile: 'dist/squire-raw.mjs',
|
||||
}),
|
||||
esbuild.build({
|
||||
entryPoints: ['source/Squire.ts'],
|
||||
bundle: true,
|
||||
minify: true,
|
||||
sourcemap: 'linked',
|
||||
target: 'esnext',
|
||||
format: 'esm',
|
||||
outfile: 'dist/squire.mjs',
|
||||
}),
|
||||
]).catch(() => process.exit(1));
|
||||
4119
vendors/squire-rte/dist/squire-raw.js
vendored
Normal file
4119
vendors/squire-rte/dist/squire-raw.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
4118
vendors/squire-rte/dist/squire-raw.mjs
vendored
Normal file
4118
vendors/squire-rte/dist/squire-raw.mjs
vendored
Normal file
File diff suppressed because it is too large
Load diff
11
vendors/squire-rte/dist/squire.js
vendored
Normal file
11
vendors/squire-rte/dist/squire.js
vendored
Normal file
File diff suppressed because one or more lines are too long
7
vendors/squire-rte/dist/squire.js.map
vendored
Normal file
7
vendors/squire-rte/dist/squire.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
11
vendors/squire-rte/dist/squire.mjs
vendored
Normal file
11
vendors/squire-rte/dist/squire.mjs
vendored
Normal file
File diff suppressed because one or more lines are too long
7
vendors/squire-rte/dist/squire.mjs.map
vendored
Normal file
7
vendors/squire-rte/dist/squire.mjs.map
vendored
Normal file
File diff suppressed because one or more lines are too long
8
vendors/squire-rte/dist/types/Clean.d.ts
vendored
Normal file
8
vendors/squire-rte/dist/types/Clean.d.ts
vendored
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
import { isLineBreak } from './node/Whitespace';
|
||||
import type { SquireConfig } from './Editor';
|
||||
declare const cleanTree: (node: Node, config: SquireConfig, preserveWS?: boolean) => Node;
|
||||
declare const removeEmptyInlines: (node: Node) => void;
|
||||
declare const cleanupBRs: (node: Element | DocumentFragment, root: Element, keepForBlankLine: boolean) => void;
|
||||
declare const escapeHTML: (text: string) => string;
|
||||
export { cleanTree, cleanupBRs, isLineBreak, removeEmptyInlines, escapeHTML };
|
||||
//# sourceMappingURL=Clean.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/Clean.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/Clean.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Clean.d.ts","sourceRoot":"","sources":["../../source/Clean.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAoN7C,QAAA,MAAM,SAAS,SACL,IAAI,UACF,YAAY,eACP,OAAO,KACrB,IA2FF,CAAC;AAIF,QAAA,MAAM,kBAAkB,SAAU,IAAI,KAAG,IAcxC,CAAC;AAUF,QAAA,MAAM,UAAU,SACN,OAAO,GAAG,gBAAgB,QAC1B,OAAO,oBACK,OAAO,KAC1B,IA8BF,CAAC;AAIF,QAAA,MAAM,UAAU,SAAU,MAAM,KAAG,MAUlC,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,kBAAkB,EAAE,UAAU,EAAE,CAAC"}
|
||||
9
vendors/squire-rte/dist/types/Clipboard.d.ts
vendored
Normal file
9
vendors/squire-rte/dist/types/Clipboard.d.ts
vendored
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
import type { Squire } from './Editor';
|
||||
declare const extractRangeToClipboard: (event: ClipboardEvent, range: Range, root: HTMLElement, removeRangeFromDocument: boolean, toCleanHTML: null | ((html: string) => string), toPlainText: null | ((html: string) => string), plainTextOnly: boolean) => boolean;
|
||||
declare const _onCut: (this: Squire, event: ClipboardEvent) => void;
|
||||
declare const _onCopy: (this: Squire, event: ClipboardEvent) => void;
|
||||
declare const _monitorShiftKey: (this: Squire, event: KeyboardEvent) => void;
|
||||
declare const _onPaste: (this: Squire, event: ClipboardEvent) => void;
|
||||
declare const _onDrop: (this: Squire, event: DragEvent) => void;
|
||||
export { extractRangeToClipboard, _onCut, _onCopy, _monitorShiftKey, _onPaste, _onDrop, };
|
||||
//# sourceMappingURL=Clipboard.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/Clipboard.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/Clipboard.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Clipboard.d.ts","sourceRoot":"","sources":["../../source/Clipboard.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAOvC,QAAA,MAAM,uBAAuB,UAClB,cAAc,SACd,KAAK,QACN,WAAW,2BACQ,OAAO,eACnB,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC,eACjC,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC,iBAC/B,OAAO,KACvB,OA0FF,CAAC;AAIF,QAAA,MAAM,MAAM,SAAmB,MAAM,SAAS,cAAc,KAAG,IAkC9D,CAAC;AAEF,QAAA,MAAM,OAAO,SAAmB,MAAM,SAAS,cAAc,KAAG,IAU/D,CAAC;AAIF,QAAA,MAAM,gBAAgB,SAAmB,MAAM,SAAS,aAAa,KAAG,IAEvE,CAAC;AAEF,QAAA,MAAM,QAAQ,SAAmB,MAAM,SAAS,cAAc,KAAG,IAqLhE,CAAC;AAKF,QAAA,MAAM,OAAO,SAAmB,MAAM,SAAS,SAAS,KAAG,IAwB1D,CAAC;AAIF,OAAO,EACH,uBAAuB,EACvB,MAAM,EACN,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,OAAO,GACV,CAAC"}
|
||||
20
vendors/squire-rte/dist/types/Constants.d.ts
vendored
Normal file
20
vendors/squire-rte/dist/types/Constants.d.ts
vendored
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
declare const DOCUMENT_POSITION_PRECEDING = 2;
|
||||
declare const ELEMENT_NODE = 1;
|
||||
declare const TEXT_NODE = 3;
|
||||
declare const DOCUMENT_NODE = 9;
|
||||
declare const DOCUMENT_FRAGMENT_NODE = 11;
|
||||
declare const ZWS = "\u200B";
|
||||
declare const ua: string;
|
||||
declare const isMac: boolean;
|
||||
declare const isWin: boolean;
|
||||
declare const isIOS: boolean;
|
||||
declare const isAndroid: boolean;
|
||||
declare const isGecko: boolean;
|
||||
declare const isLegacyEdge: boolean;
|
||||
declare const isWebKit: boolean;
|
||||
declare const ctrlKey: string;
|
||||
declare const cantFocusEmptyTextNodes: boolean;
|
||||
declare const supportsInputEvents: boolean;
|
||||
declare const notWS: RegExp;
|
||||
export { DOCUMENT_POSITION_PRECEDING, ELEMENT_NODE, TEXT_NODE, DOCUMENT_NODE, DOCUMENT_FRAGMENT_NODE, notWS, ZWS, ua, isMac, isWin, isIOS, isAndroid, isGecko, isLegacyEdge, isWebKit, ctrlKey, cantFocusEmptyTextNodes, supportsInputEvents, };
|
||||
//# sourceMappingURL=Constants.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/Constants.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/Constants.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Constants.d.ts","sourceRoot":"","sources":["../../source/Constants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,2BAA2B,IAAI,CAAC;AACtC,QAAA,MAAM,YAAY,IAAI,CAAC;AACvB,QAAA,MAAM,SAAS,IAAI,CAAC;AACpB,QAAA,MAAM,aAAa,IAAI,CAAC;AACxB,QAAA,MAAM,sBAAsB,KAAK,CAAC;AAElC,QAAA,MAAM,GAAG,WAAW,CAAC;AAErB,QAAA,MAAM,EAAE,QAAsB,CAAC;AAE/B,QAAA,MAAM,KAAK,SAAsB,CAAC;AAClC,QAAA,MAAM,KAAK,SAAwB,CAAC;AACpC,QAAA,MAAM,KAAK,SAC6D,CAAC;AACzE,QAAA,MAAM,SAAS,SAAqB,CAAC;AAErC,QAAA,MAAM,OAAO,SAAqB,CAAC;AACnC,QAAA,MAAM,YAAY,SAAoB,CAAC;AACvC,QAAA,MAAM,QAAQ,SAAuC,CAAC;AAEtD,QAAA,MAAM,OAAO,QAAqC,CAAC;AAEnD,QAAA,MAAM,uBAAuB,SAAW,CAAC;AAEzC,QAAA,MAAM,mBAAmB,SACgD,CAAC;AAG1E,QAAA,MAAM,KAAK,QAAe,CAAC;AAI3B,OAAO,EACH,2BAA2B,EAC3B,YAAY,EACZ,SAAS,EACT,aAAa,EACb,sBAAsB,EACtB,KAAK,EACL,GAAG,EACH,EAAE,EACF,KAAK,EACL,KAAK,EACL,KAAK,EACL,SAAS,EACT,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,uBAAuB,EACvB,mBAAmB,GACtB,CAAC"}
|
||||
175
vendors/squire-rte/dist/types/Editor.d.ts
vendored
Normal file
175
vendors/squire-rte/dist/types/Editor.d.ts
vendored
Normal file
|
|
@ -0,0 +1,175 @@
|
|||
type EventHandler = {
|
||||
handleEvent: (e: Event) => void;
|
||||
} | ((e: Event) => void);
|
||||
type KeyHandlerFunction = (x: Squire, y: KeyboardEvent, z: Range) => void;
|
||||
type TagAttributes = {
|
||||
[key: string]: {
|
||||
[key: string]: string;
|
||||
};
|
||||
};
|
||||
interface SquireConfig {
|
||||
blockTag: string;
|
||||
blockAttributes: null | Record<string, string>;
|
||||
tagAttributes: TagAttributes;
|
||||
classNames: {
|
||||
color: string;
|
||||
fontFamily: string;
|
||||
fontSize: string;
|
||||
highlight: string;
|
||||
};
|
||||
undo: {
|
||||
documentSizeThreshold: number;
|
||||
undoLimit: number;
|
||||
};
|
||||
addLinks: boolean;
|
||||
willCutCopy: null | ((html: string) => string);
|
||||
toPlainText: null | ((html: string) => string);
|
||||
sanitizeToDOMFragment: (html: string, editor: Squire) => DocumentFragment;
|
||||
didError: (x: any) => void;
|
||||
}
|
||||
declare class Squire {
|
||||
_root: HTMLElement;
|
||||
_config: SquireConfig;
|
||||
_isFocused: boolean;
|
||||
_lastSelection: Range;
|
||||
_willRestoreSelection: boolean;
|
||||
_mayHaveZWS: boolean;
|
||||
_lastAnchorNode: Node | null;
|
||||
_lastFocusNode: Node | null;
|
||||
_path: string;
|
||||
_events: Map<string, Array<EventHandler>>;
|
||||
_undoIndex: number;
|
||||
_undoStack: Array<string>;
|
||||
_undoStackLength: number;
|
||||
_isInUndoState: boolean;
|
||||
_ignoreChange: boolean;
|
||||
_ignoreAllChanges: boolean;
|
||||
_isShiftDown: boolean;
|
||||
_keyHandlers: Record<string, KeyHandlerFunction>;
|
||||
_mutation: MutationObserver;
|
||||
constructor(root: HTMLElement, config?: Partial<SquireConfig>);
|
||||
destroy(): void;
|
||||
_makeConfig(userConfig?: object): SquireConfig;
|
||||
setKeyHandler(key: string, fn: KeyHandlerFunction): this;
|
||||
_beforeInput(event: InputEvent): void;
|
||||
handleEvent(event: Event): void;
|
||||
fireEvent(type: string, detail?: Event | object): Squire;
|
||||
/**
|
||||
* Subscribing to these events won't automatically add a listener to the
|
||||
* document node, since these events are fired in a custom manner by the
|
||||
* editor code.
|
||||
*/
|
||||
customEvents: Set<string>;
|
||||
addEventListener(type: string, fn: EventHandler): Squire;
|
||||
removeEventListener(type: string, fn?: EventHandler): Squire;
|
||||
focus(): Squire;
|
||||
blur(): Squire;
|
||||
_enableRestoreSelection(): void;
|
||||
_disableRestoreSelection(): void;
|
||||
_restoreSelection(): void;
|
||||
_removeZWS(): void;
|
||||
startSelectionId: string;
|
||||
endSelectionId: string;
|
||||
_saveRangeToBookmark(range: Range): void;
|
||||
_getRangeAndRemoveBookmark(range?: Range): Range | null;
|
||||
getSelection(): Range;
|
||||
setSelection(range: Range): Squire;
|
||||
_moveCursorTo(toStart: boolean): Squire;
|
||||
moveCursorToStart(): Squire;
|
||||
moveCursorToEnd(): Squire;
|
||||
getCursorPosition(): DOMRect;
|
||||
getPath(): string;
|
||||
_updatePathOnEvent(): void;
|
||||
_updatePath(range: Range, force?: boolean): void;
|
||||
_getPath(node: Node): string;
|
||||
modifyDocument(modificationFn: () => void): Squire;
|
||||
_docWasChanged(): void;
|
||||
/**
|
||||
* Leaves bookmark.
|
||||
*/
|
||||
_recordUndoState(range: Range, replace?: boolean): Squire;
|
||||
saveUndoState(range?: Range): Squire;
|
||||
undo(): Squire;
|
||||
redo(): Squire;
|
||||
getRoot(): HTMLElement;
|
||||
_getRawHTML(): string;
|
||||
_setRawHTML(html: string): Squire;
|
||||
getHTML(withBookmark?: boolean): string;
|
||||
setHTML(html: string): Squire;
|
||||
/**
|
||||
* Insert HTML at the cursor location. If the selection is not collapsed
|
||||
* insertTreeFragmentIntoRange will delete the selection so that it is
|
||||
* replaced by the html being inserted.
|
||||
*/
|
||||
insertHTML(html: string, isPaste?: boolean): Squire;
|
||||
insertElement(el: Element, range?: Range): Squire;
|
||||
insertImage(src: string, attributes: Record<string, string>): HTMLImageElement;
|
||||
insertPlainText(plainText: string, isPaste: boolean): Squire;
|
||||
getSelectedText(range?: Range): string;
|
||||
/**
|
||||
* Extracts the font-family and font-size (if any) of the element
|
||||
* holding the cursor. If there's a selection, returns an empty object.
|
||||
*/
|
||||
getFontInfo(range?: Range): Record<string, string | undefined>;
|
||||
/**
|
||||
* Looks for matching tag and attributes, so won't work if <strong>
|
||||
* instead of <b> etc.
|
||||
*/
|
||||
hasFormat(tag: string, attributes?: Record<string, string> | null, range?: Range): boolean;
|
||||
changeFormat(add: {
|
||||
tag: string;
|
||||
attributes?: Record<string, string>;
|
||||
} | null, remove?: {
|
||||
tag: string;
|
||||
attributes?: Record<string, string>;
|
||||
} | null, range?: Range, partial?: boolean): Squire;
|
||||
_addFormat(tag: string, attributes: Record<string, string> | null, range: Range): Range;
|
||||
_removeFormat(tag: string, attributes: Record<string, string>, range: Range, partial?: boolean): Range;
|
||||
bold(): Squire;
|
||||
removeBold(): Squire;
|
||||
italic(): Squire;
|
||||
removeItalic(): Squire;
|
||||
underline(): Squire;
|
||||
removeUnderline(): Squire;
|
||||
strikethrough(): Squire;
|
||||
removeStrikethrough(): Squire;
|
||||
subscript(): Squire;
|
||||
removeSubscript(): Squire;
|
||||
superscript(): Squire;
|
||||
removeSuperscript(): Squire;
|
||||
makeLink(url: string, attributes?: Record<string, string>): Squire;
|
||||
removeLink(): Squire;
|
||||
linkRegExp: RegExp;
|
||||
addDetectedLinks(searchInNode: DocumentFragment | Node, root?: DocumentFragment | HTMLElement): Squire;
|
||||
setFontFace(name: string | null): Squire;
|
||||
setFontSize(size: string | null): Squire;
|
||||
setTextColor(color: string | null): Squire;
|
||||
setHighlightColor(color: string | null): Squire;
|
||||
_ensureBottomLine(): void;
|
||||
createDefaultBlock(children?: Node[]): HTMLElement;
|
||||
tagAfterSplit: Record<string, string>;
|
||||
splitBlock(lineBreakOnly: boolean, range?: Range): Squire;
|
||||
forEachBlock(fn: (el: HTMLElement) => any, mutates: boolean, range?: Range): Squire;
|
||||
modifyBlocks(modify: (x: DocumentFragment) => Node, range?: Range): Squire;
|
||||
setTextAlignment(alignment: string): Squire;
|
||||
setTextDirection(direction: string | null): Squire;
|
||||
_getListSelection(range: Range, root: Element): [Node, Node | null, Node | null] | null;
|
||||
increaseListLevel(range?: Range): Squire;
|
||||
decreaseListLevel(range?: Range): Squire;
|
||||
_makeList(frag: DocumentFragment, type: string): DocumentFragment;
|
||||
makeUnorderedList(): Squire;
|
||||
makeOrderedList(): Squire;
|
||||
removeList(): Squire;
|
||||
increaseQuoteLevel(range?: Range): Squire;
|
||||
decreaseQuoteLevel(range?: Range): Squire;
|
||||
removeQuote(range?: Range): Squire;
|
||||
replaceWithBlankLine(range?: Range): Squire;
|
||||
code(): Squire;
|
||||
removeCode(): Squire;
|
||||
toggleCode(): Squire;
|
||||
_removeFormatting(root: DocumentFragment | Element, clean: DocumentFragment | Element): DocumentFragment | Element;
|
||||
removeAllFormatting(range?: Range): Squire;
|
||||
}
|
||||
export { Squire };
|
||||
export type { SquireConfig };
|
||||
//# sourceMappingURL=Editor.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/Editor.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/Editor.d.ts.map
vendored
Normal file
File diff suppressed because one or more lines are too long
2
vendors/squire-rte/dist/types/Legacy.d.ts
vendored
Normal file
2
vendors/squire-rte/dist/types/Legacy.d.ts
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
export {};
|
||||
//# sourceMappingURL=Legacy.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/Legacy.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/Legacy.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Legacy.d.ts","sourceRoot":"","sources":["../../source/Legacy.ts"],"names":[],"mappings":""}
|
||||
3
vendors/squire-rte/dist/types/Squire.d.ts
vendored
Normal file
3
vendors/squire-rte/dist/types/Squire.d.ts
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
import { Squire } from './Editor';
|
||||
export default Squire;
|
||||
//# sourceMappingURL=Squire.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/Squire.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/Squire.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Squire.d.ts","sourceRoot":"","sources":["../../source/Squire.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAe,MAAM,CAAC"}
|
||||
4
vendors/squire-rte/dist/types/keyboard/Backspace.d.ts
vendored
Normal file
4
vendors/squire-rte/dist/types/keyboard/Backspace.d.ts
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
import type { Squire } from '../Editor';
|
||||
declare const Backspace: (self: Squire, event: KeyboardEvent, range: Range) => void;
|
||||
export { Backspace };
|
||||
//# sourceMappingURL=Backspace.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/keyboard/Backspace.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/keyboard/Backspace.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Backspace.d.ts","sourceRoot":"","sources":["../../../source/keyboard/Backspace.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAkBxC,QAAA,MAAM,SAAS,SAAU,MAAM,SAAS,aAAa,SAAS,KAAK,KAAG,IAwFrE,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
||||
4
vendors/squire-rte/dist/types/keyboard/Delete.d.ts
vendored
Normal file
4
vendors/squire-rte/dist/types/keyboard/Delete.d.ts
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
import type { Squire } from '../Editor';
|
||||
declare const Delete: (self: Squire, event: KeyboardEvent, range: Range) => void;
|
||||
export { Delete };
|
||||
//# sourceMappingURL=Delete.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/keyboard/Delete.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/keyboard/Delete.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Delete.d.ts","sourceRoot":"","sources":["../../../source/keyboard/Delete.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAIxC,QAAA,MAAM,MAAM,SAAU,MAAM,SAAS,aAAa,SAAS,KAAK,KAAG,IAyElE,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
||||
4
vendors/squire-rte/dist/types/keyboard/Enter.d.ts
vendored
Normal file
4
vendors/squire-rte/dist/types/keyboard/Enter.d.ts
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
import type { Squire } from '../Editor';
|
||||
declare const Enter: (self: Squire, event: KeyboardEvent, range: Range) => void;
|
||||
export { Enter };
|
||||
//# sourceMappingURL=Enter.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/keyboard/Enter.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/keyboard/Enter.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Enter.d.ts","sourceRoot":"","sources":["../../../source/keyboard/Enter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAIxC,QAAA,MAAM,KAAK,SAAU,MAAM,SAAS,aAAa,SAAS,KAAK,KAAG,IAGjE,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
||||
6
vendors/squire-rte/dist/types/keyboard/KeyHandlers.d.ts
vendored
Normal file
6
vendors/squire-rte/dist/types/keyboard/KeyHandlers.d.ts
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
import type { Squire } from '../Editor';
|
||||
declare const _onKey: (this: Squire, event: KeyboardEvent) => void;
|
||||
type KeyHandler = (self: Squire, event: KeyboardEvent, range: Range) => void;
|
||||
declare const keyHandlers: Record<string, KeyHandler>;
|
||||
export { _onKey, keyHandlers };
|
||||
//# sourceMappingURL=KeyHandlers.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/keyboard/KeyHandlers.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/keyboard/KeyHandlers.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"KeyHandlers.d.ts","sourceRoot":"","sources":["../../../source/keyboard/KeyHandlers.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAWxC,QAAA,MAAM,MAAM,SAAmB,MAAM,SAAS,aAAa,KAAG,IAuD7D,CAAC;AAIF,KAAK,UAAU,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;AAE7E,QAAA,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAoC3C,CAAC;AA4GF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC"}
|
||||
6
vendors/squire-rte/dist/types/keyboard/KeyHelpers.d.ts
vendored
Normal file
6
vendors/squire-rte/dist/types/keyboard/KeyHelpers.d.ts
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
import type { Squire } from '../Editor';
|
||||
declare const afterDelete: (self: Squire, range?: Range) => void;
|
||||
declare const detachUneditableNode: (node: Node, root: Element) => void;
|
||||
declare const linkifyText: (self: Squire, textNode: Text, offset: number) => void;
|
||||
export { afterDelete, detachUneditableNode, linkifyText };
|
||||
//# sourceMappingURL=KeyHelpers.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/keyboard/KeyHelpers.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/keyboard/KeyHelpers.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"KeyHelpers.d.ts","sourceRoot":"","sources":["../../../source/keyboard/KeyHelpers.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAQxC,QAAA,MAAM,WAAW,SAAU,MAAM,UAAU,KAAK,KAAG,IAsDlD,CAAC;AAEF,QAAA,MAAM,oBAAoB,SAAU,IAAI,QAAQ,OAAO,KAAG,IASzD,CAAC;AAIF,QAAA,MAAM,WAAW,SAAU,MAAM,YAAY,IAAI,UAAU,MAAM,KAAG,IAmDnE,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,WAAW,EAAE,CAAC"}
|
||||
4
vendors/squire-rte/dist/types/keyboard/Space.d.ts
vendored
Normal file
4
vendors/squire-rte/dist/types/keyboard/Space.d.ts
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
import type { Squire } from '../Editor';
|
||||
declare const Space: (self: Squire, event: KeyboardEvent, range: Range) => void;
|
||||
export { Space };
|
||||
//# sourceMappingURL=Space.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/keyboard/Space.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/keyboard/Space.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Space.d.ts","sourceRoot":"","sources":["../../../source/keyboard/Space.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAWxC,QAAA,MAAM,KAAK,SAAU,MAAM,SAAS,aAAa,SAAS,KAAK,KAAG,IAiEjE,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
||||
5
vendors/squire-rte/dist/types/keyboard/Tab.d.ts
vendored
Normal file
5
vendors/squire-rte/dist/types/keyboard/Tab.d.ts
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
import type { Squire } from '../Editor';
|
||||
declare const Tab: (self: Squire, event: KeyboardEvent, range: Range) => void;
|
||||
declare const ShiftTab: (self: Squire, event: KeyboardEvent, range: Range) => void;
|
||||
export { Tab, ShiftTab };
|
||||
//# sourceMappingURL=Tab.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/keyboard/Tab.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/keyboard/Tab.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../source/keyboard/Tab.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAIxC,QAAA,MAAM,GAAG,SAAU,MAAM,SAAS,aAAa,SAAS,KAAK,KAAG,IAmB/D,CAAC;AAEF,QAAA,MAAM,QAAQ,SAAU,MAAM,SAAS,aAAa,SAAS,KAAK,KAAG,IAYpE,CAAC;AAIF,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC"}
|
||||
7
vendors/squire-rte/dist/types/node/Block.d.ts
vendored
Normal file
7
vendors/squire-rte/dist/types/node/Block.d.ts
vendored
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
import { TreeIterator } from './TreeIterator';
|
||||
declare const getBlockWalker: (node: Node, root: Element | DocumentFragment) => TreeIterator<HTMLElement>;
|
||||
declare const getPreviousBlock: (node: Node, root: Element | DocumentFragment) => HTMLElement | null;
|
||||
declare const getNextBlock: (node: Node, root: Element | DocumentFragment) => HTMLElement | null;
|
||||
declare const isEmptyBlock: (block: Element) => boolean;
|
||||
export { getBlockWalker, getPreviousBlock, getNextBlock, isEmptyBlock };
|
||||
//# sourceMappingURL=Block.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/node/Block.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/node/Block.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../source/node/Block.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAgB,MAAM,gBAAgB,CAAC;AAK5D,QAAA,MAAM,cAAc,SACV,IAAI,QACJ,OAAO,GAAG,gBAAgB,KACjC,YAAY,CAAC,WAAW,CAI1B,CAAC;AAEF,QAAA,MAAM,gBAAgB,SACZ,IAAI,QACJ,OAAO,GAAG,gBAAgB,KACjC,WAAW,GAAG,IAGhB,CAAC;AAEF,QAAA,MAAM,YAAY,SACR,IAAI,QACJ,OAAO,GAAG,gBAAgB,KACjC,WAAW,GAAG,IAGhB,CAAC;AAEF,QAAA,MAAM,YAAY,UAAW,OAAO,KAAG,OAEtC,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}
|
||||
9
vendors/squire-rte/dist/types/node/Category.d.ts
vendored
Normal file
9
vendors/squire-rte/dist/types/node/Category.d.ts
vendored
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
declare const leafNodeNames: Set<string>;
|
||||
declare const resetNodeCategoryCache: () => void;
|
||||
declare const isLeaf: (node: Node) => boolean;
|
||||
declare const getNodeCategory: (node: Node) => number;
|
||||
declare const isInline: (node: Node) => boolean;
|
||||
declare const isBlock: (node: Node) => boolean;
|
||||
declare const isContainer: (node: Node) => boolean;
|
||||
export { getNodeCategory, isBlock, isContainer, isInline, isLeaf, leafNodeNames, resetNodeCategoryCache, };
|
||||
//# sourceMappingURL=Category.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/node/Category.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/node/Category.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../source/node/Category.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,aAAa,aAAkD,CAAC;AAWtE,QAAA,MAAM,sBAAsB,QAAO,IAElC,CAAC;AAIF,QAAA,MAAM,MAAM,SAAU,IAAI,KAAG,OAE5B,CAAC;AAEF,QAAA,MAAM,eAAe,SAAU,IAAI,KAAG,MA0BrC,CAAC;AAEF,QAAA,MAAM,QAAQ,SAAU,IAAI,KAAG,OAE9B,CAAC;AAEF,QAAA,MAAM,OAAO,SAAU,IAAI,KAAG,OAE7B,CAAC;AAEF,QAAA,MAAM,WAAW,SAAU,IAAI,KAAG,OAEjC,CAAC;AAIF,OAAO,EACH,eAAe,EACf,OAAO,EACP,WAAW,EACX,QAAQ,EACR,MAAM,EACN,aAAa,EACb,sBAAsB,GACzB,CAAC"}
|
||||
8
vendors/squire-rte/dist/types/node/MergeSplit.d.ts
vendored
Normal file
8
vendors/squire-rte/dist/types/node/MergeSplit.d.ts
vendored
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
declare const fixCursor: (node: Node) => Node;
|
||||
declare const fixContainer: (container: Node, root: Element | DocumentFragment) => Node;
|
||||
declare const split: (node: Node, offset: number | Node | null, stopNode: Node, root: Element | DocumentFragment) => Node | null;
|
||||
declare const mergeInlines: (node: Node, range: Range) => void;
|
||||
declare const mergeWithBlock: (block: Node, next: Node, range: Range, root: Element) => void;
|
||||
declare const mergeContainers: (node: Node, root: Element) => void;
|
||||
export { fixContainer, fixCursor, mergeContainers, mergeInlines, mergeWithBlock, split, };
|
||||
//# sourceMappingURL=MergeSplit.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/node/MergeSplit.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/node/MergeSplit.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"MergeSplit.d.ts","sourceRoot":"","sources":["../../../source/node/MergeSplit.ts"],"names":[],"mappings":"AAaA,QAAA,MAAM,SAAS,SAAU,IAAI,KAAG,IA6C/B,CAAC;AAGF,QAAA,MAAM,YAAY,cACH,IAAI,QACT,OAAO,GAAG,gBAAgB,KACjC,IA6BF,CAAC;AAEF,QAAA,MAAM,KAAK,SACD,IAAI,UACF,MAAM,GAAG,IAAI,GAAG,IAAI,YAClB,IAAI,QACR,OAAO,GAAG,gBAAgB,KACjC,IAAI,GAAG,IAoDT,CAAC;AA0DF,QAAA,MAAM,YAAY,SAAU,IAAI,SAAS,KAAK,KAAG,IAahD,CAAC;AAEF,QAAA,MAAM,cAAc,UACT,IAAI,QACL,IAAI,SACH,KAAK,QACN,OAAO,KACd,IA4BF,CAAC;AAEF,QAAA,MAAM,eAAe,SAAU,IAAI,QAAQ,OAAO,KAAG,IAkCpD,CAAC;AAIF,OAAO,EACH,YAAY,EACZ,SAAS,EACT,eAAe,EACf,YAAY,EACZ,cAAc,EACd,KAAK,GACR,CAAC"}
|
||||
12
vendors/squire-rte/dist/types/node/Node.d.ts
vendored
Normal file
12
vendors/squire-rte/dist/types/node/Node.d.ts
vendored
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
declare const createElement: (tag: string, props?: Record<string, string> | null, children?: Node[]) => HTMLElement;
|
||||
declare const areAlike: (node: HTMLElement | Node, node2: HTMLElement | Node) => boolean;
|
||||
declare const hasTagAttributes: (node: Node | Element, tag: string, attributes?: Record<string, string> | null) => boolean;
|
||||
declare const getNearest: (node: Node | null, root: Element | DocumentFragment, tag: string, attributes?: Record<string, string> | null) => Node | null;
|
||||
declare const getNodeBeforeOffset: (node: Node, offset: number) => Node;
|
||||
declare const getNodeAfterOffset: (node: Node, offset: number) => Node | null;
|
||||
declare const getLength: (node: Node) => number;
|
||||
declare const empty: (node: Node) => DocumentFragment;
|
||||
declare const detach: (node: Node) => Node;
|
||||
declare const replaceWith: (node: Node, node2: Node) => void;
|
||||
export { areAlike, createElement, detach, empty, getLength, getNearest, getNodeAfterOffset, getNodeBeforeOffset, hasTagAttributes, replaceWith, };
|
||||
//# sourceMappingURL=Node.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/node/Node.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/node/Node.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../source/node/Node.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,QACV,MAAM,UACH,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,aAC1B,IAAI,EAAE,KAClB,WAkBF,CAAC;AAIF,QAAA,MAAM,QAAQ,SACJ,WAAW,GAAG,IAAI,SACjB,WAAW,GAAG,IAAI,KAC1B,OAeF,CAAC;AAEF,QAAA,MAAM,gBAAgB,SACZ,IAAI,GAAG,OAAO,OACf,MAAM,eACE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,KAC3C,OAaF,CAAC;AAIF,QAAA,MAAM,UAAU,SACN,IAAI,GAAG,IAAI,QACX,OAAO,GAAG,gBAAgB,OAC3B,MAAM,eACE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,KAC3C,IAAI,GAAG,IAQT,CAAC;AAEF,QAAA,MAAM,mBAAmB,SAAU,IAAI,UAAU,MAAM,KAAG,IAQzD,CAAC;AAEF,QAAA,MAAM,kBAAkB,SAAU,IAAI,UAAU,MAAM,KAAG,IAAI,GAAG,IAgB/D,CAAC;AAEF,QAAA,MAAM,SAAS,SAAU,IAAI,KAAG,MAM/B,CAAC;AAIF,QAAA,MAAM,KAAK,SAAU,IAAI,KAAG,gBAQ3B,CAAC;AAEF,QAAA,MAAM,MAAM,SAAU,IAAI,KAAG,IAM5B,CAAC;AAEF,QAAA,MAAM,WAAW,SAAU,IAAI,SAAS,IAAI,KAAG,IAK9C,CAAC;AAIF,OAAO,EACH,QAAQ,EACR,aAAa,EACb,MAAM,EACN,KAAK,EACL,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,GACd,CAAC"}
|
||||
17
vendors/squire-rte/dist/types/node/TreeIterator.d.ts
vendored
Normal file
17
vendors/squire-rte/dist/types/node/TreeIterator.d.ts
vendored
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
type NODE_TYPE = 1 | 4 | 5;
|
||||
declare const SHOW_ELEMENT = 1;
|
||||
declare const SHOW_TEXT = 4;
|
||||
declare const SHOW_ELEMENT_OR_TEXT = 5;
|
||||
declare class TreeIterator<T extends Node> {
|
||||
root: Node;
|
||||
currentNode: Node;
|
||||
nodeType: NODE_TYPE;
|
||||
filter: (n: T) => boolean;
|
||||
constructor(root: Node, nodeType: NODE_TYPE, filter?: (n: T) => boolean);
|
||||
isAcceptableNode(node: Node): boolean;
|
||||
nextNode(): T | null;
|
||||
previousNode(): T | null;
|
||||
previousPONode(): T | null;
|
||||
}
|
||||
export { TreeIterator, SHOW_ELEMENT, SHOW_TEXT, SHOW_ELEMENT_OR_TEXT };
|
||||
//# sourceMappingURL=TreeIterator.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/node/TreeIterator.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/node/TreeIterator.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"TreeIterator.d.ts","sourceRoot":"","sources":["../../../source/node/TreeIterator.ts"],"names":[],"mappings":"AAAA,KAAK,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC3B,QAAA,MAAM,YAAY,IAAI,CAAC;AACvB,QAAA,MAAM,SAAS,IAAI,CAAC;AACpB,QAAA,MAAM,oBAAoB,IAAI,CAAC;AAI/B,cAAM,YAAY,CAAC,CAAC,SAAS,IAAI;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,EAAE,IAAI,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC;gBAEd,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO;IAOvE,gBAAgB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO;IAWrC,QAAQ,IAAI,CAAC,GAAG,IAAI;IA2BpB,YAAY,IAAI,CAAC,GAAG,IAAI;IA4BxB,cAAc,IAAI,CAAC,GAAG,IAAI;CAyB7B;AAID,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC"}
|
||||
4
vendors/squire-rte/dist/types/node/Whitespace.d.ts
vendored
Normal file
4
vendors/squire-rte/dist/types/node/Whitespace.d.ts
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
declare const isLineBreak: (br: Element, isLBIfEmptyBlock: boolean) => boolean;
|
||||
declare const removeZWS: (root: Node, keepNode?: Node | null) => void;
|
||||
export { isLineBreak, removeZWS };
|
||||
//# sourceMappingURL=Whitespace.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/node/Whitespace.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/node/Whitespace.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Whitespace.d.ts","sourceRoot":"","sources":["../../../source/node/Whitespace.ts"],"names":[],"mappings":"AAcA,QAAA,MAAM,WAAW,OAAQ,OAAO,oBAAoB,OAAO,KAAG,OAY7D,CAAC;AAUF,QAAA,MAAM,SAAS,SAAU,IAAI,aAAa,IAAI,GAAG,IAAI,KAAG,IA4BvD,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}
|
||||
7
vendors/squire-rte/dist/types/range/Block.d.ts
vendored
Normal file
7
vendors/squire-rte/dist/types/range/Block.d.ts
vendored
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
declare const getStartBlockOfRange: (range: Range, root: Element | DocumentFragment) => HTMLElement | null;
|
||||
declare const getEndBlockOfRange: (range: Range, root: Element | DocumentFragment) => HTMLElement | null;
|
||||
declare const rangeDoesStartAtBlockBoundary: (range: Range, root: Element) => boolean;
|
||||
declare const rangeDoesEndAtBlockBoundary: (range: Range, root: Element) => boolean;
|
||||
declare const expandRangeToBlockBoundaries: (range: Range, root: Element) => void;
|
||||
export { getStartBlockOfRange, getEndBlockOfRange, rangeDoesStartAtBlockBoundary, rangeDoesEndAtBlockBoundary, expandRangeToBlockBoundaries, };
|
||||
//# sourceMappingURL=Block.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/range/Block.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/range/Block.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../source/range/Block.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,oBAAoB,UACf,KAAK,QACN,OAAO,GAAG,gBAAgB,KACjC,WAAW,GAAG,IAmBhB,CAAC;AAIF,QAAA,MAAM,kBAAkB,UACb,KAAK,QACN,OAAO,GAAG,gBAAgB,KACjC,WAAW,GAAG,IA0BhB,CAAC;AAQF,QAAA,MAAM,6BAA6B,UACxB,KAAK,QACN,OAAO,KACd,OAyCF,CAAC;AAEF,QAAA,MAAM,2BAA2B,UAAW,KAAK,QAAQ,OAAO,KAAG,OAgClE,CAAC;AAEF,QAAA,MAAM,4BAA4B,UAAW,KAAK,QAAQ,OAAO,KAAG,IAWnE,CAAC;AAIF,OAAO,EACH,oBAAoB,EACpB,kBAAkB,EAClB,6BAA6B,EAC7B,2BAA2B,EAC3B,4BAA4B,GAC/B,CAAC"}
|
||||
10
vendors/squire-rte/dist/types/range/Boundaries.d.ts
vendored
Normal file
10
vendors/squire-rte/dist/types/range/Boundaries.d.ts
vendored
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
declare const isNodeContainedInRange: (range: Range, node: Node, partial: boolean) => boolean;
|
||||
/**
|
||||
* Moves the range to an equivalent position with the start/end as deep in
|
||||
* the tree as possible.
|
||||
*/
|
||||
declare const moveRangeBoundariesDownTree: (range: Range) => void;
|
||||
declare const moveRangeBoundariesUpTree: (range: Range, startMax: Node, endMax: Node, root: Node) => void;
|
||||
declare const moveRangeBoundaryOutOf: (range: Range, tag: string, root: Element) => Range;
|
||||
export { isNodeContainedInRange, moveRangeBoundariesDownTree, moveRangeBoundariesUpTree, moveRangeBoundaryOutOf, };
|
||||
//# sourceMappingURL=Boundaries.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/range/Boundaries.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/range/Boundaries.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Boundaries.d.ts","sourceRoot":"","sources":["../../../source/range/Boundaries.ts"],"names":[],"mappings":"AAYA,QAAA,MAAM,sBAAsB,UACjB,KAAK,QACN,IAAI,WACD,OAAO,KACjB,OAoBF,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,2BAA2B,UAAW,KAAK,KAAG,IA6DnD,CAAC;AAEF,QAAA,MAAM,yBAAyB,UACpB,KAAK,YACF,IAAI,UACN,IAAI,QACN,IAAI,KACX,IAkDF,CAAC;AAEF,QAAA,MAAM,sBAAsB,UACjB,KAAK,OACP,MAAM,QACL,OAAO,KACd,KAWF,CAAC;AAIF,OAAO,EACH,sBAAsB,EACtB,2BAA2B,EAC3B,yBAAyB,EACzB,sBAAsB,GACzB,CAAC"}
|
||||
3
vendors/squire-rte/dist/types/range/Contents.d.ts
vendored
Normal file
3
vendors/squire-rte/dist/types/range/Contents.d.ts
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
declare const getTextContentsOfRange: (range: Range) => string;
|
||||
export { getTextContentsOfRange };
|
||||
//# sourceMappingURL=Contents.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/range/Contents.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/range/Contents.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"Contents.d.ts","sourceRoot":"","sources":["../../../source/range/Contents.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,sBAAsB,UAAW,KAAK,WAsD3C,CAAC;AAIF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
|
||||
14
vendors/squire-rte/dist/types/range/InsertDelete.d.ts
vendored
Normal file
14
vendors/squire-rte/dist/types/range/InsertDelete.d.ts
vendored
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
declare function createRange(startContainer: Node, startOffset: number): Range;
|
||||
declare function createRange(startContainer: Node, startOffset: number, endContainer: Node, endOffset: number): Range;
|
||||
declare const insertNodeInRange: (range: Range, node: Node) => void;
|
||||
/**
|
||||
* Removes the contents of the range and returns it as a DocumentFragment.
|
||||
* The range at the end will be at the same position, with the edges just
|
||||
* before/after the split. If the start/end have the same parents, it will
|
||||
* be collapsed.
|
||||
*/
|
||||
declare const extractContentsOfRange: (range: Range, common: Node | null, root: Element) => DocumentFragment;
|
||||
declare const deleteContentsOfRange: (range: Range, root: Element) => DocumentFragment;
|
||||
declare const insertTreeFragmentIntoRange: (range: Range, frag: DocumentFragment, root: Element) => void;
|
||||
export { createRange, deleteContentsOfRange, extractContentsOfRange, insertNodeInRange, insertTreeFragmentIntoRange, };
|
||||
//# sourceMappingURL=InsertDelete.d.ts.map
|
||||
1
vendors/squire-rte/dist/types/range/InsertDelete.d.ts.map
vendored
Normal file
1
vendors/squire-rte/dist/types/range/InsertDelete.d.ts.map
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"InsertDelete.d.ts","sourceRoot":"","sources":["../../../source/range/InsertDelete.ts"],"names":[],"mappings":"AAyBA,iBAAS,WAAW,CAAC,cAAc,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,GAAG,KAAK,CAAC;AACvE,iBAAS,WAAW,CAChB,cAAc,EAAE,IAAI,EACpB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,IAAI,EAClB,SAAS,EAAE,MAAM,GAClB,KAAK,CAAC;AAiBT,QAAA,MAAM,iBAAiB,UAAW,KAAK,QAAQ,IAAI,KAAG,IAiDrD,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,sBAAsB,UACjB,KAAK,UACJ,IAAI,GAAG,IAAI,QACb,OAAO,KACd,gBA8CF,CAAC;AAuBF,QAAA,MAAM,qBAAqB,UAChB,KAAK,QACN,OAAO,KACd,gBA8GF,CAAC;AAIF,QAAA,MAAM,2BAA2B,UACtB,KAAK,QACN,gBAAgB,QAChB,OAAO,KACd,IAsIF,CAAC;AAIF,OAAO,EACH,WAAW,EACX,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,2BAA2B,GAC9B,CAAC"}
|
||||
48
vendors/squire-rte/package.json
vendored
Normal file
48
vendors/squire-rte/package.json
vendored
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
{
|
||||
"name": "squire-rte",
|
||||
"version": "2.3.2",
|
||||
"description": "Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible.",
|
||||
"main": "dist/squire.mjs",
|
||||
"types": "dist/types/Squire.d.ts",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"test": "jest",
|
||||
"build": "./build.js && tsc",
|
||||
"lint": "eslint source",
|
||||
"fix": "eslint --fix source && prettier --write source"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/neilj/Squire.git"
|
||||
},
|
||||
"keywords": [
|
||||
"wysiwyg",
|
||||
"editor",
|
||||
"text",
|
||||
"html",
|
||||
"squire"
|
||||
],
|
||||
"author": "Neil Jenkins",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/neilj/Squire/issues"
|
||||
},
|
||||
"homepage": "https://github.com/neilj/Squire",
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.24.9",
|
||||
"@babel/preset-env": "^7.24.8",
|
||||
"@babel/preset-typescript": "^7.24.7",
|
||||
"@types/jest": "^29.5.12",
|
||||
"@typescript-eslint/eslint-plugin": "^7.16.1",
|
||||
"babel-jest": "^29.7.0",
|
||||
"esbuild": "^0.23.0",
|
||||
"eslint": "^8.57.0",
|
||||
"eslint-config-prettier": "^9.1.0",
|
||||
"eslint-plugin-prettier": "^5.1.3",
|
||||
"jest": "^29.7.0",
|
||||
"jest-environment-jsdom": "^29.7.0",
|
||||
"prettier": "^3.3.3",
|
||||
"tslib": "^2.6.3",
|
||||
"typescript": "^5.5.3"
|
||||
}
|
||||
}
|
||||
3068
vendors/squire/build/squire-raw.js
vendored
3068
vendors/squire/build/squire-raw.js
vendored
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue