FriendsOfREDAXO / redactor2

Integriert den Redactor WYSIWYG-Editor in Version 2
Other
54 stars 11 forks source link

Ankerlinks ermöglichen #93

Closed tbaddade closed 6 years ago

phoebusryan commented 7 years ago

Das wäre grossartig.. überlege ich mir auch schon lange.. aber wie setzt man das um?

marcohanke commented 7 years ago

Redet ihr von Ankern innerhalb des Redactors, oder Anker in anderen Slices? Das wäre für mich interessant. Aus dem Bauch raus: SliceID ins DIV als ID. SliceID im Backend anzeigen lassen. Im Redactor wäre ein Dropdown über alle Slices cool (geht das überhaupt).

skerbis commented 7 years ago

@marcohanke dazu müsste jeder Slice einen Anker per Default in der Ausgabe zur Verfügung stellen. Was sicher nicht gewollt sein kann. Innerhalb des Editors allerdings doch sehr simpel.

marcohanke commented 7 years ago

Was spricht dagegen jeden Slice die SliceID als Anker mitzugeben? Vielleicht denke ich auch zu "klein" bei meinem Projekten ist das nicht störend und ich setze das gerade so um. Google liebt Anker und ich baue auf die Landingpages eine Einleitung in der alle weiteren Elemente verlinkt sind.

skerbis commented 7 years ago

Na ja, das müsste man steuern können. Nicht jede Ausgabe eines Slice ist HTML.

marcohanke commented 7 years ago

Ich ging eher davon aus das man sagt: Hast du Bock auf Anker, packe die SliceID in die HTML Ausgabe, also händisch in den eigenen Modulen...

skerbis commented 7 years ago

Aber das kannst du doch jetzt schon. Die kannst du dir ja auch im Backend noch ausgeben lassen und in Redactor schon jetzt verlinken. Ich denke aber, du wünscht dir einen Picker dafür.

marcohanke commented 7 years ago

Genau, cool wäre, wenn der Picker die Slices durchsuchen und die Anker anzeigen könnte. Gerne auch alternativ mit eigenem REX_VALUE Ankername statt SliceID

Am 06.10.2017 um 15:00 schrieb Thomas Skerbis notifications@github.com:

Aber das kannst du doch jetzt schon. <> Die kannst du dir ja auch im Backend noch ausgeben lassen und in Redactor schon jetzt verlinken. Ich denke aber, du wünscht dir einen Picker dafür.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/FriendsOfREDAXO/redactor2/issues/93#issuecomment-334747724, or mute the thread https://github.com/notifications/unsubscribe-auth/ACUEfaREIB4w22LU2JsguImviqu_aXxPks5spiRYgaJpZM4OmeY7.

tbaddade commented 7 years ago

In diesem Issue ging es um Ankerlinks direkt im Editor. So wie man intere/externeemail Links hinzufügen kann fehlen noch Ankerlinks. Hat nichts mit Slices zu tun. Wenn da Interesse besteht macht ein separates Issue auf, damit das eingentliche Thema nicht untergeht. (Ich verstehe gar nicht, was @marcohanke überhaupt erreichen mag :))

marcohanke commented 7 years ago

Genau, im Redactor ein Picker der alle Optionen der Seite listet.

Am 06.10.2017 um 15:00 schrieb Thomas Skerbis notifications@github.com:

Aber das kannst du doch jetzt schon. <> Die kannst du dir ja auch im Backend noch ausgeben lassen und in Redactor schon jetzt verlinken. Ich denke aber, du wünscht dir einen Picker dafür.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/FriendsOfREDAXO/redactor2/issues/93#issuecomment-334747724, or mute the thread https://github.com/notifications/unsubscribe-auth/ACUEfaREIB4w22LU2JsguImviqu_aXxPks5spiRYgaJpZM4OmeY7.

phoebusryan commented 6 years ago

Was für Optionen? Alle IDs? auf allen Seiten?

marcohanke commented 6 years ago

Es ist halt die Frage wie man das ganze umsetzt. Für mich reichen die Anker der aktuellen Seite. Entweder als SliceID oder aber etwas komfortabler mit selbstgewählten Ankernamen.

Wenn du es ganz komfortabel umsetzen willst könnte ich mir folgendes vorstellen: Es gibt einen Codeschnipsel für jedes Modul. Ich kann in jedem Modul damit ein REX_VALUE mit einem eigenen Ankernamen versehen. Im Redactor bekomme ich dann eine Linkmap ähnlich der Internen Links. Ich wähle die Kategorie und den Artikel und habe dort die Liste mit allen Ankern.

Nur mal so rumgesponnen.

Am 09.10.2017 um 07:39 schrieb Thomas Kaegi notifications@github.com:

Was für Optionen? Alle IDs? auf allen Seiten?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/FriendsOfREDAXO/redactor2/issues/93#issuecomment-335069948, or mute the thread https://github.com/notifications/unsubscribe-auth/ACUEfUJacOwNDCPzEfhEbS4EYg5PSZejks5sqbGjgaJpZM4OmeY7.

tbaddade commented 6 years ago

@marcohanke Du bringst immer die SliceId ins Spiel. Ein Slice kann {n} Anker beinhalten. Was meinst du da genau?

marcohanke commented 6 years ago

Bei mir ist es so, dass ich den Inhalt in verschiedene Themenfelder gliedere und in der Regel fängt ein Thema mit einem neuen Slice an. Die Seite behandelt zum Beispiel das Thema Markisen. Auf der gesamten Seite geht es dann um Markisengestelle, Markisenstoffe, Markisenmotoren, etc. In der Einleitung springe ich denn zu den genannten Bereichen. Das ist nach meinem Kenntnisstand SEO-Best-Practice. Klar, man könnte auch direkt in den Slice Markisenstoffe und dort auf den Bereich rot-weis-gestreift springen, dann wäre ich mit meiner SliceID auch am Ende. Aber lieber jeden Slice anspringen können als gar keine Anker. Im Moment löse ich das genau so. Jeder Slice bekommt ein Namensfeld, anschließend trage ich in Redactor den Anker manuell ein. Für Endkunden wäre es komfortabler die bisher vergebenen Ankernamen in einem Dropdown zu haben.

Am 09.10.2017 um 08:29 schrieb Thomas Blum notifications@github.com:

@marcohanke https://github.com/marcohanke Du bringst immer die SliceId ins Spiel. Ein Slice kann {n} Anker beinhalten. Was meinst du da genau?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/FriendsOfREDAXO/redactor2/issues/93#issuecomment-335074730, or mute the thread https://github.com/notifications/unsubscribe-auth/ACUEfe5xCZuSdxieBRIHnwakXiGy_kvgks5sqb1lgaJpZM4OmeY7.

marcohanke commented 6 years ago

Im CKEditor gabs glaube ich ein Anchor Button, damit wurden Anchor eingefügt die ich dann über einen ganz normalen Link anspringen konnte. Ist das vielleicht sinniger? Außerdem habe ich das hier gefunden: https://github.com/Harry-Harrison/redactor-anchor-plugin

phoebusryan commented 6 years ago

Ich kann natürlich einfach einen weiteren Link-Typ definieren, wo man einen Anker definieren kann.. Dieser muss dann aber nicht zwingend existieren bzw. ich kann es nicht validieren. Genau so macht es auch das Plugin, was du gefunden hast @marcohanke ... wäre das was?

marcohanke commented 6 years ago

Ich persönlich gebe im Moment externe Links ein und nutze dann den kompletten Link mit Ankername. Ein eigenes Linkfeld wäre schon mal OK, dann muss ich nicht die ganze Url mit einbauen. Wichtig wäre aber auch in Redactor Anker definieren zu können. So dass ich direkt in einen Text springen kann.

Ob das geht weiß ich nicht, aber so richtig cool wäre, wenn ich in Redactor auf einer Seite mehrere Anker definiert habe (gerne auch in verschiedenen Redactor Modulen auf der gleichen Seite), dass diese dann auf der jeweiligen Seite als Dropdown zur Verfügung stehen würden. ;-)

Am 12.12.2017 um 08:16 schrieb Thomas Kaegi notifications@github.com:

Ich kann natürlich einfach einen weiteren Link-Typ definieren, wo man einen Anker definieren kann.. Dieser muss dann aber nicht zwingend existieren bzw. ich kann es nicht validieren. Genau so macht es auch das Plugin, was du gefunden hast @marcohanke https://github.com/marcohanke ... wäre das was?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/FriendsOfREDAXO/redactor2/issues/93#issuecomment-350965442, or mute the thread https://github.com/notifications/unsubscribe-auth/ACUEfaj0d5CAAZAdg3dyHd6lyHKBTtb4ks5s_ihBgaJpZM4OmeY7.

phoebusryan commented 6 years ago

So, also es wird nun in der nächsten Version ein Plugin geben, welches Anker ermöglicht. Einfach mal simpel setzen, ohne Auswahl. Die Auswahl wüsste ich grade überhaupt nicht wie umsetzen.

marcohanke commented 6 years ago

Nur zum Verständnis: Ich kann jetzt auf einen bestehenden Anker verlinken, oder kann ich auch einen neuen setzen?

phoebusryan commented 6 years ago

Du kannst einen bestehenden Text verlinken mittels Inputfeld im Modal. Quasi analog Emaillink etc. Bestehende kannst du auch bearbeiten, jedoch halt auch da nur via Textfeld und nicht via Auswahl.

marcohanke commented 6 years ago

OK, dann hab’ ich es richtig verstanden. Anker setzen (wie zum Beispiel hier) ist vermutlich aufwändiger/mit redactor aktuell nicht umsetzbar? https://www.tinymce.com/docs/plugins/anchor/

phoebusryan commented 6 years ago

Also ohne das Plugin zu kennen (die Funktionalität ist aus dem Link ja nicht wirklich ersichtlich), kann ich es nicht beurteilen. Man kann aber natürlich via Properties-Plugin einem Tag eine ID geben im Redactor.

marcohanke commented 6 years ago

Ich kenne es vom Tiny so: Ich markiere eine Textpassage, klicke auf das Ankersymbol und habe die Möglichkeit eine ID einzugeben. Anschließend ist der markierte Text dezent hervorgehoben und ein kleiner hochgestellter Anker ist zu sehen. Klicke ich den an, kann ich später die ID noch mal ändern.

phoebusryan commented 6 years ago

Okay - also dafür gibts wie gesagt, dass Properties-Plugin beim Redactor. Da kannst du pro Tag eine ID oder eine Klasse hinzufügen.