Re: bbcode ? einfacher!

#1

Thomas Kellner wrote:

Quote:

Hallo Ng,

ihr habt doch sicher schon mal was BBCode gehört, zur Zeit habe ich mich
damit beschäftigt. Mit JavaScript möchte ich nun die
Formatierungsmöglichkeiten für meinen Comments-Bereich nutzen. (1. Frage)
Wie kann ich ein Textarea den Code für 'fett' einfügen. Das Textarea
heißt 'Message'. (2. Frage) Wie kann man offene Tags feststellen und diese
gleich schließen. Jedoch sollte der geschlossene Tag gleich nach dem
Formatierungsfeld positioniert werden, das heißt der [/b] soll hinter [b]
geschlossen werden und nicht erst nach einem anderen geöffneten BB-Tag, das
heißt dies soll nicht auftreten: ....[i]...

de.comp.lang.javascript existiert

Gruss, Frank

F^2 de.comp.lang.javascript gesetzt

#2

Quote:

ihr habt doch sicher schon mal was BBCode gehört, zur Zeit habe ich mich
damit beschäftigt. Mit JavaScript möchte ich nun die
Formatierungsmöglichkeiten für meinen Comments-Bereich nutzen. (1. Frage)
Wie kann ich ein Textarea den Code für 'fett' einfügen. Das
Textarea heißt 'Message'. (2. Frage) Wie kann man offene Tags feststellen
und diese gleich schließen. Jedoch sollte der geschlossene Tag gleich
nach dem Formatierungsfeld positioniert werden, das heißt der [/b] soll
hinter [b] geschlossen werden und nicht erst nach einem anderen
geöffneten BB-Tag, das heißt dies soll nicht auftreten: ....[i]...

Ich habe mich heute mal selber hingesetzt und habe das vereinfachte Script
für den BBCode geschrieben,
jier könnt ihr es einsehen. Dies läuft eingentlich immer nach gleichem
Prinzip aber

function tag_insert(tag)
{
if(tag=="comment")
{
comment_id=prompt("Bitte um Eingabe der Comment-ID.","");
if(comment_id!="" && comment_id!=null)
{
comment_name=prompt("Bitte um Eingabe des Namens für den
Link.","");
if(comment_name!="" & comment_name!=null)
window.document.posting.elements["Message"].value
+="[comment=\""+comment_id+"\"]"+comment_name+"[/comment]";
}
}
}

Nun habe ich noch eine Frage, wie kann man es verwirklichen, wenn man einen
Textteil markiert hat, die Tags um die Markierung angeordnet werden
Bsp: 'ff' >> 'ff'.

ciao.

#3

PS:

Quote:

Denkt ihr das eine JavaScript-Eingabeaufforderung erforderlich ist bei
BBCode?

#4

"Thomas Kellner"

Quote:

Nun habe ich noch eine Frage, wie kann man es verwirklichen, wenn man
einen Textteil markiert hat, die Tags um die Markierung angeordnet werden
Bsp: 'ff' >> 'ff'.

ich habe da etwas gefunden, funktioniert aber leider nur im IE. weiß jemand
wie man das im Mozilla + Netscape zum Laufen kriegt.
text_selection=window.document.selection.createRan ge();
if(text_selection.text)

{

text_selection.text="["+tag+"]"+text_selection.text+"[/"+tag+"]";

}

#5

Thomas Kellner <kellner.th (AT) gmx (DOT) net> typed:

Quote:

ich habe da etwas gefunden, funktioniert aber leider nur im IE. weiß
jemand wie man das im Mozilla + Netscape zum Laufen kriegt.
text_selection=window.document.selection.createRan ge(); [...]

Google ist Dein Freund, die Suchbegriffe nanntest Du bereits:
http://groups.google.com/groups?as_q...u m=100&hl=de

ciao, dhgm

#6

Thomas Kellner <kellner.th (AT) gmx (DOT) net> typed:

Quote:

ich habe da etwas gefunden, funktioniert aber leider nur im IE. weiß
jemand wie man das im Mozilla + Netscape zum Laufen kriegt.
text_selection=window.document.selection.createRan ge(); [...]

Google ist Dein Freund, die Suchbegriffe nanntest Du bereits:
http://groups.google.com/groups?as_q...u m=100&hl=de

ciao, dhgm

#7

Ich bin gerade dabei eine Funktion 'Alle Tags schließen' zu erarbeiten:
Dies habe ich getan: Das ist das Ergebnis:
Das Problem wenn kein Tag vorhanden ist, tritt folgender Fehler im
Mozilla/IE auf;
Fehler:
window.document.posting.elements.Message.value.mat ch(/\[\w+\]|\[-\]/g) has
no properties;
Fehler: window.document.posting.elements.Message.value.mat ch(...) ist Null
oder kein Objekt.
Code: 0.
Ich denke dass der Fehler daran liegt, da das Textarea keinen Tag enthält
und das Matchen scheitert, wie jedoc hkann man das Problem lösen.

function tags_close_all()
{
#### Fehler
tags_open=window.document.posting.elements["Message"].value.match(/\[\w+\]|\[-\]/g).reverse()#### tags_closed=window.document.posting.elements["Message"].value.match(/\[\/\w+\]|\[\/-\]/g); if(tags_open) { for(i=0;i<tags_open.length;i++) { if(tags_closed) { for(j=0;j<tags_closed.length;j++) { if(tags_open[i]==tags_closed[j].replace(/\//,"")) { tags_open[i]=""; tags_closed[j]=""; } } } if (tags_open[i]!="") { window.document.posting.elements["Message"].value+=tags_open[i].replace(/\[/,"[/"); } } } window.document.posting.elements["Message"].focus(); }ciao

#8

Hallo,

Parallel dazu habe ich eine Funktion zum aktuellen Schließen eines Tags
eingebunden, dieser fügt jedoch noch einen zweiten Abschluß-Tag hinzu.
Die Funktion sieht so aus. tag_close will deshalb einbinden., da wenn eine
Person ausversehen den Abschlußtag löscht nur den Link 'aktuellen Tag
schließen' betädigen muss.
function tag_close()
{
var tag_last="";
if(tag_last!="")
{
window.document.posting.elements["Message"].value+="[/"+tag_last+"]";
tag_last="";
}
window.document.posting.elements["Message"].focus();
}

tag_last kommt aus der Funktion tag_insert wo bei der komplette Tag gesetzt
wurde.

window.document.posting.elements["Message"].value+="["+tag+"][/"+tag+"]";
tag_last=tag;

Das Ergenbnis sieht zum Beipiel so aus.
[/b]

ich brauche bitte eure Hilfe, ciao

#9

"Dietmar Meier"

Quote:

Google ist Dein Freund, die Suchbegriffe nanntest Du bereits:
http://groups.google.com/groups?as_q...u m=100&hl=de

var tag_last;
var text_selection="";
function tag_insert(tag,assistent)
{
if(assistent=="no" && window.getSelection)
{
text_selection=window.getSelection().toString();
text_selection="["+tag+"]"+text_selection+"[/"+tag+"]";
}
else if(assistent=="no" && document.getSelection)
{
text_selection=document.getSelection();
text_selection="["+tag+"]"+text_selection+"[/"+tag+"]";
}
else if(assistent=="no" && document.selection)
{
text_selection=window.document.selection.createRan ge();
text_selection.text="["+tag+"]"+text_selection.text+"[/"+tag+"]";
}
else if(assistent=="yes" && tag=="b")
{
text=prompt("Bitte um Eingabe des Textes, der fett dargestellt werden
soll.","")
if(text!="" && text!=null)
window.document.posting.elements["Message"].value+=""+text+"";
}
window.document.posting.elements["Message"].focus();
}
Der Code ää wird nicht durch ää ersetzt, wo liegt der Fehler, die
Eingabe im Textarea wird nicht geändert.

#10

Quote:

Google ist Dein Freund, die Suchbegriffe nanntest Du bereits:
http://groups.google.com/groups?as_q...u m=100&hl=de

ja ich habe Google und SelfHTML bereist und habe den Code entsprechend
angepasst.
<code>
function tag_insert(tag,assistent)
{
if(assistent=="no" && document.selection)
{
text_selection="["+tag+"]"+document.selection.createRange().text+"[/"+tag+"]";
window.document.posting.elements["Message"].value+=text_selection;
}
else if(assistent=="no" && document.getSelection)
{
text_selection="["+tag+"]"+document.getSelection()+"[/"+tag+"]";
window.document.posting.elements["Message"].value+=text_selection;
}
else if(assistent=="no" && window.getSelection)
{
text_selection="["+tag+"]"+window.getSelection().toString()+"[/"+tag+"]";
window.document.posting.elements["Message"].value+=text_selection;
}
else if(assistent=="yes" && tag=="b")
{
text=prompt("Bitte um Eingabe des Textes, der fett dargestellt werden
soll.","")
if(text!="" && text!=null)
window.document.posting.elements["Message"].value+=""+text+"";
}
else if(assistent=="no")
{
window.document.posting.elements["Message"].value+="["+tag+"][/"+tag+"]";
tag_last=tag;
}
else
{
window.document.posting.elements["Message"].value+="";
}
window.document.posting.elements["Message"].focus();
}
</code> Im IE läuft bisher alles Gut, bis das wenn ich einen Textabschnitt
im Textarea markiere beispielsweise 'ff', wird aber zu 'ffff', wo
liegt aber da der Fehler. Das Problem wenn ich text außer halb des textareas
markiere und auf deem Link javascript:tag_insert('b',no') klicke wird der
Text normal eingegeben: '....'. Im Mozilla bzw. Netscape besteht der
Fall, dass wenn ich Text außerhalb des Textareas markiere dieser
ordnungsgemäß eingefügt wird: '.....', jedoch bei Markierung
innerhalb des Textareas, wird nur hinter markierten Teil ''
ausgegeben, wo liegt also da der Fehler.