Learn to Code via Tutorials on Repl.it!

← Back to all posts
Uso De Embeds Discord.JS | v11 - v12 | Español
h
TheEdaL

Embeds

Si has estado en Discord durante un tiempo, es probable que hayas visto estos mensajes especiales, a menudo enviados por bots.
Pueden tener un borde de color, imágenes incrustadas, campos de texto, y otras propiedades de lujo.

En la siguiente sección explicaremos cómo componer un embed, enviarlo, y qué debes tener en cuenta al hacerlo.

Usando el constructor <branch version="11.x" inline>RichEmbed</branch><branch version="12.x" inline>MessageEmbed</branch>

Discord.js cuenta con la clase de utilidad <branch version="11.x" inline>RichEmbed</branch><branch version="12.x" inline>MessageEmbed</branch> para facilitar la construcción y manipulación de los embeds.

<branch version="11.x">

::: advertencia
En la versión 12 se han unificado las clases de incrustación de recepción y de salida; en su lugar deberá utilizar Discord.MessageEmbed() como constructor.
:::

</b>

::: consejo
No es necesario que incluyas todos los elementos mostrados anteriormente. Si quieres una incrustación más simple, simplemente deja algunos fuera.
:::

El método .setColor() acepta un entero, una cadena de color HEX, una matriz de valores RGB o cadenas de color específicas. Puedes encontrar una lista de ellos en <branch version="11.x" inline>la documentación de Discord.js</branch><branch version="12.x" inline>la documentación de Discord.js</branch>.

<branch version="11.x">

.addBlankField() es un método de conveniencia para .addField('\u200b', '\u200b'), utilizado para añadir un espaciador al embed. También se puede utilizar inline pasando true como primer parámetro.

</branch> <branch version="12.x">

.addBlankField() era un método conveniente para añadir un espaciador al embed. Para añadir un campo en blanco ahora puedes usar .addField('\u200b', '\u200b') en su lugar.

</brush>

El ejemplo anterior encadena los métodos de manipulación al objeto recién creado <branch version="11.x" inline>RichEmbed</branch><branch version="12.x" inline>MessageEmbed</branch>.
Si quieres modificar el embed en base a condiciones tendrás que referenciarlo como la constante exampleEmbed (para nuestro ejemplo).

<branch version="11.x"><!-- eslint-skip -->
</branch> <branch version="12.x"><!-- eslint-skip -->
</branch>

Adjuntar imágenes

Puedes usar el método .attachFiles() para subir imágenes junto a tu embed y usarlas como fuente para los campos embed que soportan urls de imágenes. El método acepta el archivo fuente como ruta de archivo <branch version="11.x" inline>FileOptions</branch><branch version="12.x" inline>FileOptions</branch>, BufferResolvable (incluyendo una URL a una imagen externa), u objetos Attachment dentro de un array.

A continuación, puede hacer referencia y utilizar

Voters
TheWolfGamer
quepex333
matiasopazosala
DanielMendz
KakashiHatake15
TheEdaL
Comments
hotnewtop
CodingCactus

Hi, as repl talk is English only, I have had to unlist this.