Iconbar: Anführungszeichen bei URL setzen

Iconbar: Anführungszeichen bei URL setzen
Viele Webseiten geben eine Möglichkeit Inhalte wie Bilder, ganz bequem in eine Webseite oder Forum zu integrieren. Es gibt allerdings keinen richtigen BB-Code an dem festgehalten wird. Wir zeigen euch anhand dieses Beispieles: Anführungszeichen bei URL wie dies möglich ist.



Bevor wir anfangen, möchte ich noch erwähnt haben, das dass Herzstück die JavaScript-Funktion ist. Besonders wenn innerhalb eines BB-Codes ein Link ins Spiel kommt. Links werden von der Software nicht als normalen Fließtext in Beiträgen angezeigt sondern werden Verlinkt, dadurch wird der BB-Code nicht umgesetzt. Durch die JavaScript-Funktion wird die Software ausgetrickst um BB-Codes richtig umzusetzen, aber dazu später mehr.

Forencode anlegen


Unser Ziel ist die Iconbar, dazu gehen wir folgende Pfade: Admin→Layout→Iconbar.

Nun gehen wir in der Icnbar auf den Reiter „Foren-Code“, und kopieren folgende Codes rein:



Ersetze:

1
 
[URL="{{nohttpurl}}"]
 


...

1
 
[/URL]
 



Mit:

1
 
<a href="http://{{nohttpurl}}" target="_blank" class="lbf">
 


...

1
 
</a>
 



So sieht es nun aus:

Jetzt ist es noch möglich ein Icon für diesen Foren-Code zu geben, das ist durch das Feld „Grafik“ möglich. Dort können wir auf „neue Grafik jetzt hochladen“ klicken, und aus bestehenden wählen oder eins vom Computer hochladen.
Nun klicken wir auf die „Weitere Einstellungen“.

Hier können wir die Reihenfolge, JS-Funktion und für wenn die Codes einsehbar sind bestimmen.

Wir brauchen die JS-Funktion, diese tut später beim Anklicken des Foren-Codes aufgerufen werden etwas zu tun, bei unserem Codeschnipsel wird ein Dialog eingeblendet um eine Link-Adresse eingeben zu können, sowie es auch in der normalen Version von [url] und [/url] auch ist. Dort geben wir folgendes ins Feld ein:

1
 
lbfLinkTag()
 


und speichern dies anschließend.


HTML-Element anlegen für JS-Funktion



Nun gehen wir zum Reiter „HTML“, dort geben wir im ersten Feld einen Namen, wie „JS-Funktion“. In diesen HTML-Element können wir später alle JS (JavaScript)-Funktionen einfügen, ohne jedes mal ein neues HTML-Element sich anlegen zu müssen.
Nun fügen wir die JS-Funktion dort ein:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<script>
function lbfLinkTag() {
sel =''; start=0;end=0;
var input = miranus_current_iconbar_textarea();
if(input==false) {alert('Fehler: Dieser Symbolbar wurde kein Textfeld zugeordnet. Verwenden Sie folgenden JS-Code für die Zuordnung: miranus_add_iconbar_textarea('textarea_id'); ');return false;}
start = input.selectionStart;
end = input.selectionEnd;
if(end && (start != end)){
sel = input.value.substring(start,end);
nosel = input.value.substring(0,start) + input.value.substring(end);
}
link=prompt('Link-Adresse:');
if (link != ' ' && link != null) {
if(sel && (sel != '')){input.value = nosel; setCaretPosition(input, start)}

link = link.replace('http://','');
link = link.replace('www.','');
return insert('[URL="'+link+'"]','[/URL]');}


}
</script>
 


anschließend speichern. Der eigentliche Knackpunkt ist: Sobald www.google.de, http://google.de oder beides http://www.google.de erkennt die Software das dass ein Link ist, wird jedoch google.de eingegeben, ist das für die Software kein Link, und wird nicht ersetzt. Dadurch das später in den Foren-Code eine Url eingegeben wird, mit diesen Anfangen http://, www. oder beides http://www. wird der Link anerkannt und umgesetzt, allerdings wird dann der Foren-Code dadurch verhauen, um das zu vermeiden, wird durch das JavaScript das ausgefiltert. Im Foren-Code steht aber noch http:// dadurch wird wieder das anklicken des Links ermöglicht.



Nachdem wir alles richtig gemacht haben, und noch dem Forencode ein schickes Icon verpasst haben, könnte es nachdem anklicken auf den Icon ein Fensterchen erscheinen wo wir nun unsere Link-Adresse eintragen können.

Login
Activity Feed
rating rating
spotter46 hat sich bedankt!
Beitrag: E-Mail Newsletter Absender
%usernames% hat sich bedankt!
forum_topic forum_topic
Mike48 hat das Thema Hervorheben private von offiziellen Plugins erstellt
Admin → Plugins → HomeIn der alten Admin sind in der Pluginliste die privten von den offiziellen Plugins farblich abgehoben. In der neuen Admin fehlt das. Es ist mühsam privten von offiziellen Plugins zu unterscheiden wenn man keinen freien Pluginplatz mehr zur Verfügung hat um zu sehen, welches man...
forum_message forum_message
Mike48 hat einen neuen Beitrag im Thema E-Mail Newsletter Absender geschrieben.
Ich bin der Meinung, ein freies Eingabefeld für die Absende Adresse braucht es nicht zu geben. Da Newsletter nur Admins verschicken können, können diese ja passende Mail Adressen einrichten nach ihren Wünschen, die dann im Drop-Down auswählar sind. Das i-Tüpfelchen wäre, wenn die letzte Drop-Down Au...
rating rating
Ingmar hat sich bedankt!
Beitrag: E-Mail Newsletter Absender
%usernames% hat sich bedankt!
rating rating
spotter46 hat sich bedankt!
Beitrag: E-Mail Newsletter Absender
%usernames% hat sich bedankt!
rating rating
spotter46 hat sich bedankt!
Beitrag: Foren-Logo
%usernames% hat sich bedankt!
forum_message forum_message
Mike48 hat einen neuen Beitrag im Thema E-Mail Newsletter Absender geschrieben.
Das Thema ist schon über 1 Jahr alt aber es tut sich nichts. In einem anderen Thema hat Ingmar mal geantwortet. Zitat von Ingmar im Beitrag Newsletter - Versand der Test-Mail fehlerhaftGenau genommen sollte es dort kein freies Eingabefeld für den Absender geben, sondern ein Drop-Down, in dem nur übe...
forum_message forum_message
Rika1 und Katzenpfote haben 2 neue Beiträge im Thema Foren-Logo geschrieben.
Danke. Gehört aber nicht hier ins Thema, hab Dir eine PN gesendet.
rating rating
creator hat sich bedankt!
Beitrag: geschlossenes Forum
%usernames% hat sich bedankt!
forum_message forum_message
Katzenpfote hat einen neuen Beitrag im Thema Frohe Ostern 2025 geschrieben.
es gibt 2 Threads mit Osterwünsche. Doppelt hält besser :)Frohe Ostern [[File:1E5E0F01-AE55-4B58-A445-31B0633153F1.jpeg|none|fullsize]]wünschtwww.kastzenforum-nr1.de
forum_message forum_message
cleo und spotter46 haben 2 neue Beiträge im Thema Frohe Ostern 2025 geschrieben.
Frohes Osterfest wünsche ich auch [[File:aa631e.jpeg|none|fullsize]]
rating rating
cleo hat sich bedankt!
Beitrag: Frohe Ostern 2025
%usernames% hat sich bedankt!
rating rating
cleo und spotter46 haben sich bedankt!
Beitrag: Frohe Ostern 2025
%usernames% haben sich bedankt!
forum_message forum_message
Katzenpfote hat einen neuen Beitrag im Thema Frohe Ostern geschrieben.
Frohe Ostern[[File:1E5E0F01-AE55-4B58-A445-31B0633153F1.jpeg|none|fullsize]]wünscht www.Katzenforum-nr1.de
forum_topic forum_topic
Marlies Stockmann hat das Thema Frohe Ostern erstellt
euch allen ein frohes Osterfest
forum_topic forum_topic
Havaneserherzen Admin hat das Thema Frohe Ostern 2025 erstellt
Ich wünsche allen die hier immer mal reinschauenund denen die uns mit ihrem Wissen hier immer wieder wie selbstverständlich helfen frohe Ostern
rating rating
Wolfgang hat sich bedankt!
Beitrag: Plugin:Anzeige vom letzten Beitrag
%usernames% hat sich bedankt!
rating rating
old-smokey hat sich bedankt!
Beitrag: Besucherzähler
%usernames% hat sich bedankt!
forum_message forum_message
River hat einen neuen Beitrag im Thema geschlossenes Forum geschrieben.
Zitat von creator im Beitrag #8Ich habe daher den fehlenden Code von einem Testforum mit identischem Template kopiert (Per Strg + U, nicht Entwicklertools), die Action-URL geändert und per local override eingesetzt. Vor dem Abschicken vom Formular habe ich das local override deaktiviert, damit der e...
rating rating
l2otbart_57 und Mike48 haben sich bedankt!
Beitrag: Plugin: obere Leiste - Header
%usernames% haben sich bedankt!
rating rating
l2otbart_57 hat sich bedankt!
Beitrag: Plugin: obere Leiste - Header
%usernames% hat sich bedankt!
rating rating
l2otbart_57 und Mike48 haben sich bedankt!
Beitrag: Plugin: obere Leiste - Header
%usernames% haben sich bedankt!
rating rating
River hat sich bedankt!
Beitrag: geschlossenes Forum
%usernames% hat sich bedankt!
forum_message forum_message
Ingmar und 3 weitere haben 7 neue Beiträge im Thema Plugin: obere Leiste - Header geschrieben.
Technisch ist das wie die anderen schon schreiben identisch mit jedem anderen Template-Element.Du kannst plugin-code VOR (header), NACH (footer) oder INNERHALB (inline) eines Templates ausführen.Im Falle des Template elements foben gibt es wenig Fälle, bei denen es Sinn macht, Code vor dem Header au...
rating rating
creator hat sich bedankt!
Beitrag: Plugin: obere Leiste - Header
%usernames% hat sich bedankt!
rating rating
l2otbart_57 hat sich bedankt!
Beitrag: Plugin: obere Leiste - Header
%usernames% hat sich bedankt!
rating rating
l2otbart_57 hat sich bedankt!
Beitrag: Plugin: obere Leiste - Header
%usernames% hat sich bedankt!
forum_topic forum_topic
l2otbart_57 hat das Thema Plugin: obere Leiste - Header erstellt
wenn ich in der Pluginentwicklung ein neues Template-Element "obere Leiste - Header" erzeuge, hat das unerwartete Folgenals Inhalt wähle ich:1 <h2>foben_header {{template}}</h2> und erhalte im V4 Quelltext12345678 <h2>foben_header 144</h2><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xml...
forum_message forum_message
Ingmar hat einen neuen Beitrag im Thema JavaScript-Fehler bei deaktiviertem Chat geschrieben.
Das chat-system wird im Hintergrund für die Anzeige der Live-Updates (XY hat soeben in diesem Thema einen neuen Beitrag geschrieben" etc) verwendet. Was für Fehlermeldungen gibt es denn bei euch in der Chat-Oberfläche?
forum_message forum_message
Ingmar hat einen neuen Beitrag im Thema Kampf mit den Templates geschrieben.
Bei deinem Beispiel würde ich tippen, dass es sich um ein stark angepasstes Template handelt.Da müsstest du ggf. die Admins selbst anschreiben und fragen, ob Sie ihre Änderungen mit dir teilen möchten.
rating rating
Ingmar hat sich bedankt!
Beitrag: Header nicht sichtbar mobile Ansicht
%usernames% hat sich bedankt!
rating rating
Plaudereckchen hat sich bedankt!
Beitrag: Ich mag kein Ideenklau respektive Urheberrecht !
%usernames% hat sich bedankt!
forum_message forum_message
creator und 2 weitere haben 3 neue Beiträge im Thema Header nicht sichtbar mobile Ansicht geschrieben.
Zitat von Kaninchenraum im Beitrag #1wie kann ich den Header in der mobilen Ansicht sichtbar machen?Indem du den HTML-Fehler im Logo-Wizard behebst.
forum_message forum_message
Katzenpfote hat 2 neue Beiträge im Thema Zugriff auf eigenen Domain geschrieben.
Zitat von Ingmar im Beitrag #6Ich habe dir vorhin geantwortet...Perfekt Danke
rating rating
Katzenpfote hat sich bedankt!
Beitrag: Zugriff auf eigenen Domain
%usernames% hat sich bedankt!
rsummary rsummary
Ingmar und 1 weitere haben 3 Beiträge bewertet (Details)
%usernames% hat sich bedankt!
rsummary rsummary
cleo und 1 weitere haben 2 Beiträge bewertet (Details)
%usernames% haben sich bedankt!
rsummary rsummary
Wolfgang und 1 weitere haben 2 Beiträge bewertet (Details)
%usernames% hat sich bedankt!
rsummary rsummary
l2otbart_57 und 2 weitere haben 4 Beiträge bewertet (Details)
%usernames% hat sich bedankt!
rsummary rsummary
creator und 1 weitere haben 3 Beiträge bewertet (Details)
%usernames% hat sich bedankt!
rsummary rsummary
Ingmar und 1 weitere haben 2 Beiträge bewertet (Details)
%usernames% hat sich bedankt!
Wer ist Online?
3 Mitglieder und 16 Gäste sind Online
Besucher Statistiken
19 Aktive User
3 Mitglieder und 16 Gäste sind Online:
nobody, Gabriella, Katzenpfote


Besucherrekord
1274 Benutzer gleichzeitig online (11.10.2019 18:19)

Besucherzähler
Heute waren 986 Gäste und 21 Mitglieder, gestern 1707 Gäste und 23 Mitglieder online.

Statistiken
Themen 41890
Beiträge 306819
Mitglieder 12.575
Forum empfehlen