Oxygenados La comunidad hispana
Recoda White Full Logo
Patrocinador
post oxygen builderOxigenados Tip del dia
Características
A  Fondo
Roadmap
Feedback
ChangelogWorkspaceFacebookDiscordComprar

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)