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 相关文章推荐
利用腾讯的ip地址库做ip物理地址定位
Jul 24 Javascript
JS trim去空格的最佳实践
Oct 30 Javascript
JavaScript中数据结构与算法(二):队列
Jun 19 Javascript
js实现简洁大方的二级下拉菜单效果代码
Sep 01 Javascript
在Node.js中使用Javascript Generators详解
May 05 Javascript
BootStrap下拉菜单和滚动监听插件实现代码
Sep 26 Javascript
Vue.js框架路由使用方法实例详解
Aug 25 Javascript
js实现购物车功能
Jun 12 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
Sep 30 Javascript
BootStrap modal实现拖拽功能
Dec 01 Javascript
JS实现数组删除指定元素功能示例
Jun 05 Javascript
JS实现打砖块游戏
Feb 14 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中DOMElement操作xml文档实例演示
2013/03/26 PHP
怎样给PHP源代码加密?PHP二进制加密与解密的解决办法
2013/04/22 PHP
ThinkPHP实现生成和校验验证码功能
2017/04/28 PHP
PHP读取Excel类文件
2017/05/15 PHP
Yii框架使用魔术方法实现跨文件调用功能示例
2017/05/20 PHP
javascript学习笔记(十三) js闭包介绍(转)
2012/06/20 Javascript
引用外部js乱码问题分析及解决方案
2013/04/12 Javascript
对于Form表单reset方法的新认识
2014/03/05 Javascript
JavaScript Math.floor方法(对数值向下取整)
2015/01/09 Javascript
JavaScript中setMonth()方法的使用详解
2015/06/11 Javascript
详解javascript函数的参数
2015/11/10 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
2015/12/14 Javascript
使用jQuery制作基础的Web图片轮播效果
2016/04/22 Javascript
通过jquery实现页面的动画效果(实例代码)
2016/09/18 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
2017/02/12 Javascript
关于微信小程序登录的那些事
2019/01/08 Javascript
微信小程序常用简易小函数总结
2019/02/01 Javascript
微信小程序 拍照或从相册选取图片上传代码实例
2019/08/28 Javascript
微信小程序实现横向滚动导航栏效果
2019/12/12 Javascript
利用JS如何获取form表单数据
2019/12/19 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
2020/09/11 Javascript
[02:35]DOTA2超级联赛专访XB 难忘一年九冠称王
2013/06/20 DOTA
python调用新浪微博API项目实践
2014/07/28 Python
详解Python中的条件判断语句
2015/05/14 Python
Python pandas DataFrame操作的实现代码
2019/06/21 Python
Python字符编码转码之GBK,UTF8互转
2020/02/09 Python
CSS3 特效范例整理
2011/08/22 HTML / CSS
一款纯css3实现的颜色渐变按钮的代码教程
2014/11/12 HTML / CSS
使用C#编写创建一个线程的代码
2013/01/22 面试题
《吃水不忘挖井人》教学反思
2014/04/15 职场文书
五月的鲜花活动方案
2014/08/21 职场文书
求职自我推荐信
2015/03/24 职场文书
宣传部部长竞选稿
2015/11/21 职场文书
外出考察学习心得体会
2016/01/18 职场文书
Anaconda配置各版本Pytorch的实现
2021/08/07 Python
国产动画《万圣街》日语配音版制作决定!
2022/03/20 国漫