快捷導(dǎo)航

SinaEditor使用方法詳解

更新時(shí)間：2013年12月28日 09:52:44 作者：

本篇文章主要是對(duì)SinaEditor使用方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助

1.下載SinaEditor

2.JSP調(diào)用頁面

<textarea name="problemBody" id="content" style="display:none;" textarea>
<iframe src="<%=request.getContextPath() %>/edit/editor.htm?id=content&ReadCookie=0" frameBorder="0" marginHeight="0" marginWidth="0" scrolling="No" width="621" height="457"></iframe>

其中，src="<%=request.getContextPath() %>/edit/editor.htm表示下載的SinaEditor中的editor.htm文件路徑；帶綠色的兩處ID須一致

3.下載的editor下包含有img.htm和attach.htm,其中第一個(gè)為上傳圖片的，第二個(gè)是上傳附件的，當(dāng)然兩個(gè)是一樣的使用方法，都可看做上傳文件的。

4.下面是img.htm中上傳圖片的一個(gè)示例。做記載方便下次使用。

復(fù)制代碼代碼如下:

function chk_imgpath () {
    if($('radio1').checked==true){
   if($("imgpath").value == "http://" || $("imgpath").value == "") {
    window.close();
    return;
   }
   LoadIMG($("imgpath").value);
    }else{
       if($("file1").value == "") {
       alert("請(qǐng)選擇上傳圖片文件！");
       return;
       }
       var filepath = j("#file1").val();
       var filetype = filepath.substring(filepath.lastIndexOf('.'));
       var regu = ".gif.jpg.png.jpge.GIF.JPG.PNG";     

    if (regu.indexOf(filetype) == -1) {     
         alert('只允許上傳.gif.jpg.png.jpge 類型文件!'); 
         return ;    
     } 
     var f = j('#form1');
     j.ajaxFileUpload({
             type : 'POST',
             secureuri : false,
             fileElementId : 'file1',
             url : '/ask/fileUpload?type=img',
             dataType : 'String',
             success : function(data){
              j("#imgpath").attr("value",data);
                  j("#radio1").attr("checked","true");
                   chk_imgpath();
                   $('divProcessing').style.display='';
             },
             error : function(data){
                 alert('文件上傳失敗');
             }
           });
    }
  }

5.后臺(tái)代碼編寫（不做敘述）

SinaEditor

相關(guān)文章

jQuery實(shí)現(xiàn) 注冊(cè)時(shí)選擇閱讀條款左右移動(dòng)
本篇文章，小編將為大家介紹jQuery實(shí)現(xiàn) 注冊(cè)時(shí)選擇閱讀條款左右移動(dòng)，有需要的朋友可以參考一下
2013-04-04
DIV隨滾動(dòng)條滾動(dòng)而滾動(dòng)的實(shí)現(xiàn)代碼【推薦】
下面小編就為大家?guī)硪黄狣IV隨滾動(dòng)條滾動(dòng)而滾動(dòng)實(shí)現(xiàn)代碼【推薦】。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-04-04
jQuery結(jié)合Json提交數(shù)據(jù)到Webservice，并接收從Webservice返回的Json數(shù)據(jù)
簡(jiǎn)單的Json數(shù)據(jù)提交,后臺(tái)結(jié)合asp.net，需要的朋友可以參考下。
2011-02-02
使用jQuery處理AJAX請(qǐng)求的基礎(chǔ)學(xué)習(xí)教程
這篇文章主要介紹了使用jQuery處理AJAX請(qǐng)求的基礎(chǔ)學(xué)習(xí)教程,除此之外還引申了鏈?zhǔn)教幚硎录卣{(diào)的寫法,由淺入深非常值得借鑒,需要的朋友可以參考下
2016-05-05
基于JQuery的模擬蘋果桌面Dock效果(穩(wěn)定版)
之所以將它命名為穩(wěn)定版，是因?yàn)橹耙呀?jīng)分享了一個(gè)初級(jí)版本的，之前的初級(jí)版中存在很多bug?，F(xiàn)在經(jīng)過反復(fù)琢磨、實(shí)驗(yàn)，修復(fù)了之前版本存在的很多不足之處，就算鼠標(biāo)快速的滑動(dòng)依然表現(xiàn)的很穩(wěn)定
2012-10-10
jquery next nextAll nextUntil siblings的區(qū)別介紹
在本文為大家詳細(xì)介紹下jquery next nextAll nextUntil siblings的區(qū)別，感興趣的朋友可以參考下
2013-10-10
jquery動(dòng)態(tài)創(chuàng)建div與input的實(shí)例代碼
下面小編就為大家?guī)硪黄猨query動(dòng)態(tài)創(chuàng)建div與input的實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
jQuery ui 利用 datepicker插件實(shí)現(xiàn)開始日期(minDate)和結(jié)束日期(maxDate)
這篇文章主要介紹了jQuery ui 利用 datepicker插件實(shí)現(xiàn)開始日期(minDate)和結(jié)束日期(maxDate),需要的朋友可以參考下
2014-05-05
jQuery實(shí)現(xiàn)無限往下滾動(dòng)效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)無限往下滾動(dòng)效果代碼,涉及jQuery基于ajax交互操作數(shù)據(jù)庫數(shù)據(jù)及頁面元素動(dòng)態(tài)變換的相關(guān)技巧,需要的朋友可以參考下
2016-04-04
淺談 jQuery 事件源碼定位問題
在一個(gè)不是自己寫的頁面上，如何快速定位到他綁定的事件代碼在哪,下面為大家簡(jiǎn)單的介紹下,需要的朋友可以參考下
2014-06-06