[Resolved] Showing code in website looks like showing it in editor

[trung]

Hi GeneratePress.

I want to copy GP effective code and paste into my website’s posts to help my customers, look like what you are doing in support forum. How can I show code in my posts looks like in editor (such as Sublime Text 3 with black background, different colors) or looks like in GP support forum.

Thank you.

[David]

Hi there,

you can wrap your code like so:

<pre>
    <code>
        My code in here
    </code>
</pre>

Note:
HTML i would add to the visual editor and then go to the Text editor, you will see the code has been escaped. And in there add the code and pre tags around it.

[trung]

Thank you, David.

[David]

You’re welcome

[Author]

Posts