||||\n-|-|-|\n:discourse2: | Resumen | Añade variaciones o animaciones opcionales a los emojis.\n| : eyeglasses: | Vista previa | Vista previa en theme-creator.discourse.org|\n:hammer_and_wrench: | Enlace al repositorio | \u003chttps://github.com/arkshine/discourse-emoji-fluff\u003e\n:open_book: |¿Nuevo en los temas de Discourse? | Guía para principiantes sobre el uso de temas de Discourse\n\n[wrap=theme-install-button repoUrl="https://github.com/arkshine/discourse-emoji-fluff\" repoName="Emoji Fluff"]\nInstalar este componente temático\n[/wrap]\n\n:information_source: Este componente requiere que Discourse esté actualizado a fecha de 2024-11-26T23:00:00Z. [1]\n\n## Descripción\n\nEmoji Fluff permite a los usuarios poner emojis reflejados o animados en sus publicaciones.\nPermite a los usuarios publicar trabajos de emojis elegantes como:\n\n\n\nPuedes elegir estas decoraciones desde la ventana emergente de autocompletado de emojis, desde el selector de emojis o añadiendo palabras clave directamente después del código corto del emoji:\n\nEjemplos: :bike:f-slide , :smile:f-bounce\n\nLos reflejos horizontales y verticales se pueden combinar con otras decoraciones.\n\nEjemplos:\n- :horse:f-slide,flip: \n- :spider:f-float,flip_v:\n\n## Capturas de pantalla\n\n### Fluff de emoji disponible\n\n\n\n### Cómo añadir fluff a un emoji\n\n#### Desde la ventana emergente de autocompletado de emojis\n\n\n\n#### Desde el selector de emojis\n\n\n\n#### Escribiendo manualmente el sufijo de fluff\n\n\n\n## Características\n\n- Emojis reflejados horizontal o verticalmente\n\n- Emojis animados (rebotar, rotar, pulsar, etc.)\n\n- Configuración para elegir qué decoraciones de emoji deben estar disponibles para los usuarios\n\n- Configuración para elegir insertar un selector de decoraciones en el autocompletado o en el selector de emojis.\n\n- Permite a los administradores crear nuevos fluffs\n\n## Ajustes\n\n| Ajuste | Descripción\n| - | - | \n| habilitado | Activa o desactiva las funcionalidades del componente.\u003cbr\u003e\u003csmall\u003eValor por defecto: true\u003c/small\u003e\u003cbr\u003e Deshabilitarlo evitará que se aplique la decoración del emoji. \u003cbr\u003e Esto es útil si quieres pausar o planeas eliminar el componente pero no quieres ver el código de decoración, como \u003ccode\u003e🙂spin:\u003c/code\u003e, en las publicaciones. \u003cbr\u003e Para más información, consulta \u003cem\u003eRevertir decoraciones de emojis\u003c/em\u003e en el tema.\n| permitir decoraciones | Lista de decoraciones permitidas. \u003cbr\u003e\u003csmall\u003eValor por defecto: \u003ccode\u003eflip\|flip_v\|spin\|pulse\|bounce\|wobble\|float\|slide\|fade\|negative\|hue\|gray\u003c/code\u003e\u003c/small\u003e\n| permitir selector en | Dónde debe estar disponible el selector de fluff. \u003cbr\u003e\u003csmall\u003eValor por defecto: both\u003c/small\u003e\u003cbr\u003enone – desactiva los selectores.\u003cbr\u003eboth – activa el selector en el autocompletado y en el selector de emojis.\u003cbr\u003eautocomplete – activa el selector solo en el autocompletado.\u003cbr\u003eemoji-picker – activa el selector solo en el selector de emojis.\u003cbr\u003e\n\n:globe_showing_europe_africa: Adicionalmente, las cadenas del componente temático son traducibles desde la configuración.\n\n## Revertir decoraciones de emojis\n\nSi deshabilitas el componente, estos sufijos permanecen, resultando en emojis como este: f-spin:\n\nDebido a las limitaciones y decisiones de diseño del componente temático, añadimos sufijos sencillos a los emojis para darles estos efectos decorativos. El prefijo de fluff f- ayuda a identificar estas decoraciones, facilitando su eliminación a través del script disponible a continuación.\n\nPuedes descargar y ejecutar una tarea rake para eliminar definitivamente los sufijos de fluff de las publicaciones.\n\nbash\nwget -P lib/tasks/ https://raw.githubusercontent.com/Arkshine/discourse-emoji-fluff/refs/heads/main/tasks/fluff.rake\nrake fluff:delete_all\n\n:information_source: La tarea rake no crea revisiones de publicaciones por defecto. Puedes añadir false como argumento para cambiar este comportamiento: rake fluff:delete_all[false]\n\nLee Administrative Bulk Operations para obtener instrucciones sobre cómo acceder al contenedor para ejecutar la tarea rake.\n\n:warning: Haz siempre una copia de seguridad antes de ejecutar esta tarea. No hay garantía de que no elimine cadenas no deseadas. Úsala bajo tu propio riesgo y revisa el código si tienes dudas. \n\n## Creación de tus fluffs\n\nLa creación de fluffs requiere conocimientos de CSS.\n\nCuando se añade un fluff a un emoji dentro de una publicación, el emoji se envuelve en una etiqueta \u003cspan\u003e con una clase fluff:\n\nhtml\n\u003cspan class=\"fluff fluff--bounce\"\u003e\n \u003cimg src=\"https://your.discourse.com/images/emoji/twitter/kangaroo.png?v=12\" title=\":kangaroo:\" class=\"emoji\" alt=\":kangaroo:\" loading=\"lazy\" width=\"20\" height=\"20\" style=\"aspect-ratio: 20 / 20;\"\u003e\n\u003c/span\u003e\n\n\nAñade CSS personalizado a tu tema o a un nuevo componente temático para añadir nuevos fluffs.\nAquí tienes dos ejemplos de nuevos fluffs:\n\n### Inclinar un emoji 90°\n\n\n\nscss\n.fluff--tilt img {\n transform: rotate(90deg);\n}\n\n\n### Hacer un efecto de giro 3D\n\n\n\nscss\n.fluff--spin3d img {\n animation: f-spin3d 2s infinite linear;\n}\n\n@keyframes f-spin3d {\n 0% {\n transform: perspective(50em) rotateY(0deg);\n filter: brightness(1);\n }\n 50% {\n transform: perspective(50em) rotateY(90deg);\n filter: brightness(0.85);\n }\n 51% {\n transform: perspective(50em) rotateY(91deg);\n filter: brightness(1.15);\n }\n 100% {\n transform: perspective(50em) rotateY(180deg);\n filter: brightness(1);\n }\n}\n\n\nA continuación, debes añadir el sufijo de fluff en las decoraciones permitidas de Emoji Fluff:\n\n
\n\n¡Eso es todo! Tus nuevos fluffs deberían estar ahora disponibles para los usuarios. ¡Disfruta!\n\n## Créditos\n\n* @Canapin: Idea original, ayuda general en la preparación y prueba de este TC.
Para ser precisos, TC requiere al menos una versión de Discourse posterior al 30 de octubre, y específicamente el soporte del selector de emojis, una versión actual a fecha de 2024-11-26T23:00:00Z (¡gracias al equipo por añadir un outlet de plugin hace unos días!) ↩︎
Tengo la sensación de que entra en conflicto con este componente Omit Emoji component haciendo que la interfaz de usuario para el que selecciona el emoji no muestre la varita mágica del componente.
No uso ese componente, pero estoy usando un iPad y el borrador ha hecho eso un par de veces. Estoy escribiendo una ayuda para los usuarios. La publicación lo soluciona.
¿Has actualizado Discourse? Solo recibes una notificación para actualizar cuando se lanza una nueva beta, pero se añaden nuevos commits todos los días.
Como afirmó Moin, necesitarás actualizar Discourse.
Miré el código del componente Temático y lo probé; una vez que actualices Discourse, ¡deberían funcionar juntos sin problemas!
He implementado una corrección parcial para que funcione con la última versión de Discourse. Sin embargo, esta corrección solo aborda la función de autocompletado.
Actualmente, no puedo resolver el problema con el selector de emojis. Recientemente, el equipo ha unificado el selector de emojis con el chat en DEV: unifies emoji picker by jjaffeux · Pull Request #28277 · discourse/discourse · GitHub. Desafortunadamente, el “plugin outlet” en el pie de página del selector de emojis, que se usaba anteriormente para insertar un interruptor, ha sido eliminado en la nueva versión. En este momento, no tengo una solución. ¡Disculpen las molestias!
Todavía estoy pensando en posibles alternativas.
Si miras el nuevo selector de emojis, hay algunos espacios disponibles. Probablemente no quieras cortar el texto de marcador de posición, pero este es el único espacio que tiene sentido:
Crear nuevo TC, ‘Emoji-fluff Extras’ y añadir tus 2 nuevos efectos de pelusa
Añadido spin3d y tilt a la lista permitida de emoji fluff. La nueva muestra de emoji fluff no funciona. Añadido CSS a common en el TC personalizado. Asegurado de añadir a todos los temas.
Si agregaste, por ejemplo, tilt a la configuración y el fluff no funciona, lo más probable es que el CSS no esté disponible a menos que hayas cometido un error tipográfico. ¿Puedes revisar tu CSS de nuevo?
(Quería ver tu foro pero no puedo iniciar sesión. No recibo ningún correo electrónico y ni siquiera puedo iniciar sesión con Steam (por alguna razón, todavía me pide que revise mi correo electrónico))
Nota Se ha identificado un problema con el envío de correos electrónicos. He superado mi límite de 300 días por poco más de 109. Pronto tendré que actualizar a un plan de pago. Gracias por el aviso.
\n\nPuedes elegir estas decoraciones desde la ventana emergente de autocompletado de emojis, desde el selector de emojis o añadiendo palabras clave directamente después del código corto del emoji:\n\nEjemplos: 
\n\n### Cómo añadir fluff a un emoji\n\n#### Desde la ventana emergente de autocompletado de emojis\n\n
\n\n#### Desde el selector de emojis\n\n
\n\n#### Escribiendo manualmente el sufijo de fluff\n\n
\n\n## Características\n\n- Emojis reflejados horizontal o verticalmente\n\n- Emojis animados (rebotar, rotar, pulsar, etc.)\n\n- Configuración para elegir qué decoraciones de emoji deben estar disponibles para los usuarios\n\n- Configuración para elegir insertar un selector de decoraciones en el autocompletado o en el selector de emojis.\n\n- Permite a los administradores crear nuevos fluffs\n\n## Ajustes\n\n| Ajuste | Descripción\n| - | - | \n| habilitado | Activa o desactiva las funcionalidades del componente.\u003cbr\u003e\u003csmall\u003eValor por defecto: 
f-spin:\n\nDebido a las limitaciones y decisiones de diseño del componente temático, añadimos sufijos sencillos a los emojis para darles estos efectos decorativos. El prefijo de fluff 
\n\n
\n\n
