-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
196 lines (175 loc) · 11.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="version" content="0.9.00"><!--.0.00.000-->
<meta name="title" content="Regex Quick">
<meta name="author" content="Miguel Eduardo Senna Moroni - migmoroni" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="index, follow">
<link rel="stylesheet" href="css/style.css">
<title>Real-Time Text Analysis with Regex</title>
</head>
<body>
<details class="language-selector">
<summary>Language</summary>
<ul>
<li><a href="index.html">English</a></li>
<li><a href="index-pt.html">Português</a></li>
<!--<li><a href="index-es.html">Español</a></li>
<li><a href="index-fr.html">Français</a></li>
<li><a href="index-de.html">Deutsch</a></li>
<li><a href="index-it.html">Italiano</a></li>-->
</ul>
</details>
<main class="main">
<h1>Regex Quick Test</h1>
<form class="inputContainer">
<label class="inputLabel" for="textInput">Insira seu texto</label>
<textarea id="textInput" name="textInput" spellcheck="false"></textarea>
</form>
<form class="inputContainer">
<label class="inputLabel" for="regexInput">Insira seu regex</label>
<textarea id="regexInput" name="regexInput" spellcheck="false"></textarea>
</form>
<div class="inputContainer">
<label class="inputLabel" for="resultLabel">Veja sua expressão</label>
<div id="resultLabel"></div>
</div>
</main>
<div class="tcontainer-cont">
<div class="tcontainer">
<!--<div class="header">Comando</div>-->
<button class="item regexCommand" title="Barra">/</button>
<button class="item regexCommand" title="Caractere de escape">\</button>
<button class="item regexCommand" title="Qualquer caractere">.</button>
<button class="item regexCommand" title="Início da linha">^</button>
<button class="item regexCommand" title="Fim da linha">$</button>
<button class="item regexCommand" title="Zero ou mais ocorrências">*</button>
<button class="item regexCommand" title="Uma ou mais ocorrências">+</button>
<button class="item regexCommand" title="Zero ou uma ocorrência">?</button>
<button class="item regexCommand" title="Ou">|</button>
<button class="item regexCommand" title="Barra invertida literal">\\</button>
<button class="item regexCommand" title="Dígito">\d</button>
<button class="item regexCommand" title="Não dígito">\D</button>
<button class="item regexCommand" title="Palavra">\w</button>
<button class="item regexCommand" title="Não palavra">\W</button>
<button class="item regexCommand" title="Espaço em branco">\s</button>
<button class="item regexCommand" title="Não espaço em branco">\S</button>
<button class="item regexCommand" title="Limite de palavra">\b</button>
<button class="item regexCommand" title="Não limite de palavra">\B</button>
<button class="item regexCommand" title="Nova linha">\n</button>
<button class="item regexCommand" title="Retorno de carro">\r</button>
<button class="item regexCommand" title="Tabulação">\t</button>
<button class="item regexCommand" title="Alimentação de formulário">\f</button>
<button class="item regexCommand" title="Tabulação vertical">\v</button>
<button class="item regexCommand" title="Nulo">\0</button>
<button class="item regexCommand" title="Referências retroativas">\1</button>
<button class="item regexCommand" title="Referências retroativas">\2</button>
<button class="item regexCommand" title="Caractere de controle">\cx</button>
<button class="item regexCommand" title="Propriedades Unicode">\p{...}</button>
<button class="item regexCommand" title="Negação de propriedades Unicode">\P{...}</button>
<button class="item regexCommand" title="Unicode code point">\u{...}</button>
<button class="item regexCommand" title="Agrupamento sem captura">(?:)</button>
<button class="item regexCommand" title="Lookahead positivo">(?=...)</button>
<button class="item regexCommand" title="Lookahead negativo">(?!...)</button>
<button class="item regexCommand" title="Lookbehind positivo">(?<=...)</button>
<button class="item regexCommand" title="Lookbehind negativo">(?<!...)</button>
<button class="item regexCommand" title="Comentário">(?#...)</button>
<button class="item regexCommand" title="Alternância no mesmo grupo">(?|...)</button>
<button class="item regexCommand" title="Modo multi-linha (flag m)">(?m)</button>
<button class="item regexCommand" title="Modo sem distinção entre maiúsculas e minúsculas (usado com flag i)">(?i)</button>
<button class="item regexCommand" title="Limite de palavra à esquerda">[[:<:]]</button>
<button class="item regexCommand" title="Limite de palavra à direita">[[:>:]]</button>
<button class="item regexCommand" title="Intervalo de caracteres">[.-.]</button>
<button class="item regexCommand" title="Qualquer caractere dentro dos colchetes">[abc]</button>
<button class="item regexCommand" title="Qualquer caractere que não esteja dentro dos colchetes">[^abc]</button>
<button class="item regexCommand" title="Numeros de 0 a 9">[0-9]</button>
<button class="item regexCommand" title="Não Numeros de 0 a 9">[^0-9]</button>
<button class="item regexCommand" title="Correspondência de dígitos">\d{4}</button>
<button class="item regexCommand" title="Quantificador de ocorrência (3 a 5 dígitos)">\d{3,5}</button>
<button class="item regexCommand" title="Zero ou um (possessivo)">?+</button>
<button class="item regexCommand" title="Zero ou um (preguiçoso)">??</button>
<button class="item regexCommand" title="Zero ou mais (possessivo)">*+</button>
<button class="item regexCommand" title="Zero ou mais (preguiçoso)">*?</button>
<button class="item regexCommand" title="Um ou mais (possessivo)">++</button>
<button class="item regexCommand" title="Um ou mais (preguiçoso)">+?</button>
<button class="item regexCommand" title="Busca case-insensitive">i</button>
<button class="item regexCommand" title="Busca global">g</button>
<button class="item regexCommand" title="Busca em várias linhas">m</button>
<button class="item regexCommand" title="Ponto (.) corresponde a (\n)">s</button>
<button class="item regexCommand" title="Sequência Unicode">u</button>
<button class="item regexCommand" title="Busca 'pegajosa' que começa na posição do alvo da pesquisa">y</button>
</div>
</div>
<nav class="menuBar">
<button class="downloadButton" id="downloadButton">
<!--
<div class="svg-container">
<svg class="fixed-svg" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C8.55228 0 9 0.447715 9 1V9.58579L11.2929 7.29289C11.6834 6.90237 12.3166 6.90237 12.7071 7.29289C13.0976 7.68342 13.0976 8.31658 12.7071 8.70711L8.70711 12.7071C8.31658 13.0976 7.68342 13.0976 7.29289 12.7071L3.29289 8.70711C2.90237 8.31658 2.90237 7.68342 3.29289 7.29289C3.68342 6.90237 4.31658 6.90237 4.70711 7.29289L7 9.58579V1C7 0.447715 7.44772 0 8 0ZM1 14C1 13.4477 1.44772 13 2 13H14C14.5523 13 15 13.4477 15 14C15 14.5523 14.5523 15 14 15H2C1.44772 15 1 14.5523 1 14Z" fill="#333"/>
</svg>
</div>
-->
Download
</button>
<button class="buttonBlue" id="docsButton">Docs</button>
<button class="button" id="donateButton">About</button>
</nav>
<div class="container">
<div class="sidebar">
<h2>Regex Commands Docs</h2>
<h3>Introduction to Regex</h3>
<ul>
<li>/ /</li>
<li>/\w+/g</li>
<li>+ - One or more</li>
<li>? - Zero or one</li>
<li>[ ] - Character set</li>
<li>{ } - Quantifier</li>
<li>| - Alternation</li>
<li>\ - Escape character</li>
<!--<li><a href="#" class="regexCommand">( ) - Grouping</li>-->
</ul>
</div>
</div>
<div class="container">
<div class="sidebarDonate">
<h2>About</h2>
<ul>
<h3>Contact</h3>
<address>
Miguel Moroni<br>
<a href="mailto:miguelmcontato@gmail.com">Contact</a><br>
Conheça outros projetos aqui:
<a href="https://migmoroni.com">migmoroni.com</a>
</address>
</ul>
<ul>
<h3>Apoio Financeiro</h3>
<li><a href="https://buymeacoffee.com/migmoroni"><img class="svg-ad" src="svg/coffee.svg" alt="Buy me a coffee"> Buy me a coffee!</a></li>
<!--<li><a href="https://patreon.com/migmoroni"><img class="svg-ad" src="svg/patreon.svg" alt="Patreon"> Patreon</a></li>
<li><a href="https://apoia.se/migmoroni"><img class="svg-ad" src="svg/apoia-se.svg" alt="Apoia-se"> Apoia-se</a></li>-->
<li><a href="https://github.com/sponsors/migmoroni"><img class="svg-ad" src="svg/sponsors.svg" alt="GitHub Sponsors"> GitHub Sponsors</a></li>
</ul>
<ul>
<h3>Apoio com Estrela</h3>
<li><a href="https://github.com/migmoroni/RegexQuick"><img class="svg-ad" src="svg/github.svg" alt="GitHub"> GitHub</a></li>
</ul>
<ul>
<h3>Apoio com Divulgação</h3>
<div class="grid-container">
<a href="https://wa.me/?text=Check%20out%20this%20project%20https://migmoroni.github.io/RegexQuick/" target="_blank"><img class="svg-ad" src="svg/whatsapp.svg" alt="WhatsApp"></a>
<a href="https://www.linkedin.com/sharing/share-offsite/?url=https://migmoroni.github.io/RegexQuick/" target="_blank"><img class="svg-ad" src="svg/linkedin.svg" alt="LinkedIn"></a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://migmoroni.github.io/RegexQuick/" target="_blank"><img class="svg-ad" src="svg/facebook.svg" alt="Facebook"></a>
<a href="https://twitter.com/intent/tweet?url=https://migmoroni.github.io/RegexQuick/&text=Check%20out%20this%20project" target="_blank"><img class="svg-ad" src="svg/x.svg" alt="Twitter"></a>
<a href="https://teams.microsoft.com/l/entity/TEAM_ID/conversations?groupId=GROUP_ID&tenantId=TENANT_ID&webUrl=https%3A%2F%2Fmigmoroni.github.io/RegexQuick/" target="_blank"><img class="svg-ad" src="svg/teams.svg" alt="Teams"></a>
</div>
</ul>
</div>
</div>
</body>
<script src="js/code.js"></script>
</html>