Autor |
Nachricht |
TWEAK
Threadersteller
Dabei seit: 21.06.2006
Ort: TBB
Alter: 39
Geschlecht:
|
Verfasst Di 18.07.2006 18:25
Titel BBCode Eine bestimmte Stelle markieren und mit BBCode umgebe |
|
|
Hi,
wollte mal hier nachfragen ob jemand eine Lösung für mein Problem kennt.
Habe ein Java Script, dass mir beim klicken eines Buttons eine BBCode Tag einfügt und bei einem Klick auf einen anderen Buttons wird das BBCode tag wieder geschlossen. Klappt auch wunderbar.
Nun möchte ich bzw. mein Chef das man eine Stelle im Text mit dem Cursor markiert und mit einem Klick auf einen Button ein Öffnungs- und Schliesstag um den markierten Bereich legt.
Bitte um Hilfe damit mein Chef wieder beruhigt schlafen kann.
Danke im vorraus!
MFG,
TWEAK
|
|
|
|
|
Nimroy
Community Manager
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 45
Geschlecht:
|
Verfasst Di 18.07.2006 18:34
Titel
|
|
|
Muss gehen. Geht ja auch zum Beispiel hier im Forum. Vielleicht mal phpbb saugen und gucken, wie das dort gelöst wurde.
|
|
|
|
|
Anzeige
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 18.07.2006 18:44
Titel
|
|
|
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Editor</title>
<script type="text/javascript">
<!--
function insert(aTag, eTag) {
var input = document.forms['formular'].elements['eingabe'];
input.focus();
/* für Internet Explorer */
if(typeof document.selection != 'undefined') {
/* Einfügen des Formatierungscodes */
var range = document.selection.createRange();
var insText = range.text;
range.text = aTag + insText + eTag;
/* Anpassen der Cursorposition */
range = document.selection.createRange();
if (insText.length == 0) {
range.move('character', aTag.length + insText.length + eTag.length);
} else {
range.moveStart('character', aTag.length + insText.length + eTag.length);
}
range.select();
}
/* für neuere auf Gecko basierende Browser */
else if(typeof input.selectionStart != 'undefined')
{
/* Einfügen des Formatierungscodes */
var start = input.selectionStart;
var end = input.selectionEnd;
var insText = input.value.substring(start, end);
input.value = input.value.substr(0, start) + aTag + insText + eTag + input.value.substr(end);
/* Anpassen der Cursorposition */
var pos;
if (insText.length == 0) {
pos = start + aTag.length + insText.length + eTag.length;
} else {
pos = start + aTag.length + insText.length + eTag.length;
}
input.selectionStart = pos;
input.selectionEnd = pos;
}
/* für die übrigen Browser */
else
{
/* Abfrage der Einfügeposition */
var pos;
var re = new RegExp('^[0-9]{0,3}$');
while(!re.test(pos)) {
pos = prompt("Einfügen an Position (0.." + input.value.length + "):", "0");
}
if(pos > input.value.length) {
pos = input.value.length;
}
/* Einfügen des Formatierungscodes */
var insText = prompt("Bitte geben Sie den zu formatierenden Text ein:");
input.value = input.value.substr(0, pos) + aTag + insText + eTag + input.value.substr(pos);
}
}
//-->
</script>
</head>
<body>
<form name="formular" action="">
<input type="button" value="bold" onClick="insert('[b]', '[/b]')" />
<input type="button" value="italic" onClick="insert('[i]', '[/i]')" />
<input type="button" value="underline" onClick="insert('[u]', '[/u]')" />
<br /><br />
<textarea name="eingabe" cols="30" rows="10">Text Text Text</textarea>
</form>
</body>
</html> |
|
|
|
|
|
TWEAK
Threadersteller
Dabei seit: 21.06.2006
Ort: TBB
Alter: 39
Geschlecht:
|
Verfasst Di 18.07.2006 22:01
Titel
|
|
|
Danke euch! Werde ich morgen gleich mal ausprobieren.
Hm doch grad eben noch einmal probiert... hat super geklappt! Danke dir "m". Komischer Name aber egal.
Danke,
euch zweien.
MFG,
TWEAK
Zuletzt bearbeitet von TWEAK am Di 18.07.2006 22:19, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Problem mit BBCode
BBCode in Wordpress-Beitrag einfügen
Flash - an bestimmte Stelle verlinken
Illustrator CS4 ...Hilfslinien nicht mit markieren?
Photoshop Text markieren mit Unterbrechung
Interaktives PDF / Langes PDF unterteilen und markieren
|
|