RubyGems - ueditor_rails - Versions diffs - 0.0.1 - Mend

ueditor_rails 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (355) hide show

data/app/views/ueditor_rails/dialogs/image.html.erb ADDED Viewed

@@ -0,0 +1,205 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title></title>
+  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+  <script type="text/javascript" src="<%= asset_path 'ueditor/dialogs/internal.js' %>"></script>
+  <link rel="stylesheet" href="<%= asset_path 'ueditor/dialogs/image/image.css' %>" type="text/css" />
+</head>
+<body>
+<div class="wrapper">
+  <div id="imageTab">
+    <div id="tabHeads" class="tabhead">
+      <span tabSrc="remote"  class="focus"><var id="lang_tab_remote"></var></span>
+      <span tabSrc="local"><var id="lang_tab_local"></var></span>
+      <span tabSrc="imgManager"><var id="lang_tab_imgManager"></var></span>
+      <span tabSrc="imgSearch"><var id="lang_tab_imgSearch"></var></span>
+    </div>
+    <div id="tabBodys" class="tabbody">
+      <div id="remote" class="panel">
+        <table cellpadding="0" cellspacing="0">
+          <tr>
+            <td class="label"><label for="url"><var id="lang_input_url"></var></label></td>
+            <td><input id="url" type="text"/></td>
+          </tr>
+          <tr>
+            <td class="label"><label for="width"><var id="lang_input_width"></var></label></td>
+            <td><input type="text" id="width"/> px</td>
+          </tr>
+          <tr>
+            <td class="label"><label for="height"><var id="lang_input_height"></var></label></td>
+            <td><input type="text" id="height"/> px</td>
+          </tr>
+          <tr>
+            <td class="label"><label for="border"><var id="lang_input_border"></var></label></td>
+            <td><input type="text" id="border"/> px</td>
+          </tr>
+          <tr>
+            <td class="label"><label for="vhSpace"><var id="lang_input_vhspace"></var></label></td>
+            <td><input type="text" id="vhSpace"/> px</td>
+          </tr>
+          <tr>
+            <td class="label"><label for="title"><var id="lang_input_title"></var></label></td>
+            <td><input type="text" id="title"/></td>
+          </tr>
+          <tr>
+            <td class="label"><var id="lang_input_remoteAlign"></var></td>
+            <td id="remoteFloat"></td>
+          </tr>
+        </table>
+        <div id="preview"></div>
+        <div class="lock"><input id="lock" type="checkbox" checked="checked"></div>
+      </div>
+      <div id="local" class="panel">
+        <div id="flashContainer"></div>
+        <div><div id="upload" style="display: none" ></div><div id="duiqi"></div><div id="localFloat"></div></div>
+        <div class="saveDir">
+          <var id="lang_savePath" ></var>：<select id="savePath">
+          <option value="1">upload</option>
+          <option value="2">upload1</option>
+        </select>
+        </div>
+      </div>
+      <div id="imgManager" class="panel">
+        <div id="imageList"><var id="lang_imgLoading"></var></div>
+      </div>
+      <div id="imgSearch" class="panel">
+        <table style="margin-top: 5px;">
+          <tr>
+            <td width="200"><input id="imgSearchTxt" type="text" /></td>
+            <td width="65">
+              <select id="imgType">
+                <!--具体内容值将由国际化组件动态填充-->
+                <option value="&s=4&z=0"></option>
+                <option value="&s=1&z=19"></option>
+                <option value="&s=2&z=0"></option>
+                <option value="&s=3&z=0"></option>
+              </select>
+            </td>
+            <td width="80"><input id="imgSearchBtn" type="button"  /></td>
+            <td width="80"><input id="imgSearchReset" type="button" /></td>
+          </tr>
+        </table>
+        <div id="searchList"></div>
+      </div>
+      <iframe id="maskIframe" src="about:blank" scrolling="no" frameborder="no"></iframe>
+    </div>
+  </div>
+</div>
+<script type="text/javascript" src="<%= asset_path 'ueditor/dialogs/tangram.js' %>"></script>
+<script type="text/javascript" src="<%= asset_path 'ueditor/dialogs/image/image.js' %>"></script>
+<script type="text/javascript">
+  //全局变量
+  var imageUrls = [],          //用于保存从服务器返回的图片信息数组
+          selectedImageCount = 0;  //当前已选择的但未上传的图片数量
+  editor.setOpt({
+    imageFieldName:"upfile",
+    compressSide:0,
+    maxImageSideLength:900
+  });
+  utils.domReady(function(){
+    var flashOptions = {
+      container:"flashContainer",                                                    //flash容器id
+      url:editor.options.imageUrl,                                           // 上传处理页面的url地址
+      ext:"{}",   //可向服务器提交的自定义参数列表
+      fileType:'{"description":"'+lang.fileType+'", "extension":"*.gif;*.jpeg;*.png;*.jpg"}',     //上传文件格式限制
+      flashUrl:'<%= asset_path 'ueditor/dialogs/image/imageUploader.swf' %>',                                                  //上传用的flash组件地址
+      width:608,          //flash的宽度
+      height:272,         //flash的高度
+      gridWidth:121,     // 每一个预览图片所占的宽度
+      gridHeight:120,    // 每一个预览图片所占的高度
+      picWidth:100,      // 单张预览图片的宽度
+      picHeight:100,     // 单张预览图片的高度
+      uploadDataFieldName:editor.options.imageFieldName,    // POST请求中图片数据的key
+      picDescFieldName:'pictitle',      // POST请求中图片描述的key
+      maxSize:4,                         // 文件的最大体积,单位M
+      compressSize:2,                   // 上传前如果图片体积超过该值，会先压缩,单位M
+      maxNum:1,                         // 单次最大可上传多少个文件
+      compressSide:editor.options.compressSide,                 //等比压缩的基准，0为按照最长边，1为按照宽度，2为按照高度
+      compressLength:editor.options.maxImageSideLength        //能接受的最大边长，超过该值Flash会自动等比压缩
+    };
+    //回调函数集合，支持传递函数名的字符串、函数句柄以及函数本身三种类型
+    var callbacks = {
+      // 选择文件的回调
+      selectFileCallback: function(selectFiles){
+        utils.each(selectFiles,function(file){
+          var tmp = {};
+          tmp.id = file.index;
+          tmp.data = {};
+          postConfig.push(tmp);
+        });
+        selectedImageCount += selectFiles.length;
+        if(selectedImageCount) baidu.g("upload").style.display = "";
+        dialog.buttons[0].setDisabled(true); //初始化时置灰确定按钮
+      },
+      // 删除文件的回调
+      deleteFileCallback: function(delFiles){
+        for(var i = 0,len = delFiles.length;i<len;i++){
+          var index = delFiles[i].index;
+          postConfig.splice(index,1);
+        }
+        selectedImageCount -= delFiles.length;
+        if (!selectedImageCount) {
+          baidu.g("upload").style.display = "none";
+          dialog.buttons[0].setDisabled(false);         //没有选择图片时重新点亮按钮
+        }
+      },
+      // 单个文件上传完成的回调
+      uploadCompleteCallback: function(data){
+        try{
+          var info = eval("(" + data.info + ")");
+          info && imageUrls.push(info);
+          selectedImageCount--;
+        }catch(e){}
+      },
+      // 单个文件上传失败的回调,
+      uploadErrorCallback: function (data){
+        if(!data.info){
+          alert(lang.netError);
+        }
+        //console && console.log(data);
+      },
+      // 全部上传完成时的回调
+      allCompleteCallback: function(){
+        dialog.buttons[0].setDisabled(false);    //上传完毕后点亮按钮
+      },
+      // 文件超出限制的最大体积时的回调
+      //exceedFileCallback: 'exceedFileCallback',
+      // 开始上传某个文件时的回调
+      startUploadCallback: function(){
+        var config = postConfig.shift();
+        //也可以在这里更改
+        //if(config.id==2){ //设置第三张图片的对应参数
+        //     config.data={"myParam":"value"}
+        // }
+        flashObj.addCustomizedParams(config.id,config.data);
+      }
+    };
+    imageUploader.init(flashOptions,callbacks);
+    $G("upload").onclick = function () {
+      /**
+       * 接口imageUploader.setPostParams()可以在提交时设置本次上传提交的参数（包括所有图片）
+       * 参数为json对象{"key1":"value1","key2":"value2"}，其中key即为向后台post提交的name，value即为值。
+       * 其中有一个特殊的保留key值为action，若设置，可以更改本次提交的处理地址
+       */
+      var postParams = {
+        "<%= request_forgery_protection_token %>":"<%= form_authenticity_token %>",
+        "dir":baidu.g("savePath").value
+      };
+      imageUploader.setPostParams(postParams);
+      flashObj.upload();
+      this.style.display = "none";
+      $G("savePath").parentNode.style.display = "none";
+    };
+  });
+</script>
+</body>
+</html>

data/config/routes.rb ADDED Viewed

@@ -0,0 +1,11 @@
+UeditorRails::Engine.routes.draw do
+  %w(swf_image_uploader swf_upload swf_upload_fp9).each do |lib|
+    get "libs/#{lib}"
+  end
+  %w(attachment image).each do |dialog|
+    get "dialogs/#{dialog}"
+  end
+end

data/lib/generators/ueditor_rails/USAGE ADDED Viewed

@@ -0,0 +1,8 @@
+Description:
+    Explain the generator
+Example:
+    rails generate ueditor Thing
+    This will create:
+        what/will/it/create

data/lib/generators/ueditor_rails/install_generator.rb ADDED Viewed

@@ -0,0 +1,15 @@
+module UeditorRails
+  class InstallGenerator < Rails::Generators::Base
+    source_root File.expand_path('../templates', __FILE__)
+    desc "Mount Engine and copy config file to Rails app."
+    def copy_config_file
+      template "ueditor_config.js.erb", "app/assets/javascripts/ueditor_config.js.erb"
+    end
+    def mount_engine
+      route "mount UeditorRails::Engine => '/ueditor'"
+    end
+  end
+end

data/lib/generators/ueditor_rails/templates/ueditor_config.js.erb ADDED Viewed

@@ -0,0 +1,204 @@
+//= require_self
+//= require ueditor_rails/init
+window.MY_UEDITOR_CONFIG = {
+   imageUrl: ""            //图片上传提交地址
+  ,imagePath: ""                     //图片修正地址，引用了fixedImagePath,如有特殊需求，可自行配置
+  //,imageFieldName:"upfile"                   //图片数据的key,若此处修改，需要在后台对应文件修改对应参数
+  //,compressSide:0                            //等比压缩的基准，确定maxImageSideLength参数的参照对象。0为按照最长边，1为按照宽度，2为按照高度
+  //,maxImageSideLength:900                    //上传图片最大允许的边长，超过会自动等比缩放,不缩放就设置一个比较大的值，更多设置在image.html中
+  //涂鸦图片配置区
+  ,scrawlUrl: ""           //涂鸦上传地址
+  ,scrawlPath: ""                            //图片修正地址，同imagePath
+  //附件上传配置区
+  ,fileUrl: ""               //附件上传提交地址
+  ,filePath: ""                   //附件修正地址，同imagePath
+  //,fileFieldName:"upfile"                    //附件提交的表单名，若此处修改，需要在后台对应文件修改对应参数
+  //远程抓取配置区
+  //,catchRemoteImageEnable:true               //是否开启远程图片抓取,默认开启
+  ,catcherUrl: ""   //处理远程图片抓取的地址
+  ,catcherPath: ""                  //图片修正地址，同imagePath
+  //,catchFieldName:"upfile"                   //提交到后台远程图片uri合集，若此处修改，需要在后台对应文件修改对应参数
+  //,separater:'ue_separate_ue'               //提交至后台的远程图片地址字符串分隔符
+  //,localDomain:[]                            //本地顶级域名，当开启远程图片抓取时，除此之外的所有其它域名下的图片都将被抓取到本地,默认不抓取127.0.0.1和localhost
+  //图片在线管理配置区
+  ,imageManagerUrl: ""       //图片在线管理的处理地址
+  ,imageManagerPath: ""                                    //图片修正地址，同imagePath
+  //屏幕截图配置区
+  ,snapscreenHost: ""                                  //屏幕截图的server端文件所在的网站地址或者ip，请不要加http://
+  ,snapscreenServerUrl: "" //屏幕截图的server端保存程序，UEditor的范例代码为“URL +"server/upload/php/snapImgUp.php"”
+  ,snapscreenPath: ""
+  //,snapscreenServerPort: 80                                    //屏幕截图的server端端口
+  //,snapscreenImgAlign: 'center'                                //截图的图片默认的排版方式
+  //word转存配置区
+  ,wordImageUrl: ""             //word转存提交地址
+  ,wordImagePath: ""                       //
+  //,wordImageFieldName:"upfile"                     //word转存表单名若此处修改，需要在后台对应文件修改对应参数
+  //获取视频数据的地址
+  ,getMovieUrl: ""                   //视频数据获取地址
+  //工具栏上的所有的功能按钮和下拉框，可以在new编辑器的实例时选择自己需要的从新定义
+  ,toolbars:[["bold","italic","underline","strikethrough","forecolor","backcolor","justifyleft","justifycenter","justifyright","justifyjustify","indent","removeformat","formatmatch","autotypeset","pasteplain","customstyle","insertunorderedlist","insertorderedlist","source","fullscreen","preview","help"],["insertimage","emotion","insertvideo","attachment","blockquote","spechars","link","unlink"],["inserttable","deletetable","mergedown","mergeright","splittorows","splittocols","splittocells","mergecells"],[]]
+  //当鼠标放在工具栏上时显示的tooltip提示,留空支持自动多语言配置，否则以配置值为准
+  ,labelMap:{
+    'anchor':'', 'undo':''
+  }
+  //webAppKey
+  //百度应用的APIkey，每个站长必须首先去百度官网注册一个key后方能正常使用app功能
+  ,webAppKey:""
+  //语言配置项,默认是zh-cn。有需要的话也可以使用如下这样的方式来自动多语言切换，当然，前提条件是lang文件夹下存在对应的语言文件：
+  //lang值也可以通过自动获取 (navigator.language||navigator.browserLanguage ||navigator.userLanguage).toLowerCase()
+  //,lang:'zh-cn'
+  //,langPath:URL +"lang/"
+  //主题配置项,默认是default。有需要的话也可以使用如下这样的方式来自动多主题切换，当然，前提条件是themes文件夹下存在对应的主题文件：
+  //现有如下皮肤:default,modern,gorgeous
+  //,theme:'default'
+  //,themePath:URL +"themes/"
+  //若实例化编辑器的页面手动修改的domain，此处需要设置为true
+  //,customDomain:false
+  //针对getAllHtml方法，会在对应的head标签中增加该编码设置。
+  //,charset:"utf-8"
+  //常用配置项目
+  //,isShow : true    //默认显示编辑器
+  ,initialContent:''    //初始化编辑器的内容,也可以通过textarea/script给值，看官网例子
+  //,initialFrameWidth:1000  //初始化编辑器宽度,默认1000
+  //,initialFrameHeight:320  //初始化编辑器高度,默认320
+  //,autoClearinitialContent:true //是否自动清除编辑器初始内容，注意：如果focus属性设置为true,这个也为真，那么编辑器一上来就会触发导致初始化的内容看不到了
+  //,iframeCssUrl: URL + '/themes/iframe.css' //给编辑器内部引入一个css文件
+  //,textarea:'editorValue' // 提交表单时，服务器获取编辑器提交内容的所用的参数，多实例时可以给容器name属性，会将name给定的值最为每个实例的键值，不用每次实例化的时候都设置这个值
+  //,focus:true //初始化时，是否让编辑器获得焦点true或false
+  //,autoClearEmptyNode : true //getContent时，是否删除空的inlineElement节点（包括嵌套的情况）
+  //,fullscreen : false //是否开启初始化时即全屏，默认关闭
+  //,readonly : false /编辑器初始化结束后,编辑区域是否是只读的，默认是false
+  //,zIndex : 900     //编辑器层级的基数,默认是900
+  //,imagePopup:true      //图片操作的浮层开关，默认打开
+  //,initialStyle:'body{font-size:18px}'   //编辑器内部样式,可以用来改变字体等
+  //,emotionLocalization:false //是否开启表情本地化，默认关闭。若要开启请确保emotion文件夹下包含官网提供的images表情文件夹
+  //,pasteplain:false  //是否纯文本粘贴。false为不使用纯文本粘贴，true为使用纯文本粘贴
+  //,allHtmlEnabled:false //提交到后台的数据是否包含整个html字符串
+  //iframeUrlMap
+  //dialog内容的路径 ～会被替换成URL,垓属性一旦打开，将覆盖所有的dialog的默认路径
+  //,iframeUrlMap:{
+  // 'anchor':'~/dialogs/anchor/anchor.html',
+  // }
+  //insertorderedlist
+  //有序列表的下拉配置,值留空时支持多语言自动识别，若配置值，则以此值为准
+//        ,'insertorderedlist':{
+//             'decimal' : '' ,         //'1,2,3...'
+//             'lower-alpha' : '' ,    // 'a,b,c...'
+//             'lower-roman' : '' ,    //'i,ii,iii...'
+//             'upper-alpha' : '' , lang   //'A,B,C'
+//             'upper-roman' : ''      //'I,II,III...'
+//        }
+  //insertunorderedlist
+  //无序列表的下拉配置，值留空时支持多语言自动识别，若配置值，则以此值为准
+  //,insertunorderedlist : {
+  //    'circle' : '',  // '○ 小圆圈'
+  //    'disc' : '',    // '● 小圆点'
+  //    'square' : ''   //'■ 小方块'
+  //}
+  //customstyle
+  //自定义样式，不支持国际化，此处配置值即可最后显示值
+  //block的元素是依据设置段落的逻辑设置的，inline的元素依据BIU的逻辑设置
+  //尽量使用一些常用的标签
+  //参数说明
+  //tag 使用的标签名字
+  //label 显示的名字也是用来标识不同类型的标识符，注意这个值每个要不同，
+  //style 添加的样式
+  //每一个对象就是一个自定义的样式
+  //,'customstyle':[
+  //      {tag:'h1', name:'tc', label:'', style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;'},
+  //      {tag:'h1', name:'tl',label:'', style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;margin:0 0 10px 0;'},
+  //      {tag:'span',name:'im', label:'', style:'font-style:italic;font-weight:bold'},
+  //      {tag:'span',name:'hi', label:'', style:'font-style:italic;font-weight:bold;color:rgb(51, 153, 204)'}
+  //  ]
+  //右键菜单的内容，可以参考plugins/contextmenu.js里边的默认菜单的例子，label留空支持国际化，否则以此配置为准
+//        ,contextMenu:[
+//            {
+//                label:'',       //显示的名称
+//                cmdName:'selectall',//执行的command命令，当点击这个右键菜单时
+//                //exec可选，有了exec就会在点击时执行这个function，优先级高于cmdName
+//                exec:function () {
+//                    //this是当前编辑器的实例
+//                    //this.ui._dialogs['inserttableDialog'].open();
+//                }
+//            }
+//           ]
+  //wordCount
+  //,wordCount:1          //是否开启字数统计
+  //,maximumWords:10000       //允许的最大字符数
+  //字数统计提示，{#count}代表当前字数，{#leave}代表还可以输入多少字符数,留空支持多语言自动切换，否则按此配置显示
+  //,wordCountMsg:''   //当前已输入 {#count} 个字符，您还可以输入{#leave} 个字符
+  //超出字数限制提示  留空支持多语言自动切换，否则按此配置显示
+  //,wordOverFlowMsg:''    //<span style="color:red;">你输入的字符个数已经超出最大允许值，服务器可能会拒绝保存！</span>
+  //elementPathEnabled
+  //是否启用元素路径，默认是显示
+  //,elementPathEnabled : true
+  //removeFormat
+  //清除格式时可以删除的标签和属性
+  //removeForamtTags标签
+  //,removeFormatTags:'b,big,code,del,dfn,em,font,i,ins,kbd,q,samp,small,span,strike,strong,sub,sup,tt,u,var'
+  //removeFormatAttributes属性
+  //,removeFormatAttributes:'class,style,lang,width,height,align,hspace,valign'
+  //autoHeightEnabled
+  // 是否自动长高,默认true
+  //,autoHeightEnabled:true
+  //,minFrameWidth:800    //编辑器拖动时最小宽度,默认800
+  //,minFrameHeight:220  //编辑器拖动时最小高度,默认220
+  //autoFloatEnabled
+  //是否保持toolbar的位置不动,默认true
+  //,autoFloatEnabled:true
+  //浮动时工具栏距离浏览器顶部的高度，用于某些具有固定头部的页面
+  //,topOffset:30
+  //indentValue
+  //首行缩进距离,默认是2em
+  //,indentValue:'2em'
+  //autotypeset
+  //  //自动排版参数
+  //  ,autotypeset:{
+  //      mergeEmptyline : true,         //合并空行
+  //      removeClass : true,           //去掉冗余的class
+  //      removeEmptyline : false,      //去掉空行
+  //      textAlign : "left" ,           //段落的排版方式，可以是 left,right,center,justify 去掉这个属性表示不执行排版
+  //      imageBlockLine : 'center',      //图片的浮动方式，独占一行剧中,左右浮动，默认: center,left,right,none 去掉这个属性表示不执行排版
+  //      pasteFilter : false,            //根据规则过滤没事粘贴进来的内容
+  //      clearFontSize : false,          //去掉所有的内嵌字号，使用编辑器默认的字号
+  //      clearFontFamily : false,        //去掉所有的内嵌字体，使用编辑器默认的字体
+  //      removeEmptyNode : false ,       // 去掉空节点
+  //      //可以去掉的标签
+  //      removeTagNames : {标签名字:1},
+  //      indent : false,                 // 行首缩进
+  //      indentValue : '2em'             //行首缩进的大小
+  //  }
+};