BB Code einfügen

Mc.Alcatraz · 7. Mai 2005

Ich würde gerne BB Code per Buttons einfügen und zwar zb, ein Knopf mit B, dann soll sich ein JavaScript Fenster öffnen und man soll den Text eingeben können der später in [b}Text[/b] stehen soll. Das selbe bei Links und den anderen, wie lässt sich so etwas realisieren.
Ein Beispiel: http://www.vwar.de/demo/war.php?action=comment&warid=179&cmd=add
(Ich meine nur die Knöpfe wie B oder das unterstrcihene U, die Dropdowns dadrüber brauch ich net)

HoRnominatoR · 7. Mai 2005

guck doch einfach in den quelltext.

linchris · 7. Mai 2005

Hi hab auch mal sowas in der Richtung gemacht:

HTML:

function insertText(a_oEl, a_sText) 

{

  a_oEl.focus();



  if (window.document.selection) 

  {

     oSelection      = window.document.selection.createRange();

     oSelection.text = a_sText;

  } 

  else if (navigator.appName == "Netscape") 

  {

     sOldValue = new String(a_oEl.value);

     iStart    = a_oEl.selectionStart;

     iEnd      = a_oEl.selectionEnd;

     sNewValue = sOldValue.substring(0, iStart) + a_sText + sOldValue.substring(iEnd, sOldValue.length);



     a_oEl.value = sNewValue;

   } 

   else 

   {

      a_oEl.value += a_sText;

   }

}

function insertBoldText(a_oEl)

{

  var text = prompt("Bitte geben Sie den fetten Text ein!", "");

  if((text != "") && (text != null))

  {

    insertText(a_oEl, "[b]" + text + "[/b]");

  }

}

Der code für den Button sieht dann so aus:

HTML:

<input type="button" name="bold" style="font-weight:bold;" value="F" OnClick="insertBoldText(window.document.forms['ThreatForm'].elements['Text'])" />

Mc.Alcatraz · 8. Mai 2005

Ich habs so gelöst:

Code:

<html>
<head>
<title>BB Code Test</title>
<script language="JavaScript">
<!--
function url() {
lina = window.prompt("Name des Links","");
url= window.prompt("URL","http://");
if(lina=="") { lina=url; } 

if(url==null) {
		return;
	}

erg="[url="http://+%20url%20+"]" + lina + "[/url]";

	eval("document.form1.feldname.value += \""+erg+"\"");

}
--> 
<!--
function fett() {
fett = window.prompt("Text eingeben",""); 

if(fett==null) {
		return;
	}

erg="[b]" + b + "[/b]";

	eval("document.form1.feldname.value += \""+erg+"\"");

}
-->
</script>
</head>
<body>
<form name="form1">
	<input type=button value="Fett" onClick="fett()" />
	<input type=button value="Link" onClick="url()" /><br />
	<textarea name="feldname" rows="10" cols="60"></textarea>
</form>
</body>
</html>

Nur wenn ich einmal jetzt zb Link klicke kann ich nicht nochmal ein zweitesmal klicken es funktioniert nur einmal.

Hat sich erledigt....

Suche

Mc.Alcatraz

Gast

HoRnominatoR

Lt. Junior Grade

linchris

Cadet 4th Year

Mc.Alcatraz

Gast

Ähnliche Themen