Hinzufügen von Methoden zum Deaktivieren / Aktivieren des Summernote-Editors

8

Ich habe den Summernote Editor schon eine Weile benutzt und er funktioniert für die meisten Dinge, für die ich ihn gebraucht habe. Ich wollte jedoch kürzlich, dass es nach einer Benutzeraktion deaktiviert (nicht zerstört) wurde. Nach Bemühungen ohne Erfolg, fiel mir auf, dass ich mit der destroy () -Methode erreichen konnte, was ich wollte. Ich habe bemerkt, dass Summernote immer noch einen bereits deaktivierten Textbereich in den Editor verwandelt, wobei der Schreibbereich deaktiviert ist. Hier ist, was ich endlich getan habe:

Um Summernote nach dem Erstellen zu deaktivieren: Ich habe es zuerst zerstört, dann das Zielelement deaktiviert und es schließlich neu initialisiert:

%Vor%

Und um es wieder zu aktivieren, habe ich es zuerst wie zuvor zerstört, dann das Zielelement aktiviert und zuletzt neu initialisiert:

%Vor%

Dies hat den Trick mit einem kleinen Problem gemacht: Wenn es im 'deaktivierten' Zustand bleibt, sind alle Steuerelemente nicht deaktiviert, nur der Schreibbereich ist. So kann ein Benutzer z. B. immer noch eine Datei auf den Schreibbereich ziehen, aber das führt zu einem Fehler.

Hat irgendjemand einen Blick auf die Quelle von Summernote geworfen und kann zusätzlich zu destroy () zwei Methoden hinzufügen (deaktivieren und aktivieren), so dass wir etwas wie:

tun können %Vor%

Danke.

    
Stephen Adelakun 12.03.2015, 19:22
quelle

4 Antworten

2

Sie können den Editor mit der API nach v0.7.3 deaktivieren oder aktivieren.

%Vor%

Ссылка

    
Hacker Wins 21.01.2016, 01:38
quelle
3

Das hat für mich funktioniert:

%Vor%

Quelle: Ссылка

Hoffe das hilft jemandem:)

    
Pedro Acácio 20.01.2016 20:30
quelle
1

Ich weiß nicht, ob du das noch brauchst. Ich mache folgendes: Zum Deaktivieren

%Vor%

Zum Aktivieren

%Vor%

textarea ist mein Bereich, wo ich den Summernote angewendet habe.

Aber danach habe ich ein Problem mit der Code-Eigenschaft, wenn ich die Seite poste.

    
Tsiftelis Thanasis 03.06.2015 11:35
quelle
0

In meiner Situation wollte ich einen Klassenselektor für 2 Summernote Rich Text Editoren erstellen. Einer wäre aktiviert, der andere deaktiviert.

Um dies zu erreichen, können Sie diesen Ansatz verwenden

%Vor%

Der Textbereich ermöglicht es, den gespeicherten Rich-Text-Code zu interpretieren, wenn Sie ihn später im Textbereich anzeigen.

Wenn Sie nun einen summerNote-Rich-Text-Editor erstellen, wird Ihr Element nicht in einen Sommernotiz konvertiert, sondern es wird ein neues Element unterhalb des definierten Elements erstellt. Sie können dies im DOM sehen, wenn Sie die verschiedenen Elemente überprüfen

Jetzt, um den Editor zu deaktivieren

%Vor%

Wählt das Element aus, das Sie als Sommernotiz definiert haben, und greift auf den Notiz-Editor-Geschwister zu. In diesem Geschwister gibt es das editierbare Textfeld. Dies ist das Element, für das Sie das Attribut 'contenteditable' auf false setzen möchten.

    
logan gilley 25.11.2016 18:52
quelle