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

Regex Memo: allow multiline input, fix versioning, fix css and class naming

Browse source
This commit is contained in:
Nicolas Maltais 2020-09-15 13:37:54 -04:00
parent 1a2abc2824
commit ac4810186d
5 changed files with 14 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

6
CHANGELOG.md
View file

@ -3,13 +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/), 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). and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
## 1.8.1 ## Next
- [fix] Fix bugs in Regex Memo textarea - [fix] Fix bugs in Regex Memo textarea
## 1.8.0
- [feat] [REGEX memo](https://it-tools.tech/regex-memo) - [feat] [REGEX memo](https://it-tools.tech/regex-memo)
## 1.7.0
- [feat] [Crontab friendly generator](https://it-tools.tech/crontab-generator) - [feat] [Crontab friendly generator](https://it-tools.tech/crontab-generator)
## 1.6.0 ## 1.6.0

2
package-lock.json generated
View file

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

2
package.json
View file

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

9
src/components/StyledTextarea.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="StyledTextarea" @input="updateInput(true)" contenteditable></div> <div class="styled-textarea" @input="updateInput(true)" contenteditable></div>
</template> </template>
<script> <script>
@ -23,7 +23,6 @@ export default {
if(area.innerText) { if(area.innerText) {
let pos = this.getPos(); let pos = this.getPos();
console.log(pos);
/* Update innerHTML with formatting */ /* Update innerHTML with formatting */
let html = this.fn(area.innerText); let html = this.fn(area.innerText);
@ -66,12 +65,14 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.StyledTextarea { .styled-textarea {
overflow:scroll; overflow:auto;
height:100px; height:100px;
width:100%; width:100%;
border:solid; border:solid;
border-width:1px; border-width:1px;
resize: vertical; resize: vertical;
white-space: pre-wrap;
display: inline-block;
} }
</style> </style>

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

@ -1,7 +1,7 @@
<template> <template>
<v-row > <v-row >
<v-col cols="12" xl="6" lg="6" md="4" sm="12"> <v-col cols="12" xl="6" lg="6" md="4" sm="12">
<v-card class="single-card" id="REGEX_Tester"> <v-card class="single-card" id="regex-tester">
<v-card-title>REGEX Tester</v-card-title> <v-card-title>REGEX Tester</v-card-title>
<v-card-text> <v-card-text>
<v-text-field <v-text-field
@ -16,7 +16,7 @@
</v-card> </v-card>
</v-col> </v-col>
<v-col cols="12" xl="6" lg="6" md="8" sm="12"> <v-col cols="12" xl="6" lg="6" md="8" sm="12">
<v-card class="single-card" id="REGEX_Memo"> <v-card class="single-card" id="regex-memo">
<v-card-title>REGEX Memo</v-card-title> <v-card-title>REGEX Memo</v-card-title>
<table> <table>
<tr><th>Character Classes</th></tr> <tr><th>Character Classes</th></tr>
@ -148,9 +148,12 @@
</script> </script>
<style lang="less"> <style lang="less">
#regex-memo {
padding: 0px 16px 16px 16px;
}
table { table {
width: 100%; width: 100%;
margin-left: 10%; table-layout: fixed;
} }
th { th {
padding-top: 15px; padding-top: 15px;