I want to build a simple text editor on the dashboard. I thought the dashboard text input supports multi-line, but it does not. Also it would be extra sweet if it would support syntax highlight, for example if I edit shell scripts, or JSON files. When I search for this, all the results are on the e…

For a text-only multi-line input, you need a <textarea> tag which you can add to a Dashboard using the ui_template node if there isn't already a convenient node. : The Textarea element - HTML: HyperText Markup Language | MDN (mozilla.org) But if you want syntax highlighting, that is more complex a…

Thanks. I may just keep is simple and use <textarea> with some javascript code to keep sending a message when the content changes, and maybe have another ui-template on the side which does the highlighted preview. Like here when I add a post/reply. I just found this: How to use highlight.js maybe t…

Ui-form allows multiple line input

This highlight.js looks fairly simple to implement. I put this into a ui-tempate node: <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script> <script> …

I forgot to add my flow: [ { "id": "0c5ac31dc4748b62", "type": "ui_template", "z": "74f191ff.db063", "group": "e84cebe8384622b0", "name": "Preview", "order": 1, "width": "12", "height": "10", "format": "<link rel=\"styleshe…

[image] nygma2004: Btw, who do I make this to appear in a single line? There is also a setting in the settings.js flowFilePretty: false, which means you don't have to select compact each time.

[image] E1cid: There is also a setting in the settings.js flowFilePretty: false, which means you don't have to select compact each time. Actually, I meant that here in the forum (or in Guthub). Sometimes the flow is show as a single line and not expanded like in my case.

I know what you meant. You need to output from node-red as non pretty to paste here or github, The setting I pointed out means you don't have to remember each time to press compact when exporting.

Ooh, nice - and timely :slight_smile: I'll certainly be looking at that for inspiration for uibuilder as well :thinking:

Node-RED

Node-RED Forum

Multi-line text editor on the dashboard

Dashboard

dceejay 21 April 2023 10:01 11

See this latest contribution. [Announce] node-red-contrib-ui-editor

Topic		Replies	Views
[Announce] node-red-contrib-ui-editor Share Your Nodes node-red-dashboard	14	979	31 May 2023
Better way to edit template node Dashboard	6	1459	26 February 2019
Have an "out of the box" editor for inputs Developing Nodes	3	777	22 October 2019
HTML editor for use in node red General dashboard , uibuilder	9	454	14 February 2023
How to put formatted Text on Dashboard Dashboard	10	1058	23 July 2023

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Multi-line text editor on the dashboard

Related topics