How to insert its own code into modx so that it is displayed on the page as code?

Question

JavaScript

There is a regular code that displays snippets, chunks, etc.
Example:

It is necessary that this code be displayed on the site as a code, and not as information displayed by this code, i.e. this code should be displayed on the site as it is written in the material.
I tried a bunch of different editors, but in vain, they all process this code and display its data, but you just need text. What are the options? Here, on the toaster, this code is not processed.

Answer 1

There is no standard

<pre>
// код
</pre>

?

Answer 2

Replace square brackets with corresponding html entities?

Answer 3

How to do? Put in pre or code tags, after replacing the angle brackets with html-values
​​The question arises about the meaning of such a solution. Why dynamically generate code for display when you can insert static code.