Quill Image Super Solution Modul

Blog

Quill Image Super Solution Modul

Quill Image Super Solution Modul

Feder-Bild-Super-Lösung-Modul

Einführung

Dieses Modul ist ein Rich-Text-Editor, |_+_|ein dediziertes Plug-In, das einen benutzerdefinierten Upload von Bildern auf den Server bereitstellt, die auf den Server hochgeladenen Bilder einfügt und auf den Server hochgeladene Bilder per Drag & Drop verschiebt. Unterstützt die Verwendung mit anderen Modulen.



Dieses Modul ist ein spezielles Plug-In für den Rich-Text-Editor |_+_|, der benutzerdefiniertes Hochladen von Bildern auf den Server, Einfügen von Bildern auf den Server und Ziehen von Bildern auf den Server ermöglicht. Merkmale. Unterstützt die Verwendung mit anderen Modulen.

Rich-Text-Editor für die ursprüngliche Implementierung: Das Bild wird als |_+_|eine verschlüsselte Zeichenfolge codiert, und zum Zeitpunkt der Übermittlung der Daten enthält dieses Formularfeld einen großen |_+_|Inhalt, der möglicherweise Netzwerkgründe, die durch externe Faktoren verursachten Datenbankeinschränkungen etc. versagen. Und wenn wir diese Bildressourcen benötigen, ist es nicht einfach, sie zu archivieren, daher wird dieses Modul benötigt.



Die ursprüngliche Implementierung des Rich-Text-Editors ist: Codieren Sie das Bild in eine verschlüsselte Zeichenfolge von |_+_|, und dann speichert dieses Formularfeld beim Senden der Daten ein großes |_+_| Inhalt, es kann also an Netzwerkgründen, Datenbankeinschränkungen usw. liegen. Faktoren können zum Ausfall führen. Und wenn wir diese Bildressourcen benötigen, ist es nicht einfach, sie zu archivieren, daher wird dieses Modul benötigt.

Highlights-Show

  1. Integrierte Funktionen wie Einfügen, Drag & Drop, reduzieren die Anzahl der installierten Plug-Ins
  2. Eine Lösung andere Plugins sind vorhanden |_+_|: Beim Einfügen eines Bildes, Cursorpositionsfehler Beheben eines Fehlers in anderen Plugins: die Cursorposition ist beim Einfügen von Bildern falsch
  3. Beim Lösen anderer Plug-ins fügen Sie ein Bild ein, zeigen Sie anormale |_+_|das Problem der anormalen Anzeige von |_+_|die beim Einfügen von Bildern durch ANDERE Plugins lösen an
  4. Lösen Sie andere Plug-In-Typen zum Hochladen von Dateien ohne Einschränkung von |_+_|Beheben Sie bei |_+_|dass ANDERE Plugins die Upload-Dateitypen ohne Einschränkungen
  5. Das Einfügen von Bildern und das Ziehen von Bildern realisieren auch die Funktion des Hochladens auf den Server

Merkmale

  • Version 1.0.1
  1. Einfügen, Einfügen, Ziehen und Ablegen von Bildern zum Hochladen auf den Server, Anpassen des Upload-Pfads
  2. Funktion zur Begrenzung der Bildgröße
  3. Beschränken Sie die Upload-Bildtypen
  4. Upload-Fortschritt anzeigen
  5. Upload-Erfolg oder -Fehler anzeigen
  6. Unterstützt die gemeinsame Verwendung mit anderen Plugins
  • Version 1.0.2
  1. Ändern Sie das Beschreibungsdokument und beheben Sie die Fehler in den Beispielen in der Beschreibung
  • Version 1.0.3
  1. Löse der Editor kann den Text von |_+_|der Löse im |_+_|der Text nicht im Editor einfügen kann nicht einfügen
  • Version 1.0.4
  1. Npm-Module in der Dokumentation |_+_|falsch eingestellt, korrigieren Sie sie. Der |_+_|Einstellungsfehler im Npm-Modulbeschreibungsdokument wurde korrigiert.
  • Version 2.0.0
  1. Nichts aktualisiert, möchte nur zum Spaß eine große Version senden
  • Version 2.0.1
  1. Auflösen, wenn mehrere Textzeilen kopiert werden und der Text einen Wagenrücklauf hat, gibt es eine zusätzliche Leerzeile in |_+_|das Lösen bei |_+_|dass zusätzliche Leerzeilen von erscheinen, wenn Sie mehrere Textzeilen KOPIEREN und es gibt A bei The Carriage Return im Text

Installation

vue-quill-editor

Eintreten

vue-quill-editor

Beispiel

import 'quill/dist/quill.core.css'; import 'quill/dist/quill.snow.css'; import 'quill/dist/quill.bubble.css'; import { quillEditor, Quill } from 'vue-quill-editor'; import { container, ImageExtend, QuillWatch } from 'quill-image-super-solution-module'; Feder. Registrieren ( 'module / ImageExtend' , ImageExtend); Export default { Components : {} quillEditor, Data () { return { Example : ' Test ' , Content : ' ' , // Rich Text Box Parameter // die Rich Text Box Parameter settings editorOption : { Module : { ImageExtend : { / / Optionale Parameter, ob der Upload-Fortschritt und die Eingabeaufforderung angezeigt werden sollen // Optionale Modelltypen innerhalb der Parameter Führen Sie die Anzeige zum Upload-Fortschritt und der Eingabeaufforderung aus. Laden : auf true , // Bildparametername // Bild des Parameternamennamens : ' img ' , // optionaler Parameter Bildgröße, Einheiten von M, 1M = 1024KB // Optional die Parameter Bildgröße, Einheit iS M. Größe : 1 , // Serveradresse, wenn die Aktion leer ist, dann füge ein Bild mit base64 ein // Serveradresse, WENN is eine leere Aktion, um base64 zu verwenden Bildaktion einfügen : ' / uploads ' , // optional das Bildformat hochladen // Optionales, hochladbares Bildformat das Akzeptieren: 'Image /.jpg'>https://github.com/EthanYan6/quill-image-super-solution-module  



#vue #vuejs #javascript