New Card: Replacement for text_input editor

Share your Projects! Dashboards & Frontend
1

Hi,

I’m new to all this so go easy on me. I just created a replacement for the ha-text-editor (it uses ha-text-editor under the hood). I wanted real-time updates and more.

Super Text Input Card for Home Assistant

I hate the default text_input card. It’s huge, ugly and the onblur update is annoying. Especially on mobile. I wanted a replacement that was compact, flexible, could easily be styled and had icon(s)/button(s).

So, I made one. A highly customizable text input card that provides real-time updates, buttons (and actions), advanced styling options and more. It also supports firing events after text updates, to same on creating automations. It supports text entities as well as text_input entities.

example 2
example 3
icon-2-buttons

Want to edit in real-time (with debounce) - yes.
Want to send your text to TTS with a built in button - yes.
Want to update the text and then send an action with the text supplied - yes.
Want 4 buttons - yes.

Again - I’m new to this and hacked my way to this card. Must be bugs. Must be missing things. Just let me know. I’ll do my best! Also feel free to edit the code and send me PR’s. The code is heavily commented. Not quite ready for HACS yet. So manual install.

9 Likes
2

Hi. It doesn’t work for me.

I did all the steps, but the card doesn’t appear in my home assistant.

3

What’s the error? Did you refresh? Restart?

4

Hi @skavan,

I’m using your super-text-input card as a search bar solution on my HA dashboard.

It works pretty good, but it would be great if the realtime update mode would be enhanced. Did you make any progress on that subject? On the repository page you mentioned a hack for this. Care to inform me/us what this hack is?

Thanks for the addition of a great card! :slightly_smiling_face: