How to insert an HTML code block in a WordPress blog post

Question

I had written a blog post in WordPress and checked its preview before publishing and noticed a strange format change in the HTML code I have added in my blog post, converting (encoding) the < and > characters into their (&lt) and (&gt).

Is there a plugin I can add for displaying the code as it is?

See this -- lorelleteaches.com/2012/10/25/…

softbrewery
– softbrewery

2017-02-21 07:11:34 +00:00
Commented Feb 21, 2017 at 7:11 — softbrewery
– softbrewery, Commented Feb 21, 2017 at 7:11

Peter Mortensen · Accepted Answer · 2019-12-08 20:44:07Z

2

After a long research and help from my seniors, I got this solution for restricting the WordPress from converting (encoding) the < and > characters into their (&lt) and (&gt) equivalents:

You can use:

<pre class="lang:html decode:true ">
    /* Some HTML code here */
</pre>

edited Dec 8, 2019 at 20:44

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Feb 22, 2017 at 5:46

Atchyut Nagabhairava

1,4333 gold badges17 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Peter Mortensen Over a year ago

Why a space after "true"? Is it required?

Atchyut Nagabhairava Over a year ago

Not compulsory @PeterMortensen

Peter Mortensen · Accepted Answer · 2019-12-08 20:44:51Z

0

I replaced the < character with a special character 〈, and the > character by 〉 just to prevent rendering my HTML code on my blog.

edited Dec 8, 2019 at 20:44

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Jan 27, 2019 at 16:38

Sanoajul

2873 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to insert an HTML code block in a WordPress blog post

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related