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:
    930
    Danke erhalten:
    801
    Danke vergeben:
    300
    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.403
    Danke erhalten:
    707
    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.748
    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.748
    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.656
    Danke erhalten:
    1.261
    Danke vergeben:
    300
    @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:
    930
    Danke erhalten:
    801
    Danke vergeben:
    300
  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>