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 相关文章推荐
Extjs学习笔记之三 extjs form更多的表单项
Jan 07 Javascript
seajs1.3.0源码解析之module依赖有序加载
Nov 07 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
Dec 28 Javascript
javascript实现滑动解锁功能
Dec 31 Javascript
AngularJS HTML DOM详解及示例代码
Aug 17 Javascript
JavaScript 实现的checkbox经典实例分享
Oct 16 Javascript
Bootstrap源码学习笔记之bootstrap进度条
Dec 24 Javascript
React Native自定义控件底部抽屉菜单的示例
Feb 08 Javascript
vue服务端渲染缓存应用详解
Sep 12 Javascript
Vue基础配置讲解
Nov 29 Javascript
JS实现音乐导航特效
Jan 06 Javascript
基于vue的video播放器的实现示例
Feb 19 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
多重?l件?合查?(二)
2006/10/09 PHP
初级的用php写的采集程序
2007/03/16 PHP
php 无限级分类学习参考之对ecshop无限级分类的解析 带详细注释
2010/03/23 PHP
php将图片保存入mysql数据库失败的解决方法
2014/12/27 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
javascript高亮效果的二种实现方法
2008/09/14 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
2013/08/12 Javascript
JavaScript SetInterval与setTimeout使用方法详解
2013/11/15 Javascript
jQuery中extend函数的实现原理详解
2015/02/03 Javascript
Node中使用ES6语法的基础教程
2018/01/05 Javascript
Vue用v-for给src属性赋值的方法
2018/03/03 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
2018/05/02 Javascript
vue.js内置组件之keep-alive组件使用
2018/07/10 Javascript
浅谈angularJS2中的界面跳转方法
2018/08/31 Javascript
VUE简单的定时器实时刷新的实现方法
2019/01/20 Javascript
Vue使用.sync 实现父子组件的双向绑定数据问题
2019/04/04 Javascript
JQuery的加载和选择器用法简单示例
2019/05/13 jQuery
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
2019/09/28 Javascript
[03:01]完美盛典趣味短片 DOTA2年度最佳&拉胯英雄
2019/12/07 DOTA
Python配置文件解析模块ConfigParser使用实例
2015/04/13 Python
Python实现一个转存纯真IP数据库的脚本分享
2017/05/21 Python
Python设计模式之命令模式简单示例
2018/01/10 Python
OpenCV图像颜色反转算法详解
2019/05/13 Python
python selenium实现发送带附件的邮件代码实例
2019/12/10 Python
keras多显卡训练方式
2020/06/10 Python
python与c语言的语法有哪些不一样的
2020/09/13 Python
HTML5 通过Vedio标签实现视频循环播放的示例代码
2020/08/05 HTML / CSS
廉价航班、机票和酒店:JustFly
2018/02/07 全球购物
美国高品质个性化珠宝销售网站:Jewlr
2018/05/03 全球购物
会计人员演讲稿
2014/09/11 职场文书
毕业生自荐材料范文
2014/12/30 职场文书
护理实习生带教计划
2015/01/16 职场文书
英文感谢信范文
2015/01/21 职场文书
优化经济发展环境工作总结
2015/08/11 职场文书
Python OpenCV实现传统图片格式与base64转换
2021/06/13 Python
js中Object.create实例用法详解
2021/10/05 Javascript