Textarea behoud sourcecode

[baws]

Hallo,

ik ben opzoek naar een funcite om een deel van een tekstarea een aparte opmaak te geven.

net als hier

code die tussen [tekst][/tekst] staat moet dan duidelijk anders zijn bijvoorbeeld een andere achtergrond kleur.

Ik heb kennis van html php en css

 

[Naarling]

Dat kan niet voor zover ik weet. <textarea> is bedoeld als invulveld, je kunt wel controleren hoe alle tekst in het veld wordt weergegeven (kleur, lettertype, etc.) mar je kunt geen delen aanwijzen die een apart uiterlijk moeten hebben. Bovendien, al zou het kunnen, dan nog zou je je bezoekers zover moeten krijgen dat ze het veld ook zo invullen dat dat gebeurt.

 

[baws]

Nee het is voor het admin gedeelte.
dus als er een artikel geplaats wordt voorbeeld.
hallo
dit is een testcode
[tekst] <?php echo "test"?>
[/tekst]
dan moet het er zo uit komen te zien

<?php echo "test"?>

als dit niet mogelijk is waarom kan ik dit voorbeeld dan laten zien

 

[Naarling]

[tekst] <?php echo "test"?>
[/tekst]
dan moet het er zo uit komen te zien

<?php echo "test"?>

als dit niet mogelijk is waarom kan ik dit voorbeeld dan laten zien

Omdat je het niet in een <textarea> laat zien maar in een div met de class="bbcode_container", wat je wilt is dus niet wat je zegt dat je wilt. De CSS van deze site geeft aan die class een bepaald uiterlijk mee. Bij het opslaan van je bericht heeft de forumsoftware er voor gezorgd dat het stuk tekst tussen de

 tags de goede klasse mee kreeg, die tags heten trouwens BBCode. [URL="http://www.christian-seiler.de/projekte/php/bbcode/index_en.html"]Hiermee[/URL] zou je BBCode om moeten kunnen zetten naar normale HTML. Al is het natuurlijk makkelijker als de admin gewoon gelijk HTML gebruikt.

 

[baws]

het is al gelukt

$inhoud = trim($_POST['inhoud']);

	
	
		$inhoud = nl2br($inhoud);
	
$inhoud = str_replace("[code]", "<div id=\"code\"><hr><h4>Sourcecode</h4>", "$inhoud");
$inhoud = str_replace ("[/code]", "<hr></div>","$inhoud");
	$inhoud = "<div id=\"content\">".$inhoud;
	$inhoud = $inhoud."</div>";

Css

#content
{
margin-left:-20px;
background-color:#fcf5a4;
padding-left:20px;
padding-top:20px;
padding-bottom:20px;

}
#code
{
background-color:#fffaff;
padding-left:20px;
color:#000066;
}

Resultaat
http://school.svenboogaart.nl/artikelen/artikel.php?id=17