<code> tags

1840dsgn · #1 Jul 5th, 2007, 10:03

Hi all,

I've written a CMS for my blog site, and I'm trying to write a simple tutorial.

However, I can't work out how to add html code to the page without the engine rendering it as html.

So for example if I type into my blog post box...

HTML: Select all

<p style="font-weight: bold;">Spike</p>

Then it would display the word Spike in Bold.

But what if I wanted this to display as code as typed above in my post without it actually rendering the html?

hschmitz · #2 Jul 5th, 2007, 11:18

Quote:

Originally Posted by 1840dsgn

But what if I wanted this to display as code as typed above in my post without it actually rendering the html?

There are two functions in PHP, called htmlentities and htmlspecialchars.
htmlspecialchars takes a string and replaces the symbols < > & ' " with their HTML representation, i.e. < becomes <
htmlentities is more general in that it replaces all symbols in a string with the HTML entities. For example € becomes € and £ becomes £

So, to display a string as code you just write

Code: Select all

echo htmlentities($string);

Hope that helps

1840dsgn · #3 Jul 5th, 2007, 11:36

Yes you understand what I mean.

But my porblem is...

Basically my CMS allows me to type the text for the post into a textbox. As I am doing right now in this post.

And here you use [ code ] and [ /code ] and anything in that bracket will be displayed correctly.

I need a similar thing.

If I post this in my blog:

PHP: Select all


<h1>Spike</h1>

<?php echo htmlentities('<h1>Spike</h1>'); ?>

It does not work because the php has already been processed so this bit doesn't get processed...

do you understand?

pa007 · #4 Jul 5th, 2007, 12:02

Have you tried the code element?

Like this:

Code: Select all

<code><p style="font-weight: bold;">Spike</p></code>

Should work, I think.

Pete.

pa007 · #5 Jul 5th, 2007, 12:12

That doesn't work, I just tried it.

Pete.

pa007 · #6 Jul 5th, 2007, 12:13

Use the funny symbols. &alt; etc. That should work.

Pete.

1840dsgn · #7 Jul 5th, 2007, 12:15

yea I have done that now.

its a bugger though.

Cos when I go to edit the post, it replaces all the funny symbols with what they represent so I have to go through replacing them all again!

pa007 · #8 Jul 5th, 2007, 12:23

A combination is probably best.

Like this:

Code: Select all

<pre>    
<code>&lt;html&gt;</code>
    <code>&lt;head&gt;</code>
        <code>&lt;title&gt;Title&lt;title&gt;</code>
    <code>&lt;/head&gt;</code>
    <code>&lt;body&gt;</code>
    <code>&lt;/body&gt;</code>
<code>&lt;/html&gt;</code>    
</pre>

Doing this even respects the indents you make so this basic html structure will actually display with all of the indents without any trickery. Cool huh?

Hope that works,

Pete.

1840dsgn · #9 Jul 5th, 2007, 12:54

Thanks Pete thats excellent!

I've still got the problem that when I then go back in to edit it, the

Code: Select all

&lt; and &gt;

are displayed as < and > so i have to go through editing this.

if anyone knows how I can combat this please speak up!

To explain how it works...

I enter the post in a form...it is sent and stored in mySQL db.

When I go to edit it it is retrieved from the db and displayed in the form fields using GET queries.

So...there ya go!

Mike

pa007 · #10 Jul 5th, 2007, 12:58

I would imagine you'll have change your cms in some way though I'm not sure how. It is also very irritating just writing those < things out. The example above took me ages.

I wonder how they do it on forums, I know forums are pretty complex but someone must know how it's done.

Pete.

karinne · #11 Jul 9th, 2007, 13:20

I had the same problem with my custom CMS

When you go to edit, display the content with the htmlentities() function hschmitz told you about

1840dsgn · #12 Jul 9th, 2007, 17:08

Cool thanks Karrine works brilliantly. I thought it might cancel out all html tags but it only does those between the code tags! Excellent.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Title Tags, Meta Tags and SEO - Keyword Density or Keyword Spamming?	pctank	Search Engine Optimization (SEO)	2	Jul 4th, 2008 11:52
alt tags in css	multichild	Web Page Design	1	Feb 24th, 2008 12:35
code behind code doesnt work	skat	ASP.NET Forum	4	Feb 18th, 2008 10:05
live search code and styleswitcher code	hebel	JavaScript Forum	0	May 12th, 2007 06:16
Can somebody give me the code to hide the source code?	renren	JavaScript Forum	7	Mar 7th, 2006 12:27

		Webforumz.com > Main Forums > Program Your Website > PHP Forum
<code> tags