Greetings.

I want to put HTML text in my webpage, but I want it to appear as text. That is, the HTML isn't for me. It's for others to copy and paste it.

I want my visitors to be able to paste the Code without having to do anything else. They paste my text HTML, paste it in their pages and voilá, it's working

How can I make this, with only HTML: no Javascript nor PHP...

Thanks

You need to use entities &lt; for the '<' and &gt; for the '>' of the tags.

Jamie

Either do as Jamie suggested or you could add you code with in a input text field.

Originally Posted by madk

Either do as Jamie suggested or you could add you code with in a input text field.

But that would be an incorrect usage of the input text field.

Jamie

Originally Posted by JamieLewis

You need to use entities &lt; for the '<' and &gt; for the '>' of the tags.

...That makes sense
But gives a bit of work... Like if you use a text editor to replace everything, you'll have to make sure there are no "<" or ">" in the text :/

Why not use the <code> </code> tags - that's what it's for !

Originally Posted by LadynRed

Why not use the <code> </code> tags - that's what it's for !

Is that valid HTML? If so, that would simplify things very much

The code tag may have been intended for that, but the only thing it does is to change the font-face to monospaced. You still will have to use &gt; and &lt;.

That said, I use the code tag and style it with a bit of padding to indent it and with a different background color than the main text.

Or, if you use a php enabled server and that your page is in PHP, you can add this at the top of your file, to force the browser to render the whole file as text:

PHP Code:

header('content-type: text/plain'); 


Originally Posted by LadynRed

Why not use the <code> </code> tags - that's what it's for !

Because the code tag was designed for inline snippets and doesn't prevent html from being rendered. At the moment for block code snippets you should use a pre tag and use entities to preven any rendering inside them.

Jamie

Originally Posted by JamieLewis

At the moment for block code snippets you should use a pre tag and use entities to preven any rendering inside them.

Can you give an example. Like a piece of code of HTML where that's in action.

Yeha sure...

<pre>
&lt;html&gt;
....
&lt;/html&gt;
</pre>

That is the correct way to mark up, if you used a server side language you could automate the the entities.

Jamie

Given this as a proviso

How can I make this, with only HTML: no Javascript nor PHP...

You will have to use hand coded HTML Entities

But to give you something to consider, here's a little something prepared earlier

http://www.webmaster-talk.com/html-f...play-code.html
post #12 & #14 for code

Originally Posted by chrishirst

Given this as a proviso

You will have to use hand coded HTML Entities

But to give you something to consider, here's a little something prepared earlier

http://www.webmaster-talk.com/html-f...play-code.html
post #12 & #14 for code

I'll probably just stick to HTML, my webpage is already to slow to add another script :/

But thanks.

BTW, it was written in the other thread that the tag <xmp> could work. Can anyone confirm this?

PLEASE do not use <xmp> it was depreciated years and years ago and was never a good tag to begin with. The only way to do this correctly is preparsing or by hand.

Jamie

I've just read that xmp is deprecated... Too bad because it worked... Don't know why there isn't already a tag like that one...

Originally Posted by ehentai

I've just read that xmp is deprecated... Too bad because it worked... Don't know why there isn't already a tag like that one...

Because it breaks several rules of valid markup. XML has CDATA formatting which can be used, but no such construct exists in SGML

Jamie

Well, it seems I 'll really have to replace those <, > and &. (with the Replace All command of course...)
Thanks for the help.