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 获取浏览器高度和宽度值(多浏览器)
Sep 02 Javascript
使用jquery的ajax需要注意的地方dataType的设置
Aug 12 Javascript
输入框过滤非数字的js代码
Sep 18 Javascript
jQuery实现Tab菜单滚动切换的方法
Sep 21 Javascript
js中遍历Map对象的简单实例
Aug 08 Javascript
详解jQuery中基本的动画方法
Dec 14 Javascript
通过js动态创建标签,并设置属性方法
Feb 24 Javascript
vue中轮训器的使用
Jan 27 Javascript
Node.js 多进程处理CPU密集任务的实现
May 26 Javascript
微信小程序如何使用globalData的方法
Jun 06 Javascript
JS实现灯泡开关特效
Mar 30 Javascript
js实现金山打字通小游戏
Jul 24 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函数的实现原理及性能分析(一)
2015/05/13 PHP
php实现页面纯静态的实例代码
2017/06/21 PHP
动态改变textbox的宽高的js
2006/10/26 Javascript
JavaScript 三种创建对象的方法
2009/10/16 Javascript
Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法
2011/01/12 Javascript
JavaScript 基础篇之对象、数组使用介绍(三)
2012/04/07 Javascript
动态获取复选框checkbox选中个数的jquery代码
2013/06/25 Javascript
前端自动化开发之Node.js的环境搭建教程
2017/04/01 Javascript
MUI 上拉刷新/下拉加载功能实例代码
2017/04/13 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
2017/06/29 Javascript
Vue实现active点击切换方法
2018/03/16 Javascript
Angular使用动态加载组件方法实现Dialog的示例
2018/05/11 Javascript
Koa代理Http请求的示例代码
2018/10/10 Javascript
使用 Opentype.js 生成字体子集的实例代码详解
2020/05/25 Javascript
python实现在无须过多援引的情况下创建字典的方法
2014/09/25 Python
Python中处理字符串的相关的len()方法的使用简介
2015/05/19 Python
Python人脸识别初探
2017/12/21 Python
numpy中以文本的方式存储以及读取数据方法
2018/06/04 Python
python高阶爬虫实战分析
2018/07/29 Python
Python线程下使用锁的技巧分享
2018/09/13 Python
对IPython交互模式下的退出方法详解
2019/02/16 Python
Python 异步协程函数原理及实例详解
2019/11/13 Python
Python实现常见的几种加密算法(MD5,SHA-1,HMAC,DES/AES,RSA和ECC)
2020/05/09 Python
如何利用python web框架做文件流下载的实现示例
2020/06/02 Python
Python爬虫JSON及JSONPath运行原理详解
2020/06/04 Python
Python API 操作Hadoop hdfs详解
2020/06/06 Python
利用keras使用神经网络预测销量操作
2020/07/07 Python
Mavi牛仔裤美国官网:土耳其著名牛仔品牌
2016/09/24 全球购物
图库照片、免版税图片、矢量艺术、视频片段:Depositphotos
2019/08/02 全球购物
EJB与JAVA BEAN的区别
2016/08/29 面试题
法律工作求职自荐信
2013/10/31 职场文书
文秘应届生求职信
2014/07/05 职场文书
邀请函怎么写
2015/01/30 职场文书
创业计划书之冷饮店
2019/09/27 职场文书
vue项目多环境配置(.env)的实现
2021/07/21 Vue.js
css3中transform属性实现的4种功能
2021/08/07 HTML / CSS