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 相关文章推荐
模拟select的代码
Oct 19 Javascript
关于递归运算的顺序测试代码
Nov 30 Javascript
JS中的public和private对象,即static修饰符
Jan 18 Javascript
如何用ajax来创建一个XMLHttpRequest对象
Dec 10 Javascript
js几秒以后倒计时跳转示例
Dec 26 Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
Aug 04 Javascript
轻松实现Bootstrap图片轮播
Apr 20 Javascript
jquery轮播的实现方式 附完整实例
Jul 28 Javascript
JS获取url参数、主域名的方法实例分析
Aug 03 Javascript
JSONP跨域请求
Mar 02 Javascript
微信小程序 在线支付功能的实现
Mar 14 Javascript
Vue项目数据动态过滤实践及实现思路
Sep 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 CURL使用详解
2019/03/21 PHP
jquery.ui.draggable中文文档
2009/11/24 Javascript
40款非常棒的jQuery 插件和制作教程(系列一)
2011/10/26 Javascript
Prototype源码浅析 String部分(二)
2012/01/16 Javascript
js调用css属性写法
2013/09/21 Javascript
javascript作用域和闭包使用详解
2014/04/25 Javascript
js实现的点击数量加一可操作数据库
2014/05/09 Javascript
jQuery异步验证用户名是否存在示例代码
2014/05/21 Javascript
jquery css 设置table的奇偶行背景色示例
2014/06/03 Javascript
前端必备神器 Snap.svg 弹动效果
2014/11/10 Javascript
js+jquery实现图片裁剪功能
2015/01/02 Javascript
JS将滑动门改为选项卡(需鼠标点击)的实现方法
2015/09/27 Javascript
AngularJS 指令详细介绍
2016/07/27 Javascript
jquery 动态合并单元格的实现方法
2016/08/26 Javascript
Angularjs使用ng-repeat中$even和$odd属性的注意事项
2016/12/31 Javascript
javascript兼容性(实例讲解)
2017/08/15 Javascript
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
2019/04/25 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
2020/04/27 Javascript
[03:05]《我与DAC》之xiao8:DAC与BG
2018/03/27 DOTA
[03:42]2018完美盛典-《加冕》
2018/12/16 DOTA
python版本坑:md5例子(python2与python3中md5区别)
2017/06/20 Python
python数据结构之链表的实例讲解
2017/07/25 Python
在Python程序员面试中被问的最多的10道题
2017/12/05 Python
python中的set实现不重复的排序原理
2018/01/24 Python
对Python 3.5拼接列表的新语法详解
2018/11/08 Python
使用 PyTorch 实现 MLP 并在 MNIST 数据集上验证方式
2020/01/08 Python
Pycharm激活方法及详细教程(详细且实用)
2020/05/12 Python
python搜索算法原理及实例讲解
2020/11/18 Python
matplotlib常见函数之plt.rcParams、matshow的使用(坐标轴设置)
2021/01/05 Python
法学毕业生自荐信
2013/11/13 职场文书
大学生村官承诺书
2014/03/28 职场文书
党的群众路线批评与自我批评范文
2014/10/16 职场文书
离婚协议书范文2014(夫妻感情破裂)
2014/12/14 职场文书
婚宴致辞
2015/07/28 职场文书
涨工资申请书应该怎么写?
2019/07/08 职场文书
golang操作rocketmq的示例代码
2022/04/06 Golang