2016-04-14 70 views
0

我正在使用TinyMCE插件並希望能夠在編輯器中上傳圖像。我所擁有的一切的地方,我瀏覽圖像並選擇它的地步,但它試圖在上傳之前,我得到 未捕獲的SyntaxError:意外的標記}tinyMCE文件上傳意外令牌

我設置我的HTML這樣的:

<div id="htmlEdit"></div> 

<form id="editorUpload" 
     target="hiddenFrame" 
     method="post" 
     enctype="multipart/form-data" 
     style="width:0px;height:0;overflow:hidden"> 
     <input type="hidden" id="dzToken" name="dzToken"> 
     <input type="hidden" id="iField" name="iField">  
     <input name="image" type="file" onchange="$('#editorUpload').submit();this.value='';"> 
</form> 

<iframe id="hiddenFrame"></iframe> 

並初始化這樣

tinymce.init({ 
    selector:"div#htmlEdit", 
    theme: "modern", 
    theme_advanced_buttons3_add: "styleprops", 
    plugins: [ 
     "advlist autolink lists link charmap print preview anchor", 
     "searchreplace visualblocks code fullscreen", 
     "insertdatetime media table contextmenu paste image textcolor colorpicker" 
    ], 
     file_browser_callback: function(field_name, url, type, win) {        
     if(type==='image'){ 
      var tkn=getToken();      
      $("#editorUpload").attr("action", "cgi/cmsUpload.exe"); 
      $("#dzToken").val(tkn);           
      $('#editorUpload input').click();                     
     }else{ 
      alertify.alert("images only please"); 
     } 
     },     
    height: 300, 
    width: 928, 
    force_br_newlines: false, 
    force_p_newlines: false, 
    forced_root_block: "", 
     toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media | forecolor backcolor emoticons" 
});  

我最大的問題編輯是,意外的標記}錯誤說,這是對2線主HTML頁面,所以我無法弄清楚它在哪裏打破,在我的代碼或TinyMCE.js文件。

如果我嘗試Firefox的控制檯,錯誤的是: 語法錯誤:預期的表現,拿到劇本的結束

回答

0

問題是這條線(發現由於螢火蟲)

<input name="image" type="file" onchange="$('#editorUpload').submit();this.value='';"> 

我必須將其更改爲

<input name="image" type="file" onchange='$("#editorUpload").submit();this.value="";'> 

我只是切換單引號和雙引號。 由於某種原因,值='導致腳本失敗。