I'm a small self taught Full Stack Developer who loves to immerse into small projects.
eryoneta / utilities Goto Github PK
View Code? Open in Web Editor NEWA series of useful components, used on various projects
A series of useful components, used on various projects
´texto´
se torna <i>texto</i>
, etc.´texto´
se torna _texto_
, etc.<i>texto</i>
se torna ´texto´
, etc._texto_
se torna ´texto´
, etc.[texto](url)
se torna texto (url)
.![texto](url)
se torna texto (url)
.[
Texto](#mod34nfSi2AaizV)
.
{{#mod34nfSi2AaizV}}
, mas o texto não pode ser modificado para mostrar o titulo do obj ligado.Criando coxs em uma ordem e criando nods em uma ordem diferente, isso garante que o nod acima de todos pertencerá a um cox que não é o acima de outros coxs.
delete(mod)
chamaria rules.canDelete(mod)
e esse diz se ele pode ou não.De acordo com o tempo que demora para executar o draw(), diminuir ou aumentar o limObjs.
![
Texto](
url){
variáveis}
.
![
Imagem com width de 250px, e height de 100px](url){w250h100}
.w
ou h
, calcula o tamanho proporcional.w
+ número: Controla a largura.h
+ número: Controla a altura.w
e h
pode aceitar %
: w80%
.
#
: Controla se ocupa espaço ou não.
#
+ cor: Controla a cor de fundo.
![](){w100%h10#blue}
consegue criar um plano de fundo azul.h25
significa uma imagem de altura equivalente a altura de 25 linhas.{{->}}
pode se tornar uma seta.
{{}}
se tornam SPECIAL, e ->
é INVISIBLE, permitindo desenhar em seu lugar.-
é uma linha, >
, <
, ^
, e v
são setas, e L
, T
, J
, e I
são dobras.{{nomeDoIcone}}
poderia ser usado para inserir um icone no texto.{{}}
podem ser configurados para serem INVISIBLE, nomeDoIcone pode ser SPECIAL, e o resultado é um espaço em branco que pode ser usado para se colocar um icone.Alguns dos atributos podem afetar outros:
#===
cria uma linha mais grossa do que o normal.:-![
Texto](
url)
, :-![
Texto](
url)-:
, e ![
Texto](
url)-:
criam uma imagem ancorada.:-*
, :-+
, :--
, ... criam uma lista com o texto ancorado.:-===
, ... cria uma linha com o centro ancorado. Afeta apenas alguns de seus estilos.
:-#===
.>:-
Texto, >:-
Texto-:
, >
Texto-:
criam uma citação com o texto ancorado.
>*
, >+
, >-
, ... criam uma lista citada.
>===
cria uma linha citada.>![
Texto](
url)
cria uma imagem citada.´
, _
, @
, *
, $
, %
, ~
, '
, "
, e `.|
Uma|
tabela|
.|
Texto1|
Texto2|
Texto3|
|
_|
__|
:[...
deve estar no começo.
...}
deve estar no final.
*
, +
, ... o aplica nas linhas. |*
, |+
, ... também podem ser aplicados.+|+
coloca um item +
seguido de um item |+
.*+2|+3-|-4.|.
coloca uma série de itens: *
, +
, +
, |+
, |+
, ... A hierarquia é aplicada toda de uma só vez!>
pode ser clicado para executar o comando.mod2.y = mod1.y + mod1.height;
mod2.x = mod1.x;
mod2.coxs[0].nods[0].x = mod2.x-2;
mod2.coxs[0].nods[0].y = mod2.y+mod2.height/2;
No toolbox, adicionar opção de Visível, que define se cox será visível e selecionável, o que torna sistemas de múltiplas relações bem mais simples, evitando a imensa poluição de linhas na tela.
*{#FF00FF}
, +{#FF00FF}
, ... muda a cor do item e a linha que segue abaixo.>{#FF00FF##FF00FF}
muda a cor da linha e a cor de fundo.|>
abaixo usam as mesmas cores.==={#FF00FF}
muda a cor da linha.@texto@
, ele pode ser copiado por inteiro sem precisar ser selecionado.'
não fechadas, por exemplo).TextoTextoTexto :[PalavraLongaOBastanteParaSerQuebradaNaLinha]{###red}
.
[
, um nível "sobe". e para cada ]
um nível "desce".:[
Texto vermelho :[
Texto vermelho com o fundo verde]{##green}
Texto vermelho]{#red}
.[
e o último ]
.O cox é selecionado com a área mesmo estando abaixo de seu mod-pai ou mod-son.
Determinar as pontas para serem não no centro, mas na borda do mod?
x
que permanecem no mesmo tamanho não importando o zoom.XY
, que formam o id, o local onde a ponta se localiza em relação ao XY
de mod.
XY
for maior do que o tamanho do mod, as pontas simplesmente ficam no limite, na ponta do mod. <cox border="0" pai="mod#98234832" tip="-1" son="mod#54459732" width="0" tip="2,1">
<text/>
</cox>
mod#98234832
no meio e no mod mod#54459732
na coordenada mod.X+2 e mod.Y+1
1,1
, significa que o cox se conecta no ponto 1,1
, no limite do mod, e irá nas coordenadas 2,1
assim que o tamanho do mod aumentar.Se o texto ficar grande demais, ocorre uma quebra de linha no Titulo.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.