bootstrap wysiwyg: jak uzyskać sformatowany tekst po stronie serwera?

Question

Uczę się Bootstrapa i chciałbym mieć edytor WYSIWYG. Znalazłem bootstrap-wysiwyg i chcę z niego skorzystać.

http://mindmup.github.io/bootstrap-wysiwyg/

Jednak nie mogę dowiedzieć się, jak uzyskać sformatowany tekst na stronie serwera, gdy formularz jest składany.

Answer 1

I okazało się, jak to zrobić. Oto jak.

Wymagane jest ukryte pole wejściowe lub pole tekstowe. To pole może mieć atrybut name ustawiony na nazwę pola obiektu. Jego nazwa musi być czymś, czego oczekuje strona serwera.

Użyj JQuery, aby załączyć moduł obsługi zdarzeń formularza do formularza zawierającego edytor wysiwyg. Program obsługi pobiera tekst z edytora WYSIWYG i ustawia go jako wartość ukrytego pola.

Mam nadzieję, że to pomoże komuś innemu.

Answer 2

<textarea class="textarea" name="mytext" placeholder="Enter text ..." style="width: 810px; height: 200px"></textarea> 

użycie val()

$('.textarea').wysihtml5(); 

$('.textarea').val(); 

http://jsfiddle.net/suhailvs/vNPAJ/3/

można je dostać jako słupek

request.POST['mytext'] 

Answer 3

To jest stary wątek, ale może te wskazówki pomogą innym.

Jak wspomniano przez courious1, musimy utworzyć ukryty tekst (np .: id = hidden-editor) w naszym formularzu. i przekazać tę wartość w #editor do naszego # ukrytych edytora przy użyciu JavaScript poniżej:

//-- submit button clicked 
$('#submit-btn').click(function(){ 
    $('#hidden-editor').html(
     $("#editor").html() 
    ); 
}); 

Answer 4

I wreszcie wymyślił tego rozwiązania. Nie udało się zrobić onclick pracy ... ale modyfikacja w czasie rzeczywistym jest przydatna. Dzięki za pomysły.

$('#editor').bind("DOMSubtreeModified",function(){ 
       $('#you_hidden_textarea').html(
         $("#editor").html() 
       ); 
      }); 

Answer 5

obserwuję, jak uzyskać zawartość redaktor bootstrap-wysiwyg

Set ID do następnego div tu użyłem edytor jak identyfikator i ja również ustawić przycisk Zapisz.

<div id="editor"> 
     Go ahead&hellip; 
    </div> 

<a class="btn" data-edit="bold" id="saveBtn" title="Save"><i class="icon-save"></i></a> 

Następnie

$('#editor').wysiwyg(); 

$('#saveBtn').on('click',function(){   

     console.log($('#editor').html()); 

     }) 

nadzieję, że pomoże ktoś w przyszłości