jquery valore variabili non inserite nel form

[thaiboxer89]

Salva a tutti, con il template "ace", sto facendo un upload unico da form, inserendo 3 editor diversi.

Codice: Seleziona tutto

   $("#my-editornewp").ace_wysiwyg();
                     $("#my-editor2newp").ace_wysiwyg();  
                     $("#my-editor3newp").ace_wysiwyg();

con questo comando creo i 3 editor, e li crea nel'id del html che ho dichiarato,
tutti e 3 stanno dentro il form.

Codice: Seleziona tutto

$('#myformnewp').on('submit', function() {
  var hidden_input = $('<input type="hidden" name="titolo" />').appendTo('#myformnewp');
  var hidden_input2 = $('<input type="hidden" name="descrizione" />').appendTo('#myformnewp');
  var hidden_input = $('<input type="hidden" name="prezzo" />').appendTo('#myformnewp');

  var html_content = $('#myeditornewp').html();
  hidden_input.val( html_content );
  
  var html_content2 = $('#myeditor2newp').html();
  hidden_input2.val( html_content2 );
  
  var html_content3 = $('#myeditor3newp').html();
  hidden_input3.val( html_content3 );
  //put the editor's HTML into hidden_input and it will be sent to server
});

con questo codice invece dichiaro le 3 variabili che devono raccogliere l'input( precisamente titolo, descrizione,prezzo),
provando a invare le variabili al server e stampandole con

Codice: Seleziona tutto

print_r($_POST);

ottengo questo output:

Array ( [titolo] => [descrizione] => [prezzo] => )

quindi le variabili vengono create,inserite nel form e inviate, ma il valore che scrivo negli editor non viene aggiunto, cosa sto sbaggliando? se può essere utile vi posto ance l'html del form

Codice: Seleziona tutto

 <form id="myformnewp" action="uploadprodotto2.php?link=<?php echo $link;?>" role="form" method="POST" enctype="multipart/form-data">
          <div id="newp" class="group">
                                                                                        
												<h3 class="accordion-header">                                                                            
		
                
                
                
                </h3>
    
		
												<div>
                                                                                                    <div class="widget-container-col" id="widget-container-col-10">
											<div class="widget-box" id="widget-box-10">
												<div class="widget-header widget-header-small">
													<h5 class="widget-title smaller">Dati</h5>

													<!-- #section:custom/widget-box.tabbed -->
													<div class="widget-toolbar no-border">
														<ul class="nav nav-tabs" id="myTab">
															<li class="active">
																<a data-toggle="tab" href="#homenewp">Titolo</a>
															</li>

															<li>
																<a data-toggle="tab" href="#profilenewp">Decrizione</a>
															</li>

															<li>
																<a data-toggle="tab" href="#infonewp">Prezzo</a>
															</li>
                                                                                                                        
														</ul>
													</div>

													<!-- /section:custom/widget-box.tabbed -->
												</div>

												<div class="widget-body">
													<div class="widget-main padding-6">
														<div class="tab-content">
															<div id="homenewp" class="tab-pane in active">
                                                                                                                            
                                                                                                                            <div id="my-editornewp" class="wysiwyg-editor">
               
			
                                                                                                                          </div>
														</div>

															<div id="profilenewp" class="tab-pane">
															<div id="my-editor2newp" class="wysiwyg-editor">	
                                                                                                                    
                    
                													</div></div>

															<div id="infonewp" class="tab-pane">
                                                                                                                            <div id="my-editor3newp" class="wysiwyg-editor">
																  
                  
               
                
                
                
														</div></div>

															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
                                                                                                    
                 										</div>
           <div align="center"><button type="submit" class="btn btn-sm btn-primary">Invia</button></div>
       </form>

[Zoff]

Stai usando un plugin di pessima fattura, certi giri non si dovrebbero fare.

Dovresti fare come CKEditor che sostituisce delle textarea con l'editor WYSIWYG, così il browser vede l'editor come campo del form e non devi pensare tu a certe cose.