discourse/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-09 14:34:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

FEATURE: Preserve cursor in editor upload

Browse Source
This commit is contained in:
Claas Augner 2016-12-28 22:23:50 +01:00
parent a82182e1e3
commit 1a5fcb72d3
No known key found for this signature in database
GPG Key ID: 63E8BCF5EB1A35AE
1 changed files with 36 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
app/assets/javascripts/discourse/components/d-editor.js.es6
View File

@ -525,11 +525,43 @@ export default Ember.Component.extend({
_replaceText(oldVal, newVal) {
const val = this.get('value');
const loc = val.indexOf(oldVal);
if (loc !== -1) {
this.set('value', val.replace(oldVal, newVal));
this._selectText(loc + newVal.length, 0);
const needleStart = val.indexOf(oldVal);
if (needleStart === -1) {
// Nothing to replace.
return;
}
const textarea = this.$('textarea.d-editor-input')[0];
// Remember cursor/selection.
const selectionStart = textarea.selectionStart;
const selectionEnd = textarea.selectionEnd;
const needleEnd = needleStart + oldValue.length;
const replacementEnd = needleStart + newVal.length;
// Replace value (side effect: cursor at end).
this.set('value', val.replace(oldVal, newVal));
// Determine cursor/selection.
const newSelectionStart, newSelectionEnd;
if (selectionEnd <= needleEnd) {
// Selection before needle.
newSelectionStart = selectionStart;
newSelectionEnd = selectionEnd;
} else if (selectionStart < needleEnd) {
// Selection within needle.
newSelectionStart = replacementEnd;
newSelectionEnd = replacementEnd;
} else {
// Selection behind needle.
const lengthDiff = replacementEnd - needleStart;
newSelectionStart = selectionStart + lengthDiff;
newSelectionEnd = selectionEnd + lengthDiff;
}
// Restore cursor.
this._selectText(newSelectionStart, newSelectionEnd - newSelectionStart);
},
_addText(sel, text) {