2015-03-10 21 views
10

Kann mir jemand mit dem Standard textarea Namen Wert für Summernote helfen? Der Editor sieht auf der Seite korrekt aus (ich kann Text über die Schnittstelle ändern), aber POST funktioniert nicht, wenn ich das verstehe.Wie lautet der Standard-Textfeldname für Summernote?

Ich habe eine Vielzahl von POST-Variablen versucht, aber keiner von ihnen scheint richtig. Beispiele sind summernote, note-codable und text-area. Die letzten beiden kamen von summernote.js. Jquery ist nicht etwas, mit dem ich viel Erfahrung habe, also bitte schreit mich.

Dies sind, was ich benutze.

$('#summernote').summernote({height: 300}); 
var sHTML = $('#summernote').code(); 

und

<div name="summernote" id="summernote"><?php echo $news_body; ?></div> 

Ich habe auch versucht, die unten separat Linien in einem Versuch, den Textbereich Namen content zu ändern:

var sHTML = $('#summernote').code(); 
$('#summernote').code(); 
var content = $('textarea[name="content"]').html($('#summernote').code()); 
$('textarea[name="content"]').html($('#summernote').code()); 
var sHTML = $('textarea[name="content"]').html($('#summernote').code()); 
var textareaValue = $("#content").code(); 
$("summernote").code(html); 
+0

Dies erwies sich als eine sehr einfache Lösung. Die Wurzel der Verwirrung ist die Dokumentation, die sagt, ein div zu verwenden. Verwenden Sie stattdessen einen Textbereich. Obwohl Summernote dynamisch einen Textbereich erstellt, tun Sie es trotzdem. Es wird funktionieren. – Maelish

Antwort

37

Dies erwies sich als eine sehr einfache Lösung. Die Wurzel der Verwirrung ist die Dokumentation, die sagt, ein div zu verwenden. Verwenden Sie stattdessen einen Textbereich. Obwohl Summernote dynamisch einen Textbereich erstellt, tun Sie es trotzdem. Es wird funktionieren.

4

ich ein funktionierendes Beispiel für die Verwendung Summernote gefunden mit PHP ein Formular POST here.

Es ist ein wenig verschachtelt, so werde ich erklären, was vor sich geht.

Zuerst müssen Sie ein Textfeld hinzufügen, das den Container für den Inhalt des Posts enthält. Im Beispiel gibt es einen namens "content". Der Textbereich dient gleichzeitig als Container für den Editor für Sommernotizen, Sie können aber auch einen versteckten Textbereich verwenden und ein Div für den Container für die Sommernotiz verwenden.

Um die Daten von summernote in den Textbereich zu bekommen, müssen Sie die Funktion .code() auf dem Element sun- note zum Zeitpunkt des POST aufrufen. Im Beispiel wird der onsubmit-Handler auf eine Funktion gesetzt (im Beispiel "postForm" genannt), die das Element summernote findet, die codierte Eingabe abruft und die Codierungszeichenfolge als HTML des Textfelds festlegt.

0

Try this:

var sHTML = $('.summernote').summernote('code') 
+2

Während dies die Frage beantworten kann, ist es besser, die wesentlichen Teile der Antwort zu erklären und möglicherweise das Problem mit dem OP-Code. – pirho

0

Summernote baut es eigener DOM Bereich ist, wenn es initialisiert ist, auch wenn Sie verwenden ein <textarea> es Markup ein <div> mit dem contentEditable Attribute für den bearbeitbaren Bereich verwendet, die btw, es Klasse ist note-editable.

Wenn Sie noch nicht, ich fordere Sie auf https://summernote.org/deep-dive/ Seite für Optionen für API-Funktionen zur Verfügung zu überprüfen.

Verwandte Themen