Oxygenados La comunidad hispana
post oxygen builderOxigenadoa y Recoda

Comandos

¬ŅQu√© es un comando?

Los comandos son una forma de automatizar tareas repetitivas dentro de Oxygen Builder.
Los comandos, en la mayoría de los casos, se componen de dos componentes:
  -  OPERADOR - esta parte indica qu√© acci√≥n
  -  ARGUMENTO - lo que la acci√≥n debe hace.

Ejemplo 1: A√Īadir una clase con el nombre  my-class
comando: .my-class
operador : ' . '
argumento : my-class

 En el ejemplo anterior podemos ver el comando para a√Īadir una clase. 
En el espacio de trabajo, el punto es un car√°cter especial que sugiere la clase con el nombre que debe a√Īadirse al elemento.

Operadores

Todos los comandos de Recoda Workspace tienen operadores. 
Imagina los operadores como un lenguaje entre Oxygen y t√ļ. Cuando lo dise√Īamos nos inspiramos mucho en emmet. Nuestra opini√≥n es que la sintaxis de emmet es magn√≠fica y el est√°ndar de la industria, por lo que quer√≠amos adoptar algo l√≥gico, f√°cil de escribir, pero teniendo en cuenta que esto es espec√≠fico de Oxygen, por lo que hay diferencias porque emmet es una herramienta de manipulaci√≥n de cadenas y el comando es algo de manipulaci√≥n de Oxygen.

Operador

Acción
>
A√Īadir un elemento
+
A√Īadir un elemento hermano
^
Seleccionar padre (^X), donde X es el n√ļmero de repeticiones
.
A√Īadir una clase
'
Cambiar la etiqueta ej. 'li ) cambiar
 la etiqueta  <li>  a li personalizada
'
Cambiar la etiqueta ej. 'li ) cambiar
 la etiqueta  <li>  a li personalizada
*
Duplica una vez o *X donde X es el n√ļmero de veces.
@
Renombrar, seguido del nuevo nombre (@nuevo_nombre)
{}
Cambia el contenido. {contenido cambiado}
[]
A√Īadir atributo, por ejemplo [theme=dark]

A√Īadir elementos con comandos
Si est√°s a√Īadiendo elementos, debes utilizar uno de los siguientes operadores (>, + o ^) antes del argumento del elemento.

¬ŅC√≥mo funciona?
Escribes un nombre de la tabla y se a√Īadir√° un elemento Oxygen con una etiqueta personalizada. Algunos elementos tienen una versi√≥n completa y una versi√≥n abreviada, puedes utilizar ambas y har√° lo mismo.

Elementos

En la Tabla 2 (abajo) se listan todos los elementos soportados. Si quieres otro elemento puedes escribir la etiqueta HTML como argumento y la l√≠nea de comandos a√Īadir√° el elemento DIV con la etiqueta personalizada especificada en el argumento. (ej. >aside = a√Īade un elemento div con la etiqueta personalizada aside)

recoda comandos elementos

Video (en inglés)