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选择器之基本选择器、层次选择器
Feb 07 Javascript
解决javascript:window.close()在chrome,Firefox下失效的问题
May 07 Javascript
在表单提交前进行验证的几种方式整理
Jul 31 Javascript
javascript eval(func())使用示例
Dec 05 Javascript
JS长整型精度问题实例分析
Jan 13 Javascript
谈一谈jQuery核心架构设计
Mar 28 Javascript
js的各种排序算法实现(总结)
Jul 23 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
Aug 31 Javascript
运用js教你轻松制作html音乐播放器
Apr 17 Javascript
在Vue.js中使用TypeScript的方法
Mar 19 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图片上传代码
2013/11/04 PHP
实用的PHP带公钥加密类分享(每次加密结果都不一样哦)
2014/08/20 PHP
php获取目录中所有文件名及判断文件与目录的简单方法
2017/03/04 PHP
PHP命名空间(namespace)原理与用法详解
2019/12/11 PHP
node.js中Socket.IO的进阶使用技巧
2014/11/04 Javascript
laypage分页控件使用实例详解
2016/05/19 Javascript
jQuery自适应轮播图插件Swiper用法示例
2016/08/24 Javascript
浅谈JavaScript 覆盖原型以及更改原型
2016/08/31 Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
2017/02/18 Javascript
在 Angular 中实现搜索关键字高亮示例
2017/03/21 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
2017/05/24 Javascript
mui 打开新窗口的方式总结及注意事项
2017/08/20 Javascript
理解 JavaScript EventEmitter
2018/03/29 Javascript
详解webpack4之splitchunksPlugin代码包分拆
2018/12/04 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
2021/01/20 Javascript
[01:25:33]完美世界DOTA2联赛PWL S3 INK ICE vs Magma 第二场 12.20
2020/12/23 DOTA
Python复制目录结构脚本代码分享
2015/03/06 Python
在Python中使用__slots__方法的详细教程
2015/04/28 Python
Python 做曲线拟合和求积分的方法
2018/12/29 Python
Python设计模式之命令模式原理与用法实例分析
2019/01/11 Python
django将数组传递给前台模板的方法
2019/08/06 Python
Python进程间通信multiprocess代码实例
2020/03/18 Python
俄罗斯最大的香水和化妆品网上商店:Randewoo
2020/11/05 全球购物
什么是聚集索引和非聚集索引
2012/01/17 面试题
大学生活学习的自我评价
2013/12/03 职场文书
学生检讨书怎么写
2014/10/09 职场文书
教师作风整改措施思想汇报
2014/10/12 职场文书
预备党员群众路线教育实践活动思想汇报2014
2014/10/25 职场文书
2014年维修工作总结
2014/11/22 职场文书
通知范文怎么写
2015/04/16 职场文书
大学体育课感想
2015/08/10 职场文书
Go遍历struct,map,slice的实现
2021/06/13 Golang
Java8中接口的新特性使用指南
2021/11/01 Java/Android
JavaScript组合继承详解
2021/11/07 Javascript
Kubernetes控制节点的部署
2022/04/01 Servers
win10重装系统后上不了网怎么办 win10重装系统网络故障的解决办法
2022/07/23 数码科技