SinaEditor使用方法详解


Posted in Javascript onDecember 28, 2013

1.下载SinaEditor

2.JSP调用页面

<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,其中第一个为上传图片的,第二个是上传附件的,当然两个是一样的使用方法,都可看做上传文件的。

4.下面是img.htm中上传图片的一个示例。做记载方便下次使用。

function chk_imgpath () {
    if($('radio1').checked==true){
   if($("imgpath").value == "http://" || $("imgpath").value == "") {
    window.close();
    return;
   }
   LoadIMG($("imgpath").value);
    }else{
       if($("file1").value == "") {
       alert("请选择上传图片文件!");
       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.后台代码编写(不做叙述)
Javascript 相关文章推荐
js 复制或插入Html的实现方法小结
May 19 Javascript
js计算字符串长度包含的中文是utf8格式
Oct 15 Javascript
javascript对话框使用方法(警告框 javascript确认框 提示框)
Jan 07 Javascript
一些老手都不一定知道的JavaScript技巧
May 06 Javascript
JavaScript异步加载浅析
Dec 28 Javascript
javascript实现简单的省市区三级联动
May 14 Javascript
Bootstrap模态框(modal)垂直居中的实例代码
Aug 18 Javascript
基于JavaScript实现多级菜单效果
Jul 25 Javascript
详解Vue路由钩子及应用场景(小结)
Nov 07 Javascript
vue源码入口文件分析(推荐)
Jan 30 Javascript
详解mpvue开发小程序小总结
Jul 25 Javascript
Javascript中async与await的捕捉错误详解
Mar 03 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
Dec 28 #Javascript
jqGrid随窗口大小变化自适应大小的示例代码
Dec 28 #Javascript
jQuery对Select的操作大集合(收藏)
Dec 28 #Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
Dec 28 #Javascript
jquery改变tr背景色的示例代码
Dec 28 #Javascript
javaScript对文字按照拼音排序实现代码
Dec 27 #Javascript
jquery弹出层类代码分享
Dec 27 #Javascript
You might like
jQuery LigerUI 使用教程表格篇(1)
2012/01/18 Javascript
jquery复选框全选/取消示例
2013/12/30 Javascript
JQuery中阻止事件冒泡几种方式及其区别介绍
2014/01/15 Javascript
深入探寻javascript定时器
2015/01/02 Javascript
Angular中的Promise对象($q介绍)
2015/03/03 Javascript
全面解析Bootstrap中form、navbar的使用方法
2016/05/30 Javascript
分享jQuery封装好的一些常用操作
2016/07/28 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
2016/12/18 Javascript
100多个基础常用JS函数和语法集合大全
2017/02/16 Javascript
JS实现常见的查找、排序、去重算法示例
2018/05/21 Javascript
create-react-app安装出错问题解决方法
2018/09/04 Javascript
vue router动态路由设置参数可选问题
2019/08/21 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
2019/09/23 Javascript
微信小程序自定义头部导航栏(组件化)
2019/11/15 Javascript
JS常用跨域方法实现原理解析
2020/12/09 Javascript
[01:43]深扒TI7聊天轮盘语音出处4
2017/05/11 DOTA
[01:10:58]KG vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
采用Psyco实现python执行速度提高到与编译语言一样的水平
2014/10/11 Python
完美解决Python2操作中文名文件乱码的问题
2017/01/04 Python
详解爬虫被封的问题
2019/04/23 Python
numpy中的ndarray方法和属性详解
2019/05/27 Python
基于python cut和qcut的用法及区别详解
2019/11/22 Python
python3中datetime库,time库以及pandas中的时间函数区别与详解
2020/04/16 Python
python根据用户需求输入想爬取的内容及页数爬取图片方法详解
2020/08/03 Python
美国最值得信赖的宠物药房:Allivet
2019/03/23 全球购物
G-Form护具官方网站:美国运动保护装备
2019/09/04 全球购物
编码转换,怎样实现将GB2312编码的字符串转换为ISO-8859-1编码的字符串
2014/01/07 面试题
中文师范生自荐信
2014/01/30 职场文书
优秀企业获奖感言
2014/02/01 职场文书
社区安全检查制度
2014/02/03 职场文书
设备管理实施方案
2014/05/31 职场文书
党的群众路线对照检查材料思想汇报(学校)
2014/10/04 职场文书
股权转让协议范本
2014/12/07 职场文书
挂靠协议书
2015/01/27 职场文书
培训班通知
2015/04/25 职场文书
《童年》读后感(三篇)
2019/08/27 职场文书