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 相关文章推荐
JQuery SELECT单选模拟jQuery.select.js
Nov 12 Javascript
JS模拟面向对象全解(一、类型及传递)
Jul 13 Javascript
jquery 插件学习(六)
Aug 06 Javascript
jquery+css实现绚丽的横向二级下拉菜单-附源码下载
Aug 23 Javascript
BootStrap中Tab页签切换实例代码
May 30 Javascript
Javascript中apply、call、bind的巧妙使用
Aug 18 Javascript
关于Iframe父页面与子页面之间的相互调用
Nov 22 Javascript
vue模块拖拽实现示例代码
Mar 09 Javascript
教你如何用Node实现API的转发(某音乐)
Sep 20 Javascript
javascript实现多边形碰撞检测
Oct 24 Javascript
浅谈JSON5解决了JSON的两大痛点
Dec 14 Javascript
JavaScript中isPrototypeOf函数
Nov 07 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
利用PHP如何实现Socket服务器
2015/09/23 PHP
PHP中empty,isset,is_null用法和区别
2017/02/19 PHP
PHP封装mysqli基于面向对象的mysql数据库操作类与用法示例
2019/02/25 PHP
ThinkPHP5 框架引入 Go AOP,PHP AOP编程项目详解
2020/05/12 PHP
JavaScript Event学习第八章 事件的顺序
2010/02/07 Javascript
如何在JavaScript中实现私有属性的写类方式(一)
2013/12/04 Javascript
javascript自定义的addClass()方法
2014/05/28 Javascript
js命名空间写法示例
2015/12/18 Javascript
jQuery设置Easyui校验规则(推荐)
2016/11/21 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
2016/12/05 Javascript
微信小程序实现给循环列表添加点击样式实例
2017/04/26 Javascript
使用vue构建移动应用实战代码
2017/08/02 Javascript
解决ionic和angular上拉加载的问题
2017/08/03 Javascript
js获取文件里面的所有文件名(实例)
2017/10/17 Javascript
js实现控制文件拖拽并获取拖拽内容功能
2018/02/17 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
2018/10/19 Javascript
关于JS解构的5种有趣用法
2019/09/05 Javascript
js判断一个对象是数组(函数)的方法实例
2019/12/19 Javascript
Python中Collection的使用小技巧
2014/08/18 Python
你眼中的Python大牛 应该都有这份书单
2017/10/31 Python
python 利用pandas将arff文件转csv文件的方法
2019/02/12 Python
python opencv 批量改变图片的尺寸大小的方法
2019/06/28 Python
Python日志打印里logging.getLogger源码分析详解
2021/01/17 Python
详解Python中的Lock和Rlock
2021/01/26 Python
HTML5不支持frameset的两种解决方法
2016/11/14 HTML / CSS
美国正版电视节目和电影在线观看:Hulu
2018/05/24 全球购物
初三开学计划书
2014/04/27 职场文书
学生党员公开承诺书
2014/05/28 职场文书
应届大专生求职信
2014/06/26 职场文书
街道党工委党的群众路线教育实践活动对照检查材料思想汇报
2014/10/05 职场文书
勤俭节约倡议书范文
2015/04/29 职场文书
运动会3000米加油稿
2015/07/21 职场文书
MySQL infobright的安装步骤
2021/04/07 MySQL
使用Django实现商城验证码模块的方法
2021/06/01 Python
详解Spring Boot使用系统参数表提升系统的灵活性
2021/06/30 Java/Android
利用Python多线程实现图片下载器
2022/03/25 Python