How to create a live preview of HTML Under WordPress Post Editor?

  • Tuts Insider

    (@tutsinsider)


    4 years ago

    Hi, I want to create a section under WordPress post editor which will preview the content of Text / Visual Post editor.
    Also, It will behave much like stackoverflow and there will be no need to click the preview button over and over again.

    Kindly help me if anybody can.

    Thanks in advance.
    Dantas at TutsInsider.com

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    What is your goal for adding this new section? The block editor can already be styled by theme so that content will look nearly identical on both the front and back end (here’s one tutorial about that).

    Thread Starter Tuts Insider

    (@tutsinsider)

    Hi Corey,
    Firstly, I am not a big fan of block editor, so it is not in discussion. I am using the classic editor for WordPress and I mostly type my WordPress posts using HTML markup. So I have to preview again and again. I just want to know whether there is any way to include a section below the text editor to view the output of the post content?

    Hi, I’m not aware of any plugins that do this. I think it would be pretty tricky to pull off. I suspect it would require putting an iframe into a metabox on the post edit screen and then figuring out how to load an autosave preview into the iframe. So, maybe not impossible, but it would certainly require a big effort.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to create a live preview of HTML Under WordPress Post Editor?’ is closed to new replies.