Printing PHP script as plain text using jquery

Question

I am trying to create a preview HTML division wherein I face a challenge. When I try to get code from the textarea and print it in the HTML, I could not see the PHP code. Here's are my codes, HTML Where the code from textarea will be printed

<pre id='pques'></pre>

jQuery code that will take value from textarea and put in the above HTML pretty print area:

jQuery(document).ready(function($) {
    setInterval(function(){
        $("#pques").html($("#eques").val());
    } 
});

Value inside the textarea with id=eques

What will be the output of the following php code? <div class="code"><?php $num = 1; $num1 = 2; print $num . "+". $num1 ; ?> </div>

Someone kindly help me to achieve this. I want somewhat similar functionality to the stack overflow question preview stuff.

Thank you.

Have a look at this answer. You can use .text() instead of .html() — empiric
– empiric, Commented Mar 21, 2016 at 14:11
empiric, This looks way better. Thank you. But I want only the PHP codes to be escaped. The <div class="code"></div> must be printed as HTML and <?php $num... ?> must be printed as PHP plain text. Might be a work with RegExp. Help me. — Krishna .M
– Krishna .M, Commented Mar 21, 2016 at 14:21

Kallum Tanton · Accepted Answer · 2016-03-21 14:06:25Z

1

The simplest way to do this is to escape the angle brackets in the PHP open and closing tags as HTML entities:

<?php .. ?> becomes <?php ... ?> - PHP will not treat this as server code and will ignore it, but the browser will display < as < and > as >. This way you don't need JavaScript to do it, you can print it directly to the page. I would advise always HTML encoding any PHP code that is input on your site, and storing it with entities rather than executable code.

answered Mar 21, 2016 at 14:06

Kallum Tanton

7777 silver badges22 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:59:30Z

0

As you use jquery, you can achieve this as described here

This will escape the brackets as @kallum-tanton already pointed out.

edited May 23, 2017 at 11:59

CommunityBot

11 silver badge

answered Mar 21, 2016 at 14:13

ndo

4103 silver badges9 bronze badges

Collectives™ on Stack Overflow

Printing PHP script as plain text using jquery

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related