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 相关文章推荐
JavaScript检查某个function是否是原生代码的方法
Aug 20 Javascript
JavaScript获取浏览器信息的方法
Nov 20 Javascript
JS iFrame加载慢怎么解决
May 13 Javascript
Javascript中的神器——Promise
Feb 08 Javascript
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
js实现单张图片平移切换效果
Oct 11 Javascript
Vue SPA单页应用首屏优化实践
Jun 28 Javascript
Vue2 添加数据可视化支持的方法步骤
Jan 02 Javascript
Echarts动态加载多条折线图的实现代码
May 24 Javascript
node将geojson转shp返回给前端的实现方法
May 29 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
Sep 16 Javascript
javascript进阶篇深拷贝实现的四种方式
Jul 07 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出现Cannot modify header information问题的解决方法大全
2008/04/09 PHP
PHP 实现多服务器共享 SESSION 数据
2009/08/15 PHP
Mac OS下配置PHP+MySql环境
2015/02/25 PHP
Yii2中OAuth扩展及QQ互联登录实现方法
2016/05/16 PHP
读jQuery之十四 (触发事件核心方法)
2011/08/23 Javascript
js实现倒计时时钟的示例代码
2013/12/17 Javascript
Javascript图片上传前的本地预览实例
2014/06/16 Javascript
微信小程序 火车票查询实例讲解
2016/10/17 Javascript
angularjs使用gulp-uglify压缩后执行报错的解决方法
2018/03/07 Javascript
JS中判断某个字符串是否包含另一个字符串的五种方法
2018/05/03 Javascript
基于React+Redux的SSR实现方法
2018/07/03 Javascript
Vue 中的受控与非受控组件的实现
2018/12/17 Javascript
小程序实现背景音乐播放和暂停
2020/06/19 Javascript
JavaScript实现4位随机验证码的生成
2021/01/28 Javascript
[58:54]EG vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python实现从URL地址提取文件名的方法
2015/05/15 Python
Linux 下 Python 实现按任意键退出的实现方法
2016/09/25 Python
解决Python中字符串和数字拼接报错的方法
2016/10/23 Python
不可错过的十本Python好书
2017/07/06 Python
Django ORM 聚合查询和分组查询实现详解
2019/08/09 Python
pytorch 实现在预训练模型的 input上增减通道
2020/01/06 Python
对python中 math模块下 atan 和 atan2的区别详解
2020/01/17 Python
基于Tensorflow:CPU性能分析
2020/02/10 Python
python使用信号量动态更新配置文件的操作
2020/04/01 Python
CSS3实现超慢速移动动画效果非常流畅无卡顿
2014/06/15 HTML / CSS
canvas学习笔记之绘制简单路径
2019/01/28 HTML / CSS
公司年会演讲稿范文
2014/01/11 职场文书
环境科学专业优秀毕业生自荐书
2014/02/03 职场文书
小学爱国卫生月活动总结
2014/06/30 职场文书
安全生产目标管理责任书
2014/07/25 职场文书
职工擅自离岗检讨书
2014/09/23 职场文书
研究生导师推荐信
2015/03/25 职场文书
2015年营销工作总结范文
2015/04/23 职场文书
回复函格式及范文
2015/07/14 职场文书
2015小学毕业班工作总结
2015/07/21 职场文书
餐厅服务员管理制度
2015/08/05 职场文书