mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-05-04 21:37:11 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Fix bugs in Regex Memo textarea

Browse source
This commit is contained in:
Nicolas Maltais-Dansereau 2020-09-13 14:42:50 -04:00
parent 8aef7e8d1e
commit 1a2abc2824
5 changed files with 46 additions and 102 deletions
Download patch file Download diff file Expand all files Collapse all files

3
CHANGELOG.md
View file

@ -3,6 +3,9 @@ All notable changes to this project will be documented in this file.
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).
## 1.8.1
- [fix] Fix bugs in Regex Memo textarea
## 1.8.0
- [feat] [REGEX memo](https://it-tools.tech/regex-memo)

2
package-lock.json generated
View file

@ -1,6 +1,6 @@
{
"name": "it-tools",
"version": "1.8.0",
"version": "1.8.1",
"lockfileVersion": 1,
"requires": true,
"dependencies": {

2
package.json
View file

@ -1,7 +1,7 @@
{
"name": "it-tools",
"description": "",
"version": "1.8.0",
"version": "1.8.1",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",

49
src/components/StyledTextarea.vue
View file

@ -16,19 +16,50 @@ export default {
},
methods: {
updateInput (moveCursor) {
if(this.$el.innerText){
this.$emit('input', this.$el.innerText);
let html = this.fn(this.$el.innerText);
this.$el.innerHTML = html;
let area = this.$el;
/* Emit innerText */
this.$emit('input', area.innerText);
if(area.innerText) {
let pos = this.getPos();
console.log(pos);
/* Update innerHTML with formatting */
let html = this.fn(area.innerText);
area.innerHTML = html;
if(moveCursor){
/* Move cursor to end of selection */
this.$el.focus();
document.execCommand('selectAll', false, null);
document.getSelection().collapseToEnd();
this.setPos(pos);
}
}
},
getPos () {
let _range = document.getSelection().getRangeAt(0);
let range = _range.cloneRange();
range.selectNodeContents(this.$el);
range.setEnd(_range.endContainer, _range.endOffset);
return range.toString().length;
},
setPos (pos) {
/* find childnode which will contain the cursor. */
let node = null;
for(let n of this.$el.childNodes) {
let length = n.firstChild ? n.firstChild.length : n.length;
if(length >= pos) {
node = n.firstChild ?? n;
break;
} else {
pos -= length;
}
}
/* Set cursor at right position on right node */
let rangeObj = document.createRange();
let selectObj = window.getSelection();
rangeObj.setStart(node, pos);
rangeObj.collapse(true);
selectObj.removeAllRanges();
selectObj.addRange(rangeObj);
}
}
}

92
src/routes/tools/RegexMemo.vue
View file

@ -102,97 +102,7 @@
data() {
return {
inputRegex: '',
inputText: '',
tips: [
{
section: 'Character Classes',
child: [
{
text: 'Any character except newline',
code: '.'
},
{
text: 'Word, digit, whitespace',
code: '\\w \\d \\s'
},
{
text: 'Not word, digit, whitespace',
code: '\\W \\D \\S'
},
{
text: 'Any of a, b, or c',
code: '[abc]'
},
{
text: 'Not a, b, or c',
code: '[^abc]'
},
{
text: 'Character between a & f',
code: '[a-f]'
}
]
},
{
section: 'Anchors',
child: [
{
text: '^ is the start of the string, $ end of string',
code: '^abc$'
},
{
text: 'Word, not word boundary',
code: '\\b \\B'
}
]
},
{
section: 'I\'ve made a mistake',
child: [
{
text: 'Change last commit message',
code: 'git commit --amend'
},
{
text: 'Undo most recent commit and keep changes',
code: 'git reset HEAD~1'
},
]
},
{
section: 'Setup SSH',
child: [
[
{
text: '1). Generate an SSH key.',
code: 'ssh-keygen -t rsa -b 4096 -C "[email]"'
},
{
text: '2). Start the ssh-agent in the background.',
code: 'eval "$(ssh-agent -s)"'
},
]
]
},
{
section: 'Merge and rebase',
child: [
{
text: 'Merge a branch into the current',
code: 'git merge [branch]'
},
{
text: 'Abort merge (conflicts)',
code: 'git merge --abort'
},
{
text: 'Continue merge after resolving conflicts',
code: 'git merge --continue'
},
]
},
]
inputText: ''
}
},
methods: {