Could we please revamp the editing toolbar to make it easier to use the correct code formatting tool?
In case you are not in the editor right now, here's what the toolbar currently looks like:
Examining the icons starting from the left, the "bold" and "italic" group is easy to understand if you have ever used an editor before, the next group of icons starts with fairly standard "insert a link" and "insert a quote" icons. The next one in there is fairly nondescript, then there's one for "insert image", then there is one which looks like "insert code".
See what I did there? The placement of the "snippet" tool at the far right end of this group makes it stand out, and arguably obscures the existence of (let alone then preference for) the regular code formatting tool. The vastly different icon designs is also problematic -- if they were next to each other, and looked at least vaguely similar, it would be easier for someone to notice that they are related. As it is now, you look for "hmmm, which one is code formatting?" and find one which apparently does what you think you want, then you conclude your search.
The tooltips help, but only to a point. The basic problem is that you have to know there are two different tools in order to be able to decide to use one or the other.
Here is a quick mock-up of a revised design, where the regular code tool gets the prominent "edge of group" placement, and an icon which is more similar to the snippet icon.
I kept the curly braces, but I'm sure somebody with more time and design experience could improve on this.
Vaguely related: Stack Snippets and non-runnable code