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 相关文章推荐
关于firefox的ElementTraversal 接口 使用说明
Nov 11 Javascript
Angular Js文件上传之form-data
Aug 28 Javascript
javascript 常用验证函数总结
Jun 28 Javascript
js制作网站首页图片轮播特效代码
Aug 30 Javascript
JavaScript制作弹出层效果
Dec 02 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
Dec 08 Javascript
javascript 网页进度条简单实例
Feb 22 Javascript
angular实现图片懒加载实例代码
Jun 08 Javascript
vue.js数据绑定操作详解
Apr 23 Javascript
使用pm2部署node生产环境的方法步骤
Mar 09 Javascript
layui实现根据table数据判断按钮显示情况的方法
Sep 26 Javascript
微信小程序抽奖组件的使用步骤
Jan 11 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 截取字符串 分别适合GB2312和UTF8编码情况
2009/02/12 PHP
php实例分享之通过递归实现删除目录下的所有文件详解
2014/05/15 PHP
本地计算机无法启动Apache故障处理
2014/08/08 PHP
php批量删除操作代码分享
2017/02/26 PHP
PHP保留两位小数的几种方法
2019/07/24 PHP
JS定时关闭窗口的实例
2013/05/22 Javascript
jQuery filter函数使用方法
2014/05/19 Javascript
jQuery获取上传文件的名称的正则表达式
2015/05/21 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
2015/08/25 Javascript
javascript中加var和不加var的区别 你真的懂吗
2016/01/06 Javascript
详解Nodejs之npm&amp;package.json
2017/06/15 NodeJs
解决JS内存泄露之js对象和dom对象互相引用问题
2017/06/25 Javascript
vue loadmore 组件滑动加载更多源码解析
2017/07/19 Javascript
使用jQuery实现页面定时弹出广告效果
2017/08/24 jQuery
React + webpack 环境配置的方法步骤
2017/09/07 Javascript
js防抖和节流的深入讲解
2018/12/06 Javascript
React通过redux-persist持久化数据存储的方法示例
2019/02/14 Javascript
Vue数字输入框组件的使用方法
2019/10/19 Javascript
vue中touch和click共存的解决方式
2020/07/28 Javascript
openlayers4.6.5实现距离量测和面积量测
2020/09/25 Javascript
js实现简易拖拽的示例
2020/10/26 Javascript
用Python抢过年的火车票附源码
2015/12/07 Python
利用python写个下载teahour音频的小脚本
2017/05/08 Python
python 判断矩阵中每行非零个数的方法
2019/01/26 Python
python使用rsa非对称加密过程解析
2019/12/28 Python
Python-opencv实现红绿两色识别操作
2020/06/04 Python
Python+logging输出到屏幕将log日志写入文件
2020/11/11 Python
python的dict判断key是否存在的方法
2020/12/09 Python
英国健身超市:Fitness Superstore
2019/06/17 全球购物
What is the purpose of Void class? Void类的作用是什么?
2016/10/31 面试题
北承题目(C++)
2012/05/16 面试题
微型企业创业投资计划书
2014/01/10 职场文书
商务代表岗位职责
2015/02/15 职场文书
安全承诺书格式范本
2015/04/28 职场文书
民主生活会意见
2015/06/05 职场文书
QT与javascript交互数据的实现
2021/05/26 Javascript