Images in Input Field
Unanswered
Almond stone wasp posted this in #help-forum
Almond stone waspOP
Hey everyone!
I'm working on a dashboard for my Discord bot using Next.js as the frontend. I'm currently adding a feature that allows users to use custom Discord emojis in the dashboard.
My question is, how can I embed images in a input field? The <Input> component requires a string as input. Does anyone have recommendations for a component library or suggestions on how to implement this myself?
I'm working on a dashboard for my Discord bot using Next.js as the frontend. I'm currently adding a feature that allows users to use custom Discord emojis in the dashboard.
My question is, how can I embed images in a input field? The <Input> component requires a string as input. Does anyone have recommendations for a component library or suggestions on how to implement this myself?
1 Reply
@Almond stone wasp Hey everyone!
I'm working on a dashboard for my Discord bot using Next.js as the frontend. I'm currently adding a feature that allows users to use custom Discord emojis in the dashboard.
My question is, how can I embed images in a input field? The <Input> component requires a string as input. Does anyone have recommendations for a component library or suggestions on how to implement this myself?
<input> cannot have images inside it.
in platforms where you see people are seemingly able to add emoji/custom emotes
, and formatted content like
in platforms where you see people are seemingly able to add emoji/custom emotes
, and formatted content like this, they are not using <input> but [contenteditable](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable). there are a few js libraries to help ease that process