v4.5.x CKEditor verschluckt Links

Thema wurde von Dominik Späte, 22. Juni 2022 erstellt.

  1. Dominik Späte
    Dominik Späte Erfahrener Benutzer
    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.251
    Danke erhalten:
    1.141
    Danke vergeben:
    391
    Wenn ich im Content Manager als Inhalt im HTML-Tab eingebe:
    Code:
    <a href="test.html"><button>Test</button></a>
    auf die Text-Ansicht wechsle, wird daraus nach dem Speichern:
    Code:
    <button>Test</button>
     
  2. Kai Stejuhn
    Kai Stejuhn Beta-Held
    Registriert seit:
    26. September 2014
    Beiträge:
    1.454
    Danke erhalten:
    743
    Danke vergeben:
    92
    Ich glaube <a href> und <button> dürfen nicht ineinander verschachtelt sein und darum nimmt der Editor den einen weg um den "Fehler" zu korrigieren.

    Besser wäre wahrscheinlich
    HTML:
    <a href="test.html" class="button">Test</a>
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Mitarbeiter
    Registriert seit:
    22. Juni 2011
    Beiträge:
    4.760
    Danke erhalten:
    1.749
    Danke vergeben:
    137
    Richtig, siehe z. B. hier: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#properties

    Und da ein <button> unter „interactive content“ fällt, ist er in einem <a> nicht erlaubt.
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Mitarbeiter
    Registriert seit:
    22. Juni 2011
    Beiträge:
    4.760
    Danke erhalten:
    1.749
    Danke vergeben:
    137
    Was du möglicherweise meinst:

    HTML:
    <form action="https://www.example.com/" method="GET">
      <button>Zum Beispiel</button>
    </form>
    
     
  5. Anonymous
    Anonymous Administrator
    Mitarbeiter
    Registriert seit:
    26. April 2011
    Beiträge:
    1.954
    Danke erhalten:
    1.588
    Danke vergeben:
    339
    @Dominik Späte Ich denke @Kai Stejuhn hat recht, wenn man ein Button verlinken will, muss man das nicht als <button> Element machen. Der ckEditor hat hier seine eigenen Regeln.

    Genauers kann man hier nachlesen:
    (Link nur für registrierte Nutzer sichtbar.)
     
  6. Dominik Späte
    Dominik Späte Erfahrener Benutzer
    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.251
    Danke erhalten:
    1.141
    Danke vergeben:
    391
  7. Marias Einkaufsparadies
    Marias Einkaufsparadies Erfahrener Benutzer
    Registriert seit:
    12. Dezember 2021
    Beiträge:
    371
    Danke erhalten:
    156
    Danke vergeben:
    90
    #7 Marias Einkaufsparadies, 23. Juni 2022
    Zuletzt bearbeitet: 23. Juni 2022
    Also ich habe auf meiner Seite auch einen Button einsetzt, unten im Fooder unter dem Widget von Shopauskunft.

    Ich habe dies so ausgeführt:

    Code:
            <div>
                <a class="btn btn-sm btn-primary" href="https://www.example.com/" id="buttonsxyz" target="_blank"><b>Mein Button</b></a>
            </div>