We are happy to introduce a new YML editor with lots of new features.
We used ACE editor since the beginning and we were quite happy with it, but as our Workflow Editor has become more and more complex, we came to a point where we decided that we need some improvements. Plus, one of our users reported an issue in Safari: there was some performance issue with the YAML editor.
We made some research and experimented with other similar editor engines and came to the conclusion that Monaco Editor is the perfect candidate for our needs.
CodeMirror and ACE editor, unfortunately, could not render the complex or larger files in Safari, especially on a Macbook Pro retina screen. All was good on external displays, but the scaled screen just took too much memory to do the painting.
Monaco editor
At first, all look the same except for some difference in colors. But we've just changed the old editor to the Monaco editor and there are a lot of features that we like so much and the performance of Monaco Editor is insanely good. 😎
If you use the Visual Studio Code IDE then this will be very familiar. 🙂
So let's see the best features:
- All the short keys and basic functions are there and ready for you.
If you are not familiar with any of the hotkeys, I recommend starting with the command list, just press F1.
You can search for a command or scroll through the list. The hotkeys on the right, it's worth memorizing them.
- If you have a large YML file or a long section, you could simply fold and unfold each section by clicking on the + and - signs on the left side of the line.
(In addition, there are a lot of hotkeys to do a different level fold.)
- If you want to know where you are in the code or jump quickly between the parts of your code, you will see the preview sidebar on the right side.
- And last but not least, one of our favorite features is search and replace (Crtl/Cmd + F). You can search the text with RegExp, Whole word match, case-sensitive or case-insensitive and also only in the selected section. Then you will be able to replace each or all of them with a single click.
Share your thoughts with us about this update: what do you like or what could we improve some more?
Happy coding! 🤖
