Schwierigkeit Hinzufügen Quill Link Tooltip zu benutzerdefinierten Thema

Question

Ich habe in der Dokumentation für die Anleitung zum Implementieren eines Link Tooltip zu einem Nicht-Standard-Thema (z. B. nicht Schnee oder Blase) gesucht, aber ich habe Probleme.

durch die Dokumentation Lese here führt mich mich zu denken brauche ein Handler Objekt modules.toolbar hinzuzufügen, wenn eine Instanz von Quill Initialisierung, etwa so:

 let editor = new Quill(`#${id}-editor`, { 
      bounds: element[0], 
      formats: 
       without(
        ctrl.formats() ? 
         ctrl.formats() 
        : formats, 
        'paste', 
        'fullscreen' 
       ), 
      modules: { 
       toolbar: { 
       container: `#${id}-toolbar`, 
        handlers: { 
         link: (value) => { 
           if (value) { 
            let href = 'http://www.google.nl'; 
            editor.format('link', href); 
           } else { 
            editor.format('link', false); 
           } 
         } 
        } 
       } 
      } 
     }); 

In meinem Fall der Handler-Funktion aufgerufen wird erhalten beim Drücken die Link-Schaltfläche in der Symbolleiste, aber value ist immer false. Warum?

Answer 1

Die handlers werden aufgerufen, wenn auf Symbolleistenschaltflächen geklickt wird. Der übergebene value Parameter ist entweder wahr oder falsch, abhängig davon, ob dieses Format über den aktuellen Auswahlbereich existiert. Wenn der Benutzer also einen vorhandenen Link markiert und auf die Schaltfläche zum Verknüpfen geklickt hat, wird value falsch sein. Sonst wird es wahr sein. Es kann ein nicht-boolescher Wert sein, wenn die Schaltfläche ein data-value-Attribut hat, das aber nichts mit Ihrem Problem zu tun hat.

So in Snow zum Beispiel, fügt es einen benutzerdefinierten Handler, um eine Tooltip des Link-Editors anzuzeigen, wenn value ist wahr. Wenn der Wert wahr ist, ruft er einfach die API auf, um den Link zu entfernen.