Heim Web-Frontend js-Tutorial TinyMCE sendet AjaxForm und erhält keine Datenlösungs-Javascript-Kenntnisse

TinyMCE sendet AjaxForm und erhält keine Datenlösungs-Javascript-Kenntnisse

May 16, 2016 pm 04:10 PM
tinymce 提交 数据 获取 解决方法

In diesem Artikel wird die Lösung des Problems analysiert, dass TinyMCE bei der Übermittlung von AjaxForm keine Daten abrufen kann. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Bevor ich AjaxForm verwendete, habe ich ein kleines Webformular zur Kommentarübermittlung erstellt. Der Kommentarinhalt wurde mit TinyMCE bearbeitet. Um das Benutzererlebnis ein wenig zu verbessern, verwenden Sie einfach AjaxForm, um die Ajax-Übermittlung zu implementieren. Doch etwas Unerwartetes geschah. Das heißt, dass AjaxForm beim ersten Senden nicht den aktuell bearbeiteten Kommentarinhalt abrufen kann, d. h. den Inhalt in TextArea. Sie müssen erneut auf „Senden“ klicken, um den Inhalt von TextArea zu senden.

Der Schlüssel liegt darin, dass der Inhalt auf TinyMCE vor der Übermittlung nicht in der TextArea aktualisiert wird. Deshalb wollte ich vor der Übermittlung prüfen, ob AjaxForm über eine Ereignisbindung verfügt. Ich habe festgestellt, dass im Ereignis beforeSubmit der Inhalt von formData ausgefüllt wurde. Obwohl ich hier den Inhalt des aktuellen TinyMCE ausfüllen kann, habe ich immer das Gefühl, dass dies nicht der Fall ist sehr hübsche Lösung.

Um herauszufinden, ob es andere Möglichkeiten gibt, dieses Problem zu lösen, habe ich den Quellcode von AjaxForm überprüft und festgestellt, dass der Autor von AjaxForm eine einheitliche Lösung für dieses Problem vorgeschlagen hat. Der spezifische Quellcode lautet wie folgt:

1. Der js-Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:
// Hook zum Bearbeiten der Formulardaten vor dem Extrahieren;
// praktisch für die Verwendung mit umfangreichen Editoren wie tinyMCE oder FCKEditor
varveto = {};
this.trigger('form-pre-serialize', [this, options, veto]);
if (veto.veto) {
log('ajaxSubmit: Übermittlung per Form-Pre-Serialize-Trigger überprüft');
gib dies zurück;
}

2. Ähnlich wie FCKEditor:
Code kopieren Der Code lautet wie folgt:
// Formular mit 'ajaxForm' binden
$('#commentForm').ajaxForm(options);
// Binden Sie das form-pre-serialize-Ereignis und speichern Sie die tinyMCE-Daten im Textbereich, bevor Sie das form-serilaize-Ereignis
auslösen $('#commentForm').bind('form-pre-serialize', function(event, form, options, veto) {
tinyMCE.triggerSave();
});

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So lösen Sie das Problem vielbeschäftigter Server für Deepseek So lösen Sie das Problem vielbeschäftigter Server für Deepseek Mar 12, 2025 pm 01:39 PM

Deepseek: Wie kann man mit der beliebten KI umgehen, die von Servern überlastet ist? Als heiße KI im Jahr 2025 ist Deepseek frei und Open Source und hat eine Leistung, die mit der offiziellen Version von OpenAio1 vergleichbar ist, die seine Popularität zeigt. Eine hohe Parallelität bringt jedoch auch das Problem der Serververantwortung. Dieser Artikel wird die Gründe analysieren und Bewältigungsstrategien bereitstellen. Eingang der Deepseek -Webversion: https://www.deepseek.com/deepseek Server Beschäftigter Grund: Hoher Zugriff: Deepseeks kostenlose und leistungsstarke Funktionen ziehen eine große Anzahl von Benutzern an, die gleichzeitig verwendet werden können, was zu einer übermäßigen Last von Server führt. Cyber ​​-Angriff: Es wird berichtet, dass Deepseek Auswirkungen auf die US -Finanzbranche hat.

Gate.io Offizielle Login -Web -Version Gate.io Login URL 2025 Gate.io Offizielle Login -Web -Version Gate.io Login URL 2025 Feb 20, 2025 pm 02:09 PM

Gate.io Exchange bietet Benutzern ein offizielles Anmeldeportal. Über die offizielle Website oder mobile App können sich Benutzer bei ihrem Konto anmelden. Die Anmeldeschritte sind einfach, einschließlich der Eingabe der E -Mail- oder Mobiltelefonnummer, die bei der Registrierung verwendet wird, sowie Ihr Passwort. Um die Sicherheit des Kontos zu gewährleisten, wird empfohlen, dass Benutzer ihre Passwörter regelmäßig ändern und ihre Anmeldeinformationen ordnungsgemäß beibehalten. Darüber hinaus enthält der Artikel Lösungen für gemeinsame Anmeldungsprobleme, einschließlich der Unfähigkeit, sich anmelden und Kennwortverluste zu haben.

So passen Sie den Sesam offenen Austausch in Chinesisch an So passen Sie den Sesam offenen Austausch in Chinesisch an Mar 04, 2025 pm 11:51 PM

Wie kann ich den Sesam offenen Austausch an Chinesisch anpassen? Dieses Tutorial behandelt detaillierte Schritte zu Computern und Android -Mobiltelefonen, von der vorläufigen Vorbereitung bis hin zu operativen Prozessen und dann bis zur Lösung gemeinsamer Probleme, um die Sesam -Open Exchange -Schnittstelle auf Chinesisch zu wechseln und schnell mit der Handelsplattform zu beginnen.

Sesame Open Door Exchange App offizieller Download Sesam Open Door Exchange Offizielle Download Sesame Open Door Exchange App offizieller Download Sesam Open Door Exchange Offizielle Download Mar 04, 2025 pm 11:54 PM

Die offiziellen Download -Schritte des Sesam Open Exchange -App -App -App -Prozesss decken den Download -Prozess des Android- und iOS -Systems sowie allgemeine Probleme mit Lösungen ab, mit denen Sie sicher und schnell herunterladen und bequeme Transaktionen von Kryptowährungen ermöglichen.

Sesam Open Door Exchange Webseite Login Neueste Version Gateio Offizieller Website Eingang Sesam Open Door Exchange Webseite Login Neueste Version Gateio Offizieller Website Eingang Mar 04, 2025 pm 11:48 PM

Eine detaillierte Einführung in den Anmeldungsbetrieb der Sesame Open Exchange -Webversion, einschließlich Anmeldeschritte und Kennwortwiederherstellungsprozess.

Wie löst die Sharding -Technologie das Problem der Ethereum -Expansion? Wie löst die Sharding -Technologie das Problem der Ethereum -Expansion? Feb 27, 2025 pm 05:00 PM

Lösungen: 1. Prozesstransaktionen parallel;

Was soll ich tun, wenn ich nicht bezahlen kann, wenn ich Münzen kaufe? Warum ist der Kauf von Münzen eingefroren? Was soll ich tun, wenn ich nicht bezahlen kann, wenn ich Münzen kaufe? Warum ist der Kauf von Münzen eingefroren? Mar 05, 2025 pm 06:45 PM

Beim Handel mit einer Handelsplattform für digitale Währung ist die besorgniserregendste Situation, dass der Verkäufer die Münzen nach dem Kauf nicht freigibt oder der Käufer kann nicht zahlen. Beide Situationen werden nachfolgende Transaktionen ernsthaft beeinflussen. Dieser Artikel konzentriert sich darauf, wie Käufer nicht bezahlen können. Was soll ich tun, wenn ich nicht bezahlen kann, wenn ich Münzen kaufe? Wenn Sie auf Situationen stoßen, in denen die Zahlung nicht möglich ist, sollten Sie zuerst Ihre eigene Zahlungsmethode und Ihren Kontostatus überprüfen und dann bestätigen, ob das Netzwerk und die Handelsplattform normal arbeiten. Wenn das Problem gleich bleibt, ist der Kontakt mit dem Kundendienst der Plattform in der Regel die effektivste Lösung. Hier sind einige detailliertere Lösungen: Zahlungsmethodenprobleme: Einige Banken oder Kreditkarteninstitutionen können Kryptowährungsransaktionen, insbesondere internationale Zahlungen, einschränken. Es wird empfohlen, die Bank- oder Kreditkartenunternehmen für die Beschränkungen zu kontaktieren und vorübergehend zu heben oder stattdessen eine andere Zahlungsmethode zu verwenden.

Binance Stornierung des Kontostands: Was soll ich tun, wenn ich den Empfehlungscode nicht eingeben soll? Löschen Sie das Konto und registrieren Sie sich erneut! Binance Stornierung des Kontostands: Was soll ich tun, wenn ich den Empfehlungscode nicht eingeben soll? Löschen Sie das Konto und registrieren Sie sich erneut! Mar 04, 2025 am 07:06 AM

Verstehen Sie den Prozess und die Vorsichtsmaßnahmen zum Löschen von Binance -Konto voll und ganz! In diesem Artikel werden Sie detailliert zum Löschen eines Binance -Kontos geleitet und die wichtigsten Dinge zur Überprüfung vor dem Löschen bereitgestellt. Gründe für das Löschen von Binance -Kontoanalysen Benutzer können aus den folgenden Gründen das Binance -Konto löschen Da Binance keine Nachfüllung füllt, ist das Löschen eines Kontos und die Wiederregistrierung der einzigen Lösung. Ändern Sie den Austausch: Der Benutzer kann sich dafür entscheiden, den Austausch aufgrund von Schnittstellen-, Funktionen oder Überprüfungsverfahren zu ändern und das Binance -Konto zu löschen. Sicherheitsbedenken: Austausch Sicherheitsvorfälle können dazu führen, dass Benutzer sich Sorgen machen und sich dafür entscheiden, Konten zu löschen, um die Risiken zu reduzieren. Bitte bestätigen Sie unbedingt den Prozess des Löschens von Binance -Konto, bevor Sie das Konto löschen

See all articles