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入门教程(2) JS基础知识
Jan 31 Javascript
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
Mar 02 Javascript
为JavaScript类型增加方法的实现代码(增加功能)
Dec 29 Javascript
Jquery获取复选框被选中值的简单方法
Jul 04 Javascript
Jquery 动态循环输出表格具体方法
Nov 23 Javascript
Javascript获取数组中的最大值和最小值的方法汇总
Jan 01 Javascript
jQuery原理系列-常用Dom操作详解
Jun 07 Javascript
React创建组件的三种方式及其区别
Jan 12 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
Sep 18 Javascript
NestJs 静态目录配置详解
Mar 12 Javascript
jquery实现动态改变css样式的方法分析
May 27 jQuery
javascript实现文字跑马灯效果
Jun 18 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
MySQL数据库转移,access,sql server 转 MySQL 的图文教程
2007/09/02 PHP
php在字符串中查找另一个字符串
2008/11/19 PHP
php自动获取关键字的方法
2015/01/06 PHP
PHP删除指定目录中的所有目录及文件的方法
2015/02/26 PHP
php利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
php微信公众号开发之现金红包
2018/04/16 PHP
PHP Trait代码复用类与多继承实现方法详解
2019/06/17 PHP
PHP使用PDO 连接与连接管理操作实例分析
2020/04/21 PHP
javascript 文章截取部分无损html显示实现代码
2010/05/04 Javascript
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
jQuery下拉友情链接美化效果代码分享
2015/08/26 Javascript
js提交form表单,并传递参数的实现方法
2016/05/25 Javascript
JavaScript表单验证完美代码
2017/03/02 Javascript
vue + socket.io实现一个简易聊天室示例代码
2017/03/06 Javascript
js实现下拉框效果(select)
2017/03/28 Javascript
Angular2安装angular-cli
2017/05/21 Javascript
Vuejs 单文件组件实例详解
2018/02/09 Javascript
JS中min函数实例讲解
2019/02/18 Javascript
js模拟实现烟花特效
2020/03/10 Javascript
[56:17]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
python实现linux服务器批量修改密码并生成execl
2014/04/22 Python
Python3.6日志Logging模块简单用法示例
2018/06/14 Python
Gauss-Seidel迭代算法的Python实现详解
2019/06/29 Python
Python 使用生成器代替线程的方法
2020/08/04 Python
详解纯CSS3制作的20种loading动效
2017/07/05 HTML / CSS
移动端适配 使px自动转换rem
2019/08/26 HTML / CSS
物流创业计划书
2014/02/01 职场文书
《满井游记》教学反思
2014/02/26 职场文书
标准的毕业生自荐信
2014/04/20 职场文书
实验室标语
2014/06/21 职场文书
2014年入党积极分子党校培训心得体会
2014/07/08 职场文书
群众路线四风自我剖析材料
2014/10/08 职场文书
会议通知
2015/04/15 职场文书
单身证明范本
2015/06/15 职场文书
你为什么是穷人?可能是这5个缺点造成
2019/07/11 职场文书
MySQL 自定义变量的概念及特点
2021/05/13 MySQL