Anker bei 3.5.4 setzen und link erzeugen ?

**Membaris** · 16.11.2015, 11:07

Anker bei 3.5.4 setzen und link erzeugen ?

Hallo ihrs ,

ich habe eine Seite mit mehreren Artikeln und möchte jetzt das jeder Artikel über einen Anker erreichbar ist. Die Seite ist sehr lang deswegen möchte ich nur den Artikel Namen und den Link dazu in einer Übersicht haben. Mit der Artikel Navigation hab ich das schon einigermaßen hinbekommen allerdings wird dann auch nur noch der Artikel angezeigt es sollen aber weiterhin alle angezeigt werden.
Jemand eine Idee wie ich das umsetzen könnte ?

**Spooky** · 16.11.2015, 11:18

Leider ist das Artikelnavigations Modul sehr rudimentär. Wenn das Modul bspw. pro Artikel auch die ID bzw. den Alias des Artikel mitgeben würde, wäre das eine sehr triviale Template Änderung.

**Membaris** · 16.11.2015, 12:45

Also wird mir nichts anderes übrig bleiben als das über einen HTML Klotz zu lösen oder was meinst du damit ?

**Spooky** · 16.11.2015, 13:49

Du könntest dir auch ein einfaches PHP Script schreiben (im /templates Ordner, welches du dann mit {{file::*.php}} einbindest), dass die Artikel der aktuellen Seite ausliest und die Navigation zusammenbaut. Ist nicht besonders aufwändig (je nach dem wie "intelligent" es sein soll).

**Membaris** · 16.11.2015, 14:08

Ich habs jetzt anders gelöst aber Danke für die Antwort.

{{link_url::71}}#ankername

**VGT** · 17.11.2015, 19:54

Du kannst auch in den Artikeleinstellungen bzw. Inhaltselementeinstellungen unter Experteneinstellungen eine eindeutige CSS-ID eintragen, z.B. ankername , ansprechen kannst du den Anker dann ebenso mit {{link_url::71}}#ankername
Ich habe dieses Verfahren hier mal an anderer Stelle im Forum gelesen; finde ich ganz praktisch, man erübrigt sich dann den Anker mühsam im Quellcode einzutragen was nicht immer erwünscht ist, falls man kein Ankerplugin im TinyMCE hat (wie bei dem derzeit mitgelieferten) oder über Composer den [TinyMcePluginLoader] nicht installiert hat

**Hoch-3** · 12.01.2016, 17:39

Zitat von VGT

Du kannst auch in den Artikeleinstellungen bzw. Inhaltselementeinstellungen unter Experteneinstellungen eine eindeutige CSS-ID eintragen, z.B. ankername , ansprechen kannst du den Anker dann ebenso mit {{link_url::71}}#ankername
Ich habe dieses Verfahren hier mal an anderer Stelle im Forum gelesen; finde ich ganz praktisch, man erübrigt sich dann den Anker mühsam im Quellcode einzutragen was nicht immer erwünscht ist, falls man kein Ankerplugin im TinyMCE hat (wie bei dem derzeit mitgelieferten) oder über Composer den [TinyMcePluginLoader] nicht installiert hat

uiuiui. Mein armer Kunde. Muss ich ihm also beibringen, dass er die jeweilige URL vor den Anker setzen muss? Geht das nicht mehr, dass das Contao automatisch erkennt, dass ein #anker ohne explizite URL davor auf der selben Seite zu bleiben hat? Ganz mühsam und ärgerlich.

Kennt jemand einen einfachen Weg, dem Contao das eben wieder beizubringen?

**Spooky** · 12.01.2016, 17:41

Da Contao schon lange den <base> Tag benutzt: wann genau ging das mal?

**Hoch-3** · 12.01.2016, 18:21

Zitat von Spooky

Da Contao schon lange den <base> Tag benutzt: wann genau ging das mal?

Habs grad mal ausprobiert. Muss tatsächlich länger her sein...

Nun, die Lösung, die für den Kunden wohl zumutbar ist (er braucht bloss das Bild mit dem Link mit Copy-Paste einzufügen) ist diese:
<a href="{{link_url::{{page::id}}}}#seitenanfang"><im g src="files/xxx/elemente/pfeil-top.png" alt="nach oben"></a>

Verschachtelung von Interttags funktioniert tatsächlich. :-)

**Spooky** · 12.01.2016, 18:39

Für den Seitenanfang Link gibt es ja ein eigenes Inhaltselement von Contao selbst.

**mandrael** · 19.07.2016, 19:36

Zitat von Hoch-3

uiuiui. Mein armer Kunde. Muss ich ihm also beibringen, dass er die jeweilige URL vor den Anker setzen muss? Geht das nicht mehr, dass das Contao automatisch erkennt, dass ein #anker ohne explizite URL davor auf der selben Seite zu bleiben hat? Ganz mühsam und ärgerlich. Kennt jemand einen einfachen Weg, dem Contao das eben wieder beizubringen?

Hi, Hoch-3, ich verwende für meine Anker einen insert-tag, der die URL (bzw. request-string) ausliest:

HTML-Code:

<a href="{{env::request}}#anker">Linktext</a>

Bei einer fixen Menüleiste o.Ä. wird der Anker verdeckt, was sich beheben lässt, indem man ihm eine Klasse gibt und etwa folgenden Code verwendet:

HTML-Code:

== Ankerziel ==
<a class="anker" id="name"></a>

== in der CSS-Datei ==
a.anker {
top: -47px; /* Höhe des verdeckenden Elements */
display: block;
position: relative;
visibility: hidden;
}

Danke auch an Joe für die schöne TinyMCE-Anpassungs-Anleitung!

**mandrael** · 19.07.2016, 20:57

Schön wäre auch eine Anpassung des JavaScript-Codes des TinyMCE Anker-Plugins, sodass jedem Anker automatisch die Klasse hinzugefügt wird; übersteigt aber aktuell mein Verständnis. Vielleicht möchte sich wer der Sache annehmen?

PHP-Code:


tinymce.PluginManager.add("anchor",function(a){function b(){var b=a.selection.getNode(),c="",d="A"==b.tagName&&""===a.dom.getAttrib(b,"href");d&&(c=b.name||b.id||""),a.windowManager.open({title:"Anchor",body:{type:"textbox",name:"name",size:40,label:"Name",value:c},onsubmit:function(c){var e=c.data.name;d?b.id=e:(a.selection.collapse(!0),a.execCommand("mceInsertContent",!1,a.dom.createHTML("a",{id:e})))}})}a.addCommand("mceAnchor",b),a.addButton("anchor",{icon:"anchor",tooltip:"Anchor",onclick:b,stateSelector:"a:not([href])"}),a.addMenuItem("anchor",{icon:"anchor",text:"Anchor",context:"insert",onclick:b})});