---
title: "Färg text inom speciella taggar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/106699-färg-text-inom-speciella-taggar"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "matt_helvey"
published: "2004-07-03T23:58:47.000Z"
updated: "2004-07-08T07:24:17.000Z"
replies: 14
views: 430
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/106699-färg-text-inom-speciella-taggar"
---

# Färg text inom speciella taggar

## #1 — matt_helvey, 2004-07-03T23:58Z

hur kan man få tex röd färg inom speciella paraneser tex \[fett\]fet text\[/fett\]  ( \<b\>\</b\> ) i en TEXTFIELD (ska ha det till typ en editor) sedan när \[fett\] parantesen avslutas (/) ska det bli tex normal svart textfärg igen (som dreamweaver), fatta?

är detta ens möjligt?

Permalänk: https://www.webforum.nu/p/106699

## #2 — Erik Juhlin, 2004-07-04T00:27Z

Jo, om man använder en MSHTML editor. Jag provade att göra HTML-editor med hjälp av en MSHTML-editor men fick aldrig till det så det blev riktigt bra. Lägger man ner lite mer tid på det så kanske...

Men kör man med en MSHTML editor så kan man ju lika gärna göra det WYSIWYG. :)

Permalänk: https://www.webforum.nu/p/1378969

## #3 — matt_helvey, 2004-07-05T16:34Z

hade tänk WYSIWYG, men tänkte bara börja lite smått först..

ahh, var får man tag på MSHTML då?

Permalänk: https://www.webforum.nu/p/1379456

## #4 — Jesper T, 2004-07-05T18:02Z

```
<script type="text/javascript" language="javascript">
function myCallback(f){
	f = f.replace(/\[(b|i|u)\](.*?)\[\/(b|i|u)\]/ig,"<$1>$2</$3>");
	f = f.replace( /\[url\](.+)\[\/url\]/ig, '<a href="$1">$1</a>' );
	f = f.replace( /\[email\](.+)\[\/email\]/ig, '<a href="mailto:$1">$1</a>' );
	document.getElementById("bar").innerHTML = f;
    };
</script>

<form>
<textarea name="foo" onkeyup="myCallback(this.value)"></textarea>
</form>

<div id="bar"></div>
```

**Fet text**
*Kursiv text*
Understruken text
Länk
epostlänk 
 Kan ju byggas ut.

Permalänk: https://www.webforum.nu/p/1379487

## #5 — Erik Juhlin, 2004-07-06T06:51Z

Ungefär så min grej funkade. Men istället så färgade den koden istället för att byta ut den. Ungefär som en kodeditor.
Jobbiga är bara att när man gör så så hamnar markören hela tiden sist. Ganska irriterande. :)

Permalänk: https://www.webforum.nu/p/1379665

## #6 — matt_helvey, 2004-07-06T15:37Z

? 

Alltså i textboxen man skriver in koden ska koden färgas till olika färger så man håller rätt på dem, tex javascript i röd text tabeller i grön osv. hehe, det var det jag undra... ;)

Permalänk: https://www.webforum.nu/p/1382796

## #7 — solbulle, 2004-07-06T15:56Z

MSHTML 
Tex: <http://www.kevinroth.com/rte/demo.htm>
samt
<http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnhtmau/html/leverageediting.asp>

Permalänk: https://www.webforum.nu/p/1382799

## #8 — matt_helvey, 2004-07-06T15:59Z

tack för MSHTML'n

Men ni verkar inte vilja fatta. har ni använt dreamweaver? när man väljer kodläge så färgas koden för att man ska kunna se det bättre, i stället för tex notepad där allt är svart.. jag undra om man kan färga koden I TEXTFÄLTET, inte resultatet..

Permalänk: https://www.webforum.nu/p/1382801

## #9 — solbulle, 2004-07-06T16:04Z

I ett vanligt textfält i en form kan du inte det.

Permalänk: https://www.webforum.nu/p/1382804

## #10 — Erik Juhlin, 2004-07-07T06:06Z

Man får göra det med en MSHTML editor då. Det irriterande blir då som jag sa att markören hamnar sist efter varje tecken man skriver. Irriterande om man redigerar någonting i mitten av texten.

Permalänk: https://www.webforum.nu/p/1383016

## #11 — Jesper T, 2004-07-07T07:25Z

Tror att jag sett en javaapplet som fixade att färga kod. Minns dock inte var. Att bygge en med regexp eller så kommer säkert att bli svårt.

Permalänk: https://www.webforum.nu/p/1383027

## #12 — Erik Juhlin, 2004-07-07T07:27Z

Ganska enkelt egentligen. Jobbiga är bara att få det att köra på ett smart sätt medans man skriver. Att det blir en massa replaces hela tiden håller inte riktigt. :l

Permalänk: https://www.webforum.nu/p/1383029

## #13 — matt_helvey, 2004-07-07T14:28Z

om det är ganska enkelt kan du ju bara visa en kodsnutt så jag får lite kickstart...

Permalänk: https://www.webforum.nu/p/1383184

## #14 — Erik Juhlin, 2004-07-08T06:17Z

Sure. Som du ser så funkar den fint när man skriver i slutet. Skriver man däremot i mitten så hoppar markören.

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
BODY {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

DIV.editor {
	width: 100%;
	height: 100%;
	font-family: Courier New;
	font-size: 13px;
	padding: 10px;
}
SPAN.tag {
	color: red;
}
</style>
<script type="text/javascript">
function parseHTML()
{
	var html = editor.innerHTML;
	
	html = html.replace(/<br>/gi, "\n");
	html = html.replace(/<[^>]*>/gi, "");
	html = html.replace(/\n/gi, "<br>");
	html = html.replace(/(\&lt\;[\s\S]*?\&gt\;)/gi, "<span class=\"tag\">$1</span>");
	
	
	editor.innerHTML = html;
}

function load()
{
	var html = "&lt;!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\"&gt;\n&lt;html&gt;\n&lt;head&gt;\n&lt;title&gt;&lt;/title&gt;\n&lt;link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\"&gt;\n&lt;/head&gt;\n&lt;body&gt;\ncscscscs\n&lt;div class=\"editor\" contentEditable&gt;&lt;/div&gt;\ncsscsc\n\n&lt;/body&gt;\n&lt;/html&gt;";
	html = html.replace(/\n/gi, "<br>");
	editor.innerHTML = html;
	
	parseHTML();
}
</script>
</head>
<body onLoad="load();">

<div id="editor" class="editor" contentEditable onKeyUp="parseHTML();"></div>

</body>
</html>
```

Permalänk: https://www.webforum.nu/p/1383398

## #15 — matt_helvey, 2004-07-08T07:24Z

flippigt, jaja... tack

Permalänk: https://www.webforum.nu/p/1383431

---

Tråden på webben: https://www.webforum.nu/amne/javascript/106699-färg-text-inom-speciella-taggar