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
Nov 25 Javascript
关于IE BUG与字符串截取substr的解决办法
Apr 10 Javascript
js实现幻灯片播放图片示例代码
Nov 07 Javascript
基于JavaScript的操作系统你听说过吗?
Jan 28 Javascript
EasyUI在表单提交之前进行验证的实例代码
Jun 24 Javascript
JavaScript 详解预编译原理
Jan 22 Javascript
完美解决浏览器跨域的几种方法(汇总)
May 08 Javascript
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
Feb 11 Javascript
JS实现查找数组中对象的属性值是否存在示例
May 24 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
Jan 17 Javascript
vue 使用lodash实现对象数组深拷贝操作
Sep 10 Javascript
Vue与React的区别和优势对比
Dec 18 Vue.js
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
服务器web工具 php环境下
2010/12/29 PHP
php处理单文件、多文件上传代码分享
2016/08/24 PHP
PHP基于openssl实现的非对称加密操作示例
2019/01/11 PHP
javascript,jquery闭包概念分析
2010/06/19 Javascript
JavaScript浏览器选项卡效果
2010/08/25 Javascript
jQuery实现页面滚动时层智能浮动定位实例探讨
2013/03/29 Javascript
JavaScript中的Repaint和Reflow用法详解
2015/07/27 Javascript
浅谈JavaScript 的执行顺序
2015/08/07 Javascript
jQuery实用技巧必备(中)
2015/11/03 Javascript
跟我学习javascript的for循环和for...in循环
2015/11/18 Javascript
理解js对象继承的N种模式
2016/01/25 Javascript
js禁止浏览器页面后退功能的实例(推荐)
2017/09/01 Javascript
利用node实现一个批量重命名文件的函数
2017/12/21 Javascript
vue2.0 父组件给子组件传递数据的方法
2018/01/15 Javascript
小程序云开发之用户注册登录
2019/05/18 Javascript
bootstrap table列和表头对不齐的解决方法
2019/07/19 Javascript
微信小程序图片右边加两行文字的代码
2020/04/23 Javascript
js实现从右往左匀速显示图片(无缝轮播)
2020/06/29 Javascript
antd配置config-overrides.js文件的操作
2020/10/31 Javascript
使用Python的Django框架实现事务交易管理的教程
2015/04/20 Python
python zip()函数使用方法解析
2019/10/31 Python
python定义类self用法实例解析
2020/01/22 Python
Python定义一个函数的方法
2020/06/15 Python
Python自动化操作实现图例绘制
2020/07/09 Python
html5 offlline 缓存使用示例
2013/06/24 HTML / CSS
HTML5声音录制/播放功能的实现代码
2018/05/03 HTML / CSS
英国异国风情旅游网站:Travel Talk Tours(团体旅游、探险旅游、帆船假期)
2018/07/26 全球购物
应届生求职推荐信
2013/10/28 职场文书
材料工程专业毕业生求职信
2014/03/04 职场文书
2014年内勤工作总结
2014/11/24 职场文书
关于清明节的演讲稿2015
2015/03/18 职场文书
2015年售后服务工作总结
2015/04/25 职场文书
2016大学军训心得体会
2016/01/11 职场文书
高中物理教学反思
2016/02/19 职场文书
Go语言 go程释放操作(退出/销毁)
2021/04/30 Golang
victoriaMetrics库布隆过滤器初始化及使用详解
2022/04/05 Golang