Giter Club home page Giter Club logo

discord-embed-sandbox's Introduction

embed

discord-embed-sandbox

Web-based sandbox for Discord Embeds with code generation

Click here to open

This tool can help you get a grip on Discord Embeds (a topic some people are struggling with), it provides a simple ui to construct a message you want, as well as a realtime preview.

You can also see the code needed to generate the same Embed inside your own cog in real time, so you can see how different fields and values affect the end result, which is pretty neat, if you ak me ;)

Hope you like it!

Under MIT License

discord-embed-sandbox's People

Contributors

0lostconnection avatar kellenn avatar orels1 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

discord-embed-sandbox's Issues

Using -_ doesn't display in fields

Adding a field value (title isn't effected) of 3 specific chars (- or _) or more is not displayed on the embed preview. There may be more charecters that are affected by this but these are the only ones I identified quickly. The correct Python code preview is always displayed, it's just the embed preview that doesn't display them:

Two -
Screenshot 2020-11-14 at 21 54 52

Three -
Screenshot 2020-11-14 at 21 55 01

Again, the same results are produced for the underscore

Switch to `const`/`let` (and switch to a preprocessor or a compiler)

The code is currently filled with the older (var) variable declaration method, and I would like to see it switch to more modern keywords (let and const).
Although IE9 support won't be available (I doubt it currently is available in the first place), it makes the code look nicer and prevents some weird shit from happening.

Remake this!

  1. Code is for old Discord.py version
  2. Can you add custom embed variable name?
    Thanks.

Markdown not working

When I set values as shown in this image, we get a preview like this:
image

However, when actually sending this embed, what gets show by discord is this:
image

Add pug build instructions

no fucking clue how I'm meant to build this using pug - using pug index.html overwrites index.html without half of the index.html content

Getting Code

How do I exactly get the code to put in discord?

\n Not Supported

The Sandbox Does Not Preview \n, And It Makes It A Lot More Harder To Manage Complex Embeds.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.