insert a html example

[Sanuye]

hi all i've just subscribed to this forum, and i have a question: how can i insert an example of a html code into my xhtml? how about a javascript example? thanks alot [I am a beginner in this :-D ]

 

[ninjadeathmonkey]

you would have to convert all the HTML into special characters (< to &lt; or > to &gt. If you are using a server side language, like PHP or .NET, you can just html encode it.

PHP: (taken from PHP.net)

<?php
$str = "A 'quote' is <b>bold</b>";

// Outputs: A 'quote' is &lt;b&gt;bold&lt;/b&gt;
echo htmlentities($str);

// Outputs: A &#039;quote&#039; is &lt;b&gt;bold&lt;/b&gt;
echo htmlentities($str, ENT_QUOTES);
?>

Or in .NET: (taken from MSDN)

String TestString = "This is a <Test String>.";
String EncodedString = Server.HtmlEncode(TestString);

Ron Wheeler

http://www.tekdev.com/

 

[Sanuye]

thanks!

 

[bam720]

So I found a much simpler way. For some reason I thought I'd seen an older HTML tag that allowed this code, but that wasn't quite right. I did find kbd, del, ins, pre, and some other random useful tags. That aside, I saw (haven't tested yet), that if you do something like this...

<xml>
<a href="link.htm"> Link Me</a>
</xml>

will actually display all the HTML inside the XML. I'd be curious to see if this is W3C compliant.

 

[bam720]

please ignore the above post. Thats what I get for implicitly trusting a site without testing. I found the plaintext [deprecated] tag that will technically work, but then breaks other stuff. The XMP [depecrated] tag would work just as my example above, but does not pass w3c validation. The reccomended way is to use the pre tag with &lt; and &gt; for the tags.

 

[bam720]

this also works, but won't validate

<</>a href="link.htm">Link Me<</>/a>

 

[vacunita]

You could use a readonly text area instead/. that way the html does not get interpreted. but can't be edited.

<textarea readonly>This text cannot be edited, and will not interpret html</textarea>

although I'm not sure if it validates

----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[bam720]

vacunita, fwiw it does nto validate:
document type does not allow element XXX here.
where XXX can be replaced with <p>, <br>, <img>, <a> (I couldn't think of anything else to try)

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

 

[vacunita]

Well, I've checked and yes it gets a validation error, but its not something that is supposed to validate, its the contents of a textarea. Why it complains I don't know.

The error is referring to the <a> link nested inside the textarea, but since its part of the contents of the textarea, there is no reason for it to validate.

Its like having it inside a textbox. Its not meant to be validated, its just text that has nothing to do with the page layout or markup.

I would just ignore that particular validation error.




----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[ChrisHirst]

Here's something I prepared earlier (for a different forum)

http://www.webmaster-talk.com/html-forum/63407-display-code.html

post #12 & #14

Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems

So long, and thanks for all the fish.

 

[bam720]

Not to drag up old topics, but I found this while cruising the web.

http://code.google.com/p/google-code-prettify/

Check out the readme and the test page (in the readme) Pretty much covers all the bases Better than reinventing the wheel.