Code highlighting in browser (codemirror)

[chromo23]

in case anyone is interested in building espeasy with codehighlighting can do this here:
https://github.com/chromoxdor/ESPEasy/tree/powercolor
(i initally used it for my plugs with integrated power-meters therefore the strange name)

what else is different:
-custom css
-includes js and css files in custom 1m builds (for using devices without internet)

[chromo23]

I made some updates which makes it even more nicer to write rules:

- auto-activation of hinting through typing
- comments are now excluded from hinting
- minor sorting and highlighting issues fixed

have fun!

[chromo23]

More small updates:
- minor color changes
- added System Variables and Standard Conversions to the word list
- Taskvariables in [] are now being also suggested

hint2.png (22.38 KiB) Viewed 129 times

hint1.png (21.57 KiB) Viewed 129 times

[chromo23]

I added more stuff:

- "On"+enter, "Do"+enter or "If"+enter will result in autocompletion.
- "Logentry" + Enter adds quotation marks
- Autoclose brackets
- You can now search and replace in rules.
- hex numbers like in [p116] colorcodes or numbers prefixed with "0x" are now marked as numbers
- Now softabs are beeing used
- Longtouch on mobile devices opens search and replace dialog (hopefully)

Here some useful shortcuts:
Ctrl-F / Cmd-F -> Start searching
Ctrl-G / Cmd-G -> Find next
Shift-Ctrl-G / Shift-Cmd-G -> Find previous
Shift-Ctrl-F / Cmd-Option-F -> Replace
Shift-Ctrl-R / Shift-Cmd-Option-F -> Replace all
Tab -> softtab
Select then Tab -> indent selection
Shift-Tab -> dedent
Select then Shift-Tab -> dedent selection

esprules.gif (417.58 KiB) Viewed 85 times

espcolor_search.gif (566.32 KiB) Viewed 85 times

[TD-er]

This is soooo cool