ueditor_rails4 0.0.5

data/app/assets/stylesheets/ueditor/themes/iframe.css

@@ -0,0 +1 @@
+/*可以在这里添加你自己的css*/

data/app/assets/stylesheets/ueditor_rails/dialogs/attachment.css.erb

@@ -0,0 +1,161 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+.wrapper {
+  width: 460px;
+  height: 340px;
+  border: 1px solid #ddd;
+  margin: 8px;
+  overflow-y: hidden;
+}
+
+.controller {
+  height: 30px;
+  padding-top: 10px;
+  padding-left: 6px;
+}
+
+#divStatus {
+  display: inline-block;
+  width: 336px;
+  color: #aaa;
+  font-size: 12px;
+}
+
+#startUpload {
+  cursor: pointer;
+  margin-right: 10px;
+  float: right;
+  display: inline-block;
+  width: 100px;
+  height: 30px
+}
+
+div.fieldset {
+  border: 1px solid #afe14c;
+  padding: 10px 10px;
+}
+
+div.fieldset span.legend {
+  position: relative;
+  top: -20px;
+}
+
+div.flash {
+  width: 420px;
+  height: 236px;
+  margin: 2px 5px 8px 9px;
+  border-color: #D9E4FF;
+  overflow-y: auto;
+  -moz-border-radius-topleft: 5px;
+  -webkit-border-top-left-radius: 5px;
+  -moz-border-radius-topright: 5px;
+  -webkit-border-top-right-radius: 5px;
+  -moz-border-radius-bottomleft: 5px;
+  -webkit-border-bottom-left-radius: 5px;
+  -moz-border-radius-bottomright: 5px;
+  -webkit-border-bottom-right-radius: 5px;
+
+}
+
+.progressWrapper {
+  width: 412px;
+  overflow: hidden;
+}
+
+.progressContainer {
+  margin: 0 0px 5px 0;
+  /*padding: 3px 0 3px 4px;*/
+  border: solid 1px #E8E8E8;
+  background-color: #F7F7F7;
+  overflow: hidden;
+}
+
+  /* Message */
+.message {
+  margin: 1em 0;
+  padding: 10px 20px;
+  border: solid 1px #FFDD99;
+  background-color: #FFFFCC;
+  overflow: hidden;
+}
+
+  /* Error */
+.red {
+  border: solid 1px #B50000;
+  background-color: #FFEBEB;
+}
+
+  /* Current */
+.green {
+  border: solid 1px #DDF0DD;
+  background-color: #EBFFEB;
+}
+
+  /* Complete */
+.blue {
+  border: solid 1px #CEE2F2;
+  background-color: #F0F5FF;
+}
+
+.progressName {
+  font-size: 10px;
+  color: #555;
+  width: 360px;
+  height: 14px;
+  text-align: left;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.progressBarInProgress,
+.progressBarComplete,
+.progressBarError {
+  font-size: 0;
+  width: 0%;
+  height: 2px;
+  background-color: blue;
+  margin-top: 2px;
+}
+
+.progressBarComplete {
+  width: 100%;
+  background-color: green;
+  visibility: hidden;
+}
+
+.progressBarError {
+  width: 100%;
+  background-color: red;
+  visibility: hidden;
+}
+
+a.progressCancel {
+  font-size: 0;
+  display: block;
+  height: 14px;
+  width: 14px;
+  background: url(<%= asset_path 'ueditor/themes/default/cancelbutton.gif' %>) -14px 0 no-repeat;
+  float: right;
+}
+
+a.progressCancel:hover {
+  background-position: 0 0;
+}
+
+.progressBarStatus {
+  margin-top: 2px;
+  width: 337px;
+  font-size: 7pt;
+  text-align: left;
+  white-space: nowrap;
+}
+
+  /* -- SWFUpload Object Styles ------------------------------- */
+.swfupload {
+  vertical-align: top;
+}
+
+

data/app/assets/stylesheets/ueditor_rails/dialogs/image.css.erb

@@ -0,0 +1,69 @@
+@charset "utf-8";
+.wrapper{ width: 623px;margin: 10px auto;zoom:1;position: relative;}
+.tabbody{ height:325px;_height:330px;}/*tab样式框大小*/
+.panel { position: absolute;width:100%; height:100%;background: #fff;}
+
+#remote{ z-index: 200;}
+#remote table{border-collapse: collapse;width: 620px; height: 300px; margin-top: 5px;}
+#remote td.label{text-align: center;width: 80px; }
+#remote td{height: 40px;}
+td input {
+    width: 150px;
+    height: 21px;
+    line-height: 21px;
+    background: #FFF;
+    border: 1px solid #d7d7d7;
+}
+#url {width: 520px;margin-bottom: 2px;}
+#preview{width: 260px; height: 260px; position: absolute;top:50px; left: 341px; z-index: 9999;background-color: #eee}
+.lock{
+    position: absolute;
+    width: 45px;
+    height: 40px;
+    top: 68px;
+    left: 260px;
+    background: url(<%= asset_path 'ueditor/themes/default/lock.gif' %>) 3px -4px no-repeat;
+    line-height: 40px;
+    padding-top:10px;
+}
+.saveDir{
+    /*width: 132px;*/
+    /*text-align: right;*/
+    height: 40px;
+    line-height: 40px;
+    margin-left: 30px;
+    float: left;
+}
+.saveDir select{
+    height: 30px;
+}
+#duiqi{ width: 62px; height: 38px;float: left}
+#remoteFloat div,#localFloat div{cursor:pointer;opacity: 0.5;filter: alpha(opacity = 50);margin-left:1px;width:38px;height:36px;float:left;}
+#remoteFloat .focus,#localFloat .focus{opacity: 1;filter: alpha(opacity = 100)}
+#maskIframe{ width: 620px; height: 325px; position: absolute;z-index: 100; }
+#flashContainer { margin: 6px;position: relative;}
+#upload{width: 100px;height: 30px;float: right; margin:3px 6px 0 0;cursor: pointer;}
+#imageList{width: 620px;height: 315px; margin-top: 10px;overflow:hidden;overflow-y: auto;}
+#imageList img{cursor: pointer ;border: 2px solid #fff}
+#imgManager #imageList div{float: left;width: 100px;height: 100px;margin: 5px 10px;}
+#imgSearchTxt{padding-left:2px;margin-left:15px;background: #FFF;width:200px;height:21px;line-height:21px;border: 1px solid #d7d7d7;}
+#searchList{width: 620px;overflow: auto;zoom:1;height: 270px;}
+#searchList div{float: left;width: 116px;height: 135px;margin: 5px 15px;_margin:5px 10px;}
+#searchList img{margin: 2px 8px;cursor: pointer;border: 2px solid #fff} /*不用缩略图*/
+#searchList p{margin-left: 10px;_margin-left:8px;}
+#imgType{
+    width: 65px;
+    height: 23px;
+    line-height: 22px;
+    border: 1px solid #d7d7d7;
+}
+#imgSearchBtn,#imgSearchReset{
+    width: 100%;
+    height: 25px;
+    margin: 0 3px;
+    line-height: 25px;
+    background: #eee;
+    border: 1px solid #d7d7d7;
+    cursor: pointer
+}
+.msg{margin-left: 5px;}

data/app/assets/stylesheets/ueditor_rails/dialogs/scrawl.css.erb

@@ -0,0 +1,72 @@
+/*common
+*/
+body{margin: 0;}
+table{width:100%;}
+table td{padding:2px 4px;vertical-align: middle;}
+a{text-decoration: none;}
+em{font-style: normal;}
+.border_style1{border: 1px solid #ccc;border-radius: 5px;box-shadow:2px 2px 5px #d3d6da;}
+/*module
+*/
+.main{margin: 8px;overflow: hidden;}
+
+.hot{float:left;height:335px;}
+.drawBoard{position: relative; cursor: crosshair;}
+.brushBorad{position: absolute;left:0;top:0;z-index: 998;}
+.picBoard{border: none;text-align: center;line-height: 300px;cursor: default;}
+.operateBar{margin-top:10px;font-size:12px;text-align: center;}
+.operateBar span{margin-left: 10px;}
+
+.drawToolbar{float:right;width:110px;height:300px;overflow: hidden;}
+.colorBar{margin-top:10px;font-size: 12px;text-align: center;}
+.colorBar a{display:block;width: 10px;height: 10px;border:1px solid #1006F1;border-radius: 3px; box-shadow:2px 2px 5px #d3d6da;opacity: 0.3}
+.sectionBar{margin-top:15px;font-size: 12px;text-align: center;}
+.sectionBar a{display:inline-block;width:10px;height:12px;color: #888;text-indent: -999px;opacity: 0.3}
+.size1{background: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/size.png' %>') 1px center no-repeat ;}
+.size2{background: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/size.png' %>') -10px center no-repeat;}
+.size3{background: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/size.png' %>') -22px center no-repeat;}
+.size4{background: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/size.png' %>') -35px center no-repeat;}
+
+.addImgH{position: relative;}
+.addImgH_form{position: absolute;left: 18px;top: -1px;width: 75px;height: 21px;opacity: 0;cursor: pointer;}
+.addImgH_form input{width: 100%;}
+/*scrawl遮罩层
+*/
+.maskLayerNull{display: none;}
+.maskLayer{position: absolute;top:0;left:0;width: 100%; height: 100%;opacity: 0.7;
+    background-color: #fff;text-align:center;font-weight:bold;line-height:300px;z-index: 1000;}
+/*btn state
+*/
+.previousStepH .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/undoH.png' %>');cursor: pointer;}
+.previousStepH .text{color:#888;cursor:pointer;}
+.previousStep .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/undo.png' %>');cursor:default;}
+.previousStep .text{color:#ccc;cursor:default;}
+
+.nextStepH .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/redoH.png' %>');cursor: pointer;}
+.nextStepH .text{color:#888;cursor:pointer;}
+.nextStep .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/redo.png' %>');cursor:default;}
+.nextStep .text{color:#ccc;cursor:default;}
+
+.clearBoardH .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/emptyH.png' %>');cursor: pointer;}
+.clearBoardH .text{color:#888;cursor:pointer;}
+.clearBoard .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/empty.png' %>');cursor:default;}
+.clearBoard .text{color:#ccc;cursor:default;}
+
+.scaleBoardH .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/scaleH.png' %>');cursor: pointer;}
+.scaleBoardH .text{color:#888;cursor:pointer;}
+.scaleBoard .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/scale.png' %>');cursor:default;}
+.scaleBoard .text{color:#ccc;cursor:default;}
+
+.removeImgH .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/delimgH.png' %>');cursor: pointer;}
+.removeImgH .text{color:#888;cursor:pointer;}
+.removeImg .icon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/delimg.png' %>');cursor:default;}
+.removeImg .text{color:#ccc;cursor:default;}
+
+.addImgH .icon{vertical-align:top;display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/addimg.png' %>')}
+.addImgH .text{color:#888;cursor:pointer;}
+/*icon
+*/
+.brushIcon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/brush.png' %>')}
+.eraserIcon{display: inline-block;width:16px;height:16px;background-image: url('<%= asset_path 'ueditor_rails/dialogs/scrawl/eraser.png' %>')}
+
+

data/app/controllers/ueditor_rails/application_controller.rb

@@ -0,0 +1,5 @@
+module UeditorRails
+  class ApplicationController < ActionController::Base
+    layout false
+  end
+end

data/app/controllers/ueditor_rails/dialogs_controller.rb

@@ -0,0 +1,21 @@
+require_dependency "ueditor_rails/application_controller"
+
+module UeditorRails
+  class DialogsController < ApplicationController
+    def attachment
+
+    end
+  
+    def image
+
+    end
+
+    def wordimage
+
+    end
+
+    def scrawl
+
+    end
+  end
+end

data/app/controllers/ueditor_rails/libs_controller.rb

@@ -0,0 +1,33 @@
+require_dependency "ueditor_rails/application_controller"
+
+module UeditorRails
+  class LibsController < ApplicationController
+    after_filter :set_expires_at
+
+    def swf_image_uploader
+      send_file UeditorRails.ueditor_base_path.join('third-party/imageUploader.swf'),
+                :disposition => 'inline', :type => 'application/x-shockwave-flash'
+    end
+  
+    def swf_upload
+      send_file UeditorRails.ueditor_base_path.join('third-party/swfupload/swfupload.swf'),
+                :disposition => 'inline', :type => 'application/x-shockwave-flash'
+    end
+  
+    def swf_upload_fp9
+      send_file UeditorRails.ueditor_base_path.join('third-party/swfupload/swfupload_fp9.swf'),
+                :disposition => 'inline', :type => 'application/x-shockwave-flash'
+    end
+
+    def fclipboard_ueditor
+      send_file UeditorRails.ueditor_base_path.join('third-party/fClipboard_ueditor.swf'),
+                :disposition => 'inline', :type => 'application/x-shockwave-flash'
+    end
+
+    protected
+
+    def set_expires_at
+      response.headers['Expires'] = CGI.rfc1123_date(Time.now + 1.weeks)
+    end
+  end
+end

data/app/helpers/ueditor_rails/application_helper.rb

@@ -0,0 +1,27 @@
+module UeditorRails
+  module ApplicationHelper
+    def swfupload_path
+      UeditorRails.enable_cross_domain ?
+          UeditorRails::Engine.routes.url_helpers.libs_swf_upload_path :
+          asset_path('ueditor/third-party/swfupload/swfupload.swf')
+    end
+
+    def swfupload_fp9_path
+      UeditorRails.enable_cross_domain ?
+          UeditorRails::Engine.routes.url_helpers.libs_swf_upload_fp9_path :
+          asset_path('ueditor/third-party/swfupload/swfupload_fp9.swf')
+    end
+
+    def swf_imageuploader_path
+      UeditorRails.enable_cross_domain ?
+          UeditorRails::Engine.routes.url_helpers.libs_swf_image_uploader_path :
+          asset_path('ueditor/third-party/imageUploader.swf')
+    end
+
+    def fclipboard_ueditor_path
+      UeditorRails.enable_cross_domain ?
+          UeditorRails::Engine.routes.url_helpers.libs_fclipboard_ueditor_path :
+          asset_path('ueditor/third-party/fClipboard_ueditor.swf')
+    end
+  end
+end

data/app/views/ueditor_rails/dialogs/attachment.html.erb

@@ -0,0 +1,124 @@
+<!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"/>
+  <%= stylesheet_link_tag 'ueditor_rails/dialogs/attachment' %>
+</head>
+<body>
+<div class="wrapper">
+  <div class="controller">
+    <!--<span id="divStatus"></span>-->
+    <span id="spanButtonPlaceHolder"></span>
+  </div>
+  <div class="fieldset flash" id="fsUploadProgress"></div>
+  <span id="startUpload" style="display: none;"></span>
+
+</div>
+
+<%= javascript_include_tag 'ueditor/dialogs/internal' %>
+<%= javascript_include_tag 'ueditor_rails/dialogs/attachment.js' %>
+<script type="text/javascript">
+  var swfupload,
+          filesList=[];
+  editor.setOpt({
+    fileFieldName:"upfile"
+  });
+  window.onload = function () {
+    var settings = {
+      upload_url:editor.options.fileUrl,           //附件上传服务器地址
+      file_post_name:editor.options.fileFieldName,      //向后台提交的表单名
+      flash_url:"<%= swfupload_path %>",
+      flash9_url:"<%= swfupload_fp9_path %>",
+      post_params:{"<%= request_forgery_protection_token %>":"<%= form_authenticity_token %>"}, //解决session丢失问题
+      file_size_limit:"100 MB",                                 //文件大小限制，此处仅是前端flash选择时候的限制，具体还需要和后端结合判断
+      file_types:"*.*",                                         //允许的扩展名，多个扩展名之间用分号隔开，支持*通配符
+      file_types_description:"All Files",                      //扩展名描述
+      file_upload_limit:100,                                   //单次可同时上传的文件数目
+      file_queue_limit:10,                                      //队列中可同时上传的文件数目
+      custom_settings:{                                         //自定义设置，用户可在此向服务器传递自定义变量
+        progressTarget:"fsUploadProgress",
+        startUploadId:"startUpload"
+      },
+      debug:false,
+
+      // 按钮设置
+      button_image_url:"<%= asset_path 'ueditor/themes/default/filescan.png' %>",
+      button_width:"100",
+      button_height:"25",
+      button_placeholder_id:"spanButtonPlaceHolder",
+      button_text:'<span class="theFont">'+lang.browseFiles+'</span>',
+      button_text_style:".theFont { font-size:14px;}",
+      button_text_left_padding:10,
+      button_text_top_padding:4,
+
+      // 所有回调函数 in handlers.js
+      swfupload_preload_handler:preLoad,
+      swfupload_load_failed_handler:loadFailed,
+      file_queued_handler:fileQueued,
+      file_queue_error_handler:fileQueueError,
+      //选择文件完成回调
+      file_dialog_complete_handler:function(numFilesSelected, numFilesQueued) {
+        var me = this;        //此处的this是swfupload对象
+        if (numFilesQueued > 0) {
+          dialog.buttons[0].setDisabled(true);
+          var start = $G(this.customSettings.startUploadId);
+          start.style.display = "";
+          start.onclick = function(){
+            me.startUpload();
+            start.style.display = "none";
+          }
+        }
+      },
+      upload_start_handler:uploadStart,
+      upload_progress_handler:uploadProgress,
+      upload_error_handler:uploadError,
+      upload_success_handler:function (file, serverData) {
+        try{
+          var info = eval("("+serverData+")");
+        }catch(e){}
+        var progress = new FileProgress(file, this.customSettings.progressTarget);
+        if(info.state=="SUCCESS"){
+          progress.setComplete();
+          progress.setStatus("<span style='color: #0b0;font-weight: bold'>"+lang.uploadSuccess+"</span>");
+          filesList.push({url:info.url,type:info.fileType,original:info.original});
+          progress.toggleCancel(true,this,lang.delSuccessFile);
+        }else{
+          progress.setError();
+          progress.setStatus(info.state);
+          progress.toggleCancel(true,this,lang.delFailSaveFile);
+        }
+
+      },
+      //上传完成回调
+      upload_complete_handler:uploadComplete,
+      //队列完成回调
+      queue_complete_handler:function(numFilesUploaded){
+        dialog.buttons[0].setDisabled(false);
+//                var status = $G("divStatus");
+//                var num = status.innerHTML.match(/\d+/g);
+//                status.innerHTML = ((num && num[0] ?parseInt(num[0]):0) + numFilesUploaded) +lang.statusPrompt;
+      }
+    };
+    swfupload = new SWFUpload( settings );
+    //点击OK按钮
+    dialog.onok = function(){
+      var map = fileTypeMaps,
+              str="";
+      for(var i=0,ci;ci=filesList[i++];){
+        var src = map[(ci.type||'default')];
+        str += "<p style='line-height: 16px;'><img src='"+ src + "' data_ue_src='"+src+"' />" +
+                "<a href='"+editor.options.filePath + ci.url+"'>" + ci.original + "</a></p>";
+      }
+      editor.execCommand("insertHTML",str);
+      swfupload.destroy();
+    };
+    dialog.oncancel = function(){
+      swfupload.destroy();
+    }
+  };
+</script>
+
+</body>
+</html>