bootstrap wysiwyg: come ottenere il testo formattato sul lato server?

Question

Sto imparando Bootstrap e vorrei avere un editor wysiwyg. Ho trovato bootstrap-wysiwyg e voglio usarlo.

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

Tuttavia, non riesco a capire come ottenere testo formattato sul lato server quando viene inviato un modulo.

Answer 1

ho scoperto come fare questo. Ecco come

È necessario un campo di input o textarea nascosto. Questo campo può avere l'attributo name impostato sul nome del campo di un oggetto. Il suo nome deve essere qualcosa che il lato server si aspetta.

Utilizzare JQuery per collegare un modulo gestore di invio di invio al modulo contenente l'editor wysiwyg. Il gestore prende il testo dall'editor wysiwyg e lo imposta come valore del campo nascosto.

Spero che questo aiuti qualcun altro.

Answer 2

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

uso val()

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

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

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

si può ottenere come post

request.POST['mytext'] 

Answer 3

Questa è una discussione precedente, ma forse questi suggerimenti aiuteranno gli altri.

Come accennato da courious1, dobbiamo creare una textarea nascosta (es .: id = hidden-editor) sul nostro modulo. e passare il valore in #editor al nostro # nascosto-editore utilizzando JavaScript di seguito:

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

Answer 4

ho finalmente si avvicinò con questa soluzione. Non sono riuscito a fare il lavoro su onclick ... ma la modifica in tempo reale è utile. Grazie per le idee.

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

Answer 5

In seguito è il modo per ottenere contenuti redattore di bootstrap-wysiwyg

Set id a seguire div qui ho usato editore come id e ho anche impostare un pulsante Salva.

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

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

Poi

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

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

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

     }) 

Spero che questo vi aiuterà a qualcun altro in futuro