Show html tag as text

I have an input form on my website where HTML is allowed and I'm trying to add instructions about the use of HTML tags. I'd like the text to

Look just like this line - so then know how to type it

But so far all I get is:

Look just like this line - so then know how to type it

How can I show the tags so people know what to type?

Show html tag as text

falsarella

12.1k9 gold badges69 silver badges113 bronze badges

asked Jul 25, 2011 at 13:58

0

Replace < with < and > with >.

Show html tag as text

isherwood

54.3k15 gold badges105 silver badges147 bronze badges

answered Jul 25, 2011 at 14:00

DarmDarm

5,4712 gold badges19 silver badges18 bronze badges

4

In PHP use the function htmlspecialchars() to escape < and >.

htmlspecialchars('something')

answered Jul 25, 2011 at 14:02

acmeacme

14.3k7 gold badges73 silver badges106 bronze badges

0

As many others have said, htmlentities() will do the trick... but it will look like shit.

Wrap it up with a

 tag and you'll preserve your indentation.

echo '
';
echo htmlspecialchars($YOUR_HTML);
echo '
';

answered Mar 25, 2013 at 22:05

JarrodJarrod

9,2015 gold badges57 silver badges72 bronze badges

0

You should use htmlspecialchars. It replaces characters as below:

  • & (ampersand) becomes &
  • " (double quote) becomes " when ENT_NOQUOTES is not set.
  • ' (single quote) becomes ' only when ENT_QUOTES is set.
  • < (less than) becomes <
  • > (greater than) becomes >

Show html tag as text

KetZoomer

2,4863 gold badges14 silver badges37 bronze badges

answered Jul 25, 2011 at 14:00

Luiz DamimLuiz Damim

3,6932 gold badges26 silver badges31 bronze badges

you may use htmlspecialchars()

Test", ENT_QUOTES);
echo $new; // <a href='test'>Test</a>
?>

answered Oct 29, 2013 at 13:19

Show html tag as text

Nikunj K.Nikunj K.

8,2794 gold badges41 silver badges51 bronze badges

You just need to encode the <>s:

<strong>Look just like this line - so then know how to type it</strong>

answered Jul 25, 2011 at 14:00

James MontagneJames Montagne

76.2k14 gold badges108 silver badges129 bronze badges

To display HTML tags within a browser, surround the output with < xmp> and < / xmp> tags

answered Jun 22, 2014 at 14:38

Show html tag as text

Paulo HenriquePaulo Henrique

8281 gold badge13 silver badges18 bronze badges

2

You can use htmlentities when echoing to the browser, this will show the tag rather than have html interpret it.

See here http://uk3.php.net/manual/en/function.htmlentities.php

Example:

 echo htmlentities("Look just like this line - so then know how to type it"); 

Output:

Look just like this line - so then know how to type it

answered Jul 25, 2011 at 14:03

martynthewolfmartynthewolf

1,6881 gold badge11 silver badges22 bronze badges

The native JavaScript approach -

('Look just ...').replace(//g, '>');

Enjoy!

answered Apr 18, 2019 at 12:30

Show html tag as text

Simon BorskySimon Borsky

4,6212 gold badges21 silver badges17 bronze badges

2

There is another way...

header('Content-Type: text/plain; charset=utf-8');

This makes the whole page served as plain text... better is htmlspecialchars...

Hope this helps...

answered Sep 1, 2018 at 12:06

Show html tag as text

AlessandroAlessandro

8429 silver badges23 bronze badges

Use htmlentities() to convert characters that would otherwise be displayed as HTML.

answered Jul 25, 2011 at 14:03

ReubenReuben

4,0162 gold badges43 silver badges56 bronze badges

0

How do I display HTML tags as plain text in HTML?

You can show HTML tags as plain text in HTML on a website or webpage by replacing < with < or &60; and > with > or &62; on each HTML tag that you want to be visible. Ordinarily, HTML tags are not visible to the reader on the browser.

How do I convert HTML tags to text?

Below are several methods for converting, or saving, an HTML web page as a text document..
Click the File tab again, then click the Save as option..
In the Save as type drop-down list, select the Plain Text (*. txt) option. ... .
Click the Save button to save as a text document..

Why do I see HTML code showing up as text?

Certain mail systems will display HTML in emails as plain text if a Reply To address is not specified. You can give one using the "Reply To" button in your email's Form Action.

How do you display text in HTML?

The
 tag defines preformatted text. Text in a 
 element is displayed in a fixed-width font, and the text preserves both spaces and line breaks. The text will be displayed exactly as written in the HTML source code.

How do I show HTML code in HTML?

tag is use to display or show the all language coding as same on HTML webpage. We will use HTML
 .. 
tag to display or show the coding on our HTML webpage.

How do I display HTML code without executing?

Use HTML Special Character Codes var myCode = "This is not bold"; $('span#code-span'). text(myCode); Using text instead of html will cause tags to be rendered exposed instead of being executed.