2015-10-17 28 views
1

我正在使用Jquery插件Tinymce編輯器使用Codeigniter向數據庫添加一些發佈數據。爲什麼我無法從使用FormQuery的jquery插件的tinymce編輯器獲取textarea的值?

我的問題我無法從textarea的這在我以前TinyMCE的編輯器讓所有的價值,但另一場工作得很好。

這裏是我的TinyMCE的編輯

<script type="text/javascript"> 
    $(document).ready(function() { 
     tinymce.init({ 
      selector: "textarea", 
      theme: "modern", 
      base_url: false, 
      external_filemanager_path: "/filemanager/", 
      filemanager_title: "Responsive Filemanager", 
      external_plugins: {"filemanager": "<?PHP echo base_url('../filemanager/plugin.min.js') ?>"}, 
      relative_urls: false, 
      plugins: [Full uption ], 
      toolbar1: "insertfile undo redo | bold italic | alignleft aligncenter alignright alignjustify ", 

     }); 
    }); 
</script> 

,這是我jQuery插件

<script> 
    $(document).ready(function() { 

     $("#do_upload").on('click', function() { 
      if ($("#ch_title").val() === '') { 
       alert("You have to input all Chineses language field"); 
       $("#ch_title").addClass('error'); 
      } 
      if ($("#kh_title").val() === '') { 
       alert("You have to input all Khmer language field"); 
       $("#kh_title").addClass('error'); 
      } 
     }); 
     $("#eng_form").submit(function (e) { 
      e.preventDefault(); 
     }).validate({ 
//    ignore: "", 
      rules: { 
       eng_title: { 
        required: true 
       }, 
       eng_dd: { 
        required: true 
       }, 
       kh_dd: { 
        required: true 
       }, 
       eng_up_img: { 
        required: true 
       }, 
      }, 
      submitHandler: function() { 

       $.ajax({ 
        url: '<?PHP echo base_url('image/rupload'); ?>', 
        type: 'POST', 
        data: new FormData($('#eng_form')[0]), 
        contentType: false, 
        cache: false, 
        dataType: 'json', 
        processData: false, 
        beforeSend: function (xhr) { 
         $("#teset").modal('show'); 
         $('<img style="width:60px; height:auto;" src="<?PHP echo base_url('assets/admin/img/ajax-loader-2.gif'); ?>"/>').appendTo("#loading_img"); 
        }, complete: function (jqXHR, textStatus) { 
         if (textStatus == 'success') { 
          $("#loading_img").html(''); 
          $("#teset").modal('hide'); 
          $("#img_modal").modal('hide'); 
          $($('#img_upload')).closest($('form')).find("input[type=text], textarea").val(" "); 
          window.location.href = '<?PHP echo base_url('slide/right'); ?>'; 
         } 
        }, success: function (data) { 

         var size = data.img_pro.upload.file_size; 
         if (size >= 2048) { 
          alert("Your images size can't more than 2MB" + "Your size:" + size); 
         } else if (data.res === false) { 
          alert("Your images is not correct"); 
         } 
        } 
       }); 
      } 

     }); 
    }); 
</script> 

結果我不能讓所有的textarea的值,如果我使用TinyMCE的編輯器陣列變量DD說明

enter image description here

回答

1

很可能需要您捕獲表單數據之前更新<textarea>與編輯器中的內容。我猜測,所以假設你在創建對象時抓取字段值。

如果這是真的,則FormData構造函數中的某處通過調用tinymce.Editor.save()將tinymce編輯器的內容移動到<textarea>。例如,如果您的activeEditor實例在名爲editor的變量中引用,則editor.save()將更新關聯的<textarea>元素。

之後,您可以使用JQuery .val()函數獲取該字段的值,即。 someVar = $(#fieldName).val();顯然,您需要提供適當的名稱代替someVar#fieldName

相關問題