I want to display my html code as it write in edited format.

Here is my edited html code. enter image description here

It display as following after publishing it. enter image description here

How to make it displayed as the following?

enter image description here


You have in the main editor, 2 modes:

  • visual tab
  • Text tab

I think you have published your post (or page) under "Text" mode.

What you have to do is to cut all the html code in "Text" mode tab. Then you have to set the editor in "Visual" mode tab, and to paste your code.

Your code will be displayed like you want to.

Best, now what you can do (in "Text" editor mode), is to use the html <code> tag before and a html </code> tag after...


| improve this answer | |
  • 1
    I found a good method to install Wp-syntax plugin to do the job. – it_is_a_literature Mar 27 '16 at 8:11
  • 1
    For this purpose Wp-syntax is the must have. I have just discover it. thanks – LoicTheAztec Mar 28 '16 at 1:27

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.