RubyGems - ueditor_rails - Versions diffs - 0.0.2 → 0.0.4 - Mend

ueditor_rails 0.0.2 → 0.0.4

Files changed (105) hide show

data/vendor/assets/javascripts/ueditor/dialogs/insertframe/insertframe.html.erb ADDED

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title></title>
+    <style type="text/css">
+        .warp {width: 320px;height: 153px;margin-left:5px;padding: 20px 0 0 15px;position: relative;}
+        #url {width: 290px; margin-bottom: 2px; margin-left: -6px; margin-left: -2px\9;*margin-left:0;_margin-left:0; }
+        .format span{display: inline-block; width: 58px;text-align: center; zoom:1;}
+        table td{padding:5px 0;}
+        #align{width: 65px;height: 23px;line-height: 22px;}
+    </style>
+</head>
+<body>
+<div class="warp">
+        <table width="300" cellpadding="0" cellspacing="0">
+            <tr>
+                <td colspan="2" class="format">
+                    <span><var id="lang_input_address"></var></span>
+                    <input style="width:200px" id="url" type="text" value=""/>
+                </td>
+            </tr>
+            <tr>
+                <td colspan="2" class="format"><span><var id="lang_input_width"></var></span><input style="width:200px" type="text" id="width"/> px</td>
+            </tr>
+            <tr>
+                <td colspan="2" class="format"><span><var id="lang_input_height"></var></span><input style="width:200px" type="text" id="height"/> px</td>
+            </tr>
+            <tr>
+                <td><span><var id="lang_input_isScroll"></var></span><input type="checkbox" id="scroll"/> </td>
+                <td><span><var id="lang_input_frameborder"></var></span><input type="checkbox" id="frameborder"/> </td>
+            </tr>
+            <tr>
+                <td colspan="2"><span><var id="lang_input_alignMode"></var></span>
+                    <select id="align">
+                        <option value=""></option>
+                        <option value="left"></option>
+                        <option value="right"></option>
+                    </select>
+                </td>
+            </tr>
+        </table>
+</div>
+<%= javascript_include_tag 'ueditor/dialogs/internal.js' %>
+<script type="text/javascript">
+    var iframe = editor._iframe;
+    if(iframe){
+        $G("url").value = iframe.getAttribute("src")||"";
+        $G("width").value = iframe.getAttribute("width")||iframe.style.width.replace("px","")||"";
+        $G("height").value = iframe.getAttribute("height") || iframe.style.height.replace("px","") ||"";
+        $G("scroll").checked = (iframe.getAttribute("scrolling") == "yes") ? true : false;
+        $G("frameborder").checked = (iframe.getAttribute("frameborder") == "1") ? true : false;
+        $G("align").value = iframe.align ? iframe.align : "";
+    }
+    function queding(){
+        var  url = $G("url").value.replace(/^\s*|\s*$/ig,""),
+                width = $G("width").value,
+                height = $G("height").value,
+                scroll = $G("scroll"),
+                frameborder = $G("frameborder"),
+                float = $G("align").value,
+                newIframe = editor.document.createElement("iframe"),
+                div;
+        if(!url){
+            alert(lang.enterAddress);
+            return false;
+        }
+        newIframe.setAttribute("src",/http:\/\/|https:\/\//ig.test(url) ? url : "http://"+url);
+        /^[1-9]+[.]?\d*$/g.test( width ) ? newIframe.setAttribute("width",width) : "";
+        /^[1-9]+[.]?\d*$/g.test( height ) ? newIframe.setAttribute("height",height) : "";
+        scroll.checked ?  newIframe.setAttribute("scrolling","yes") : newIframe.setAttribute("scrolling","no");
+        frameborder.checked ?  newIframe.setAttribute("frameborder","1",0) : newIframe.setAttribute("frameborder","0",0);
+        float ? newIframe.setAttribute("align",float) :  newIframe.setAttribute("align","");
+        if(iframe){
+            iframe.parentNode.insertBefore(newIframe,iframe);
+            domUtils.remove(iframe);
+        }else{
+            div = editor.document.createElement("div");
+            div.appendChild(newIframe);
+            editor.execCommand("inserthtml",div.innerHTML);
+        }
+        editor._iframe = null;
+        dialog.close();
+    }
+    dialog.onok = queding;
+    $G("url").onkeydown = function(evt){
+        evt = evt || event;
+        if(evt.keyCode == 13){
+            queding();
+        }
+    };
+    $focus($G( "url" ));
+</script>
+</body>
+</html>

data/vendor/assets/javascripts/ueditor/dialogs/link/link.html.erb CHANGED

@@ -2,123 +2,138 @@
         "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>
-    <style type="text/css">
-        *{margin:0;padding:0;color: #838383;}
-        table{font-size: 12px;margin: 10px;line-height: 30px}
-        .txt{width:300px;height:21px;line-height:21px;border:1px solid #d7d7d7;}
-    </style>
+  <title></title>
+  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+  <style type="text/css">
+    * {
+      margin: 0;
+      padding: 0;
+      color: #838383;
+    }
+    table {
+      font-size: 12px;
+      margin: 10px;
+      line-height: 30px
+    }
+    .txt {
+      width: 300px;
+      height: 21px;
+      line-height: 21px;
+      border: 1px solid #d7d7d7;
+    }
+  </style>
 </head>
 <body>
-    <table>
-        <tr>
-            <td><label for="text"> <var id="lang_input_text"></var></label></td>
-            <td><input class="txt" id="text" type="text" disabled="true"/></td>
-        </tr>
-        <tr>
-            <td><label for="href"> <var id="lang_input_url"></var></label></td>
-            <td><input class="txt" id="href" type="text" /></td>
-        </tr>
-        <tr>
-            <td><label for="title"> <var id="lang_input_title"></var></label></td>
-            <td><input class="txt" id="title" type="text"/></td>
-        </tr>
-        <tr>
-             <td colspan="2">
-                 <label for="target"><var id="lang_input_target"></var></label>
-                 <input id="target" type="checkbox"/>
-             </td>
-        </tr>
-        <tr>
-            <td colspan="2" id="msg"></td>
-        </tr>
-    </table>
+<table>
+  <tr>
+    <td><label for="text"> <var id="lang_input_text"></var></label></td>
+    <td><input class="txt" id="text" type="text" disabled="true"/></td>
+  </tr>
+  <tr>
+    <td><label for="href"> <var id="lang_input_url"></var></label></td>
+    <td><input class="txt" id="href" type="text"/></td>
+  </tr>
+  <tr>
+    <td><label for="title"> <var id="lang_input_title"></var></label></td>
+    <td><input class="txt" id="title" type="text"/></td>
+  </tr>
+  <tr>
+    <td colspan="2">
+      <label for="target"><var id="lang_input_target"></var></label>
+      <input id="target" type="checkbox"/>
+    </td>
+  </tr>
+  <tr>
+    <td colspan="2" id="msg"></td>
+  </tr>
+</table>
+<%= javascript_include_tag 'ueditor/dialogs/internal.js' %>
 <script type="text/javascript">
-    var range = editor.selection.getRange(),
-        link = range.collapsed ? editor.queryCommandValue( "link" ) : editor.selection.getStart(),
-        url,
-        text = $G('text'),
-        rangeLink = domUtils.findParentByTagName(range.getCommonAncestor(),'a',true),
-        orgText;
-    link = domUtils.findParentByTagName( link, "a", true );
-    if(link){
-        url = utils.html(link.getAttribute( 'data_ue_src' ) || link.getAttribute( 'href', 2 ));
+  var range = editor.selection.getRange(),
+          link = range.collapsed ? editor.queryCommandValue("link") : editor.selection.getStart(),
+          url,
+          text = $G('text'),
+          rangeLink = domUtils.findParentByTagName(range.getCommonAncestor(), 'a', true),
+          orgText;
+  link = domUtils.findParentByTagName(link, "a", true);
+  if (link) {
+    url = utils.html(link.getAttribute('data_ue_src') || link.getAttribute('href', 2));
-        if(rangeLink === link && !link.getElementsByTagName('img').length){
-            text.removeAttribute('disabled');
-            orgText = text.value = link[browser.ie ? 'innerText':'textContent'];
-        }else{
-            text.setAttribute('disabled','true');
-            text.value = lang.validLink;
-        }
-    }else{
-        if(range.collapsed){
-            text.removeAttribute('disabled');
-            text.value = '';
-        }else{
-            text.setAttribute('disabled','true');
-            text.value = lang.validLink;
-        }
+    if (rangeLink === link && !link.getElementsByTagName('img').length) {
+      text.removeAttribute('disabled');
+      orgText = text.value = link[browser.ie ? 'innerText' : 'textContent'];
+    } else {
+      text.setAttribute('disabled', 'true');
+      text.value = lang.validLink;
+    }
+  } else {
+    if (range.collapsed) {
+      text.removeAttribute('disabled');
+      text.value = '';
+    } else {
+      text.setAttribute('disabled', 'true');
+      text.value = lang.validLink;
     }
-    $G("title").value = url ? link.title : "";
-    $G("href").value = url ? url: '';
-    $G("target").checked = url && link.target == "_blank" ? true :  false;
-    $focus($G("href"));
-    function handleDialogOk(){
-        var href =$G('href').value.replace(/^\s+|\s+$/g, '');
-        if(href){
-            if(!hrefStartWith(href,["http","/","ftp://"])) {
-                href  = "http://" + href;
-            }
-            var obj = {
-                'href' : href,
-                'target' : $G("target").checked ? "_blank" : '_self',
-                'title' : $G("title").value.replace(/^\s+|\s+$/g, ''),
-                'data_ue_src':href
-            };
-            //修改链接内容的情况太特殊了，所以先做到这里了
-            //todo:情况多的时候，做到command里
-            if(orgText && text.value != orgText){
-                link[browser.ie ? 'innerText' : 'textContent'] =  obj.textValue = text.value;
-                range.selectNode(link).select()
-            }
-            if(range.collapsed){
-                obj.textValue = text.value;
-            }
-            editor.execCommand('link',obj );
-            dialog.close();
-        }
+  }
+  $G("title").value = url ? link.title : "";
+  $G("href").value = url ? url : '';
+  $G("target").checked = url && link.target == "_blank" ? true : false;
+  $focus($G("href"));
+  function handleDialogOk() {
+    var href = $G('href').value.replace(/^\s+|\s+$/g, '');
+    if (href) {
+      if (!hrefStartWith(href, ["http", "/", "ftp://"])) {
+        href = "http://" + href;
+      }
+      var obj = {
+        'href': href,
+        'target': $G("target").checked ? "_blank" : '_self',
+        'title': $G("title").value.replace(/^\s+|\s+$/g, ''),
+        'data_ue_src': href
+      };
+      //修改链接内容的情况太特殊了，所以先做到这里了
+      //todo:情况多的时候，做到command里
+      if (orgText && text.value != orgText) {
+        link[browser.ie ? 'innerText' : 'textContent'] = obj.textValue = text.value;
+        range.selectNode(link).select()
+      }
+      if (range.collapsed) {
+        obj.textValue = text.value;
+      }
+      editor.execCommand('link', obj);
+      dialog.close();
+    }
+  }
+  dialog.onok = handleDialogOk;
+  $G('href').onkeydown = $G('title').onkeydown = function (evt) {
+    evt = evt || window.event;
+    if (evt.keyCode == 13) {
+      handleDialogOk();
+      return false;
+    }
+  };
+  $G('href').onblur = function () {
+    if (!hrefStartWith(this.value, ["http", "/", "ftp://"])) {
+      $G("msg").innerHTML = "<span style='color: red'>" + lang.httpPrompt + "</span>";
+    } else {
+      $G("msg").innerHTML = "";
     }
-    dialog.onok = handleDialogOk;
-    $G('href').onkeydown = $G('title').onkeydown = function(evt){
-        evt = evt || window.event;
-        if (evt.keyCode == 13) {
-            handleDialogOk();
-            return false;
-        }
-    };
-    $G('href').onblur = function(){
-        if(!hrefStartWith(this.value,["http","/","ftp://"])){
-            $G("msg").innerHTML = "<span style='color: red'>"+lang.httpPrompt+"</span>";
-        }else{
-            $G("msg").innerHTML = "";
-        }
-    };
+  };
-    function hrefStartWith(href,arr){
-        href = href.replace(/^\s+|\s+$/g, '');
-        for(var i=0,ai;ai=arr[i++];){
-            if(href.indexOf(ai)==0){
-                return true;
-            }
-        }
-        return false;
+  function hrefStartWith(href, arr) {
+    href = href.replace(/^\s+|\s+$/g, '');
+    for (var i = 0, ai; ai = arr[i++];) {
+      if (href.indexOf(ai) == 0) {
+        return true;
+      }
     }
+    return false;
+  }
 </script>

data/vendor/assets/javascripts/ueditor/dialogs/map/map.html.erb ADDED

@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=true"></script>
+    <style type="text/css">
+        .content{width:530px; height: 350px;margin: 10px auto;}
+        .content table{width: 100%}
+        .content table td{vertical-align: middle;}
+        #city,#address{height:21px;background: #FFF;border:1px solid #d7d7d7; line-height: 21px;}
+        #city{width:90px}
+        #address{width:220px}
+    </style>
+</head>
+<body>
+<div class="content">
+    <table>
+        <tr>
+            <td><var id="lang_city"></var>:</td>
+            <td><input id="city" type="text" /></td>
+            <td><var id="lang_address"></var>:</td>
+            <td><input id="address" type="text" value="" /></td>
+            <td><a href="javascript:doSearch()" class="button"><var id="lang_search"></var></a></td>
+        </tr>
+    </table>
+    <div style="width:100%;height:340px;margin:5px auto;border:1px solid gray" id="container"></div>
+</div>
+<%= javascript_include_tag 'ueditor/dialogs/internal.js' %>
+<script type="text/javascript">
+    var map = new BMap.Map("container"),marker,point,imgcss;
+    map.enableScrollWheelZoom();
+    map.enableContinuousZoom();
+    function doSearch(){
+        if (!document.getElementById('city').value) {
+            alert(lang.cityMsg);
+            return;
+        }
+        var search = new BMap.LocalSearch(document.getElementById('city').value, {
+            onSearchComplete: function (results){
+                if (results && results.getNumPois()) {
+                    var points = [];
+                    for (var i=0; i<results.getCurrentNumPois(); i++) {
+                        points.push(results.getPoi(i).point);
+                    }
+                    if (points.length > 1) {
+                        map.setViewport(points);
+                    } else {
+                        map.centerAndZoom(points[0], 13);
+                    }
+                    point = map.getCenter();
+                    marker.setPoint(point);
+                } else {
+                    alert(lang.errorMsg);
+                }
+            }
+        });
+        search.search(document.getElementById('address').value || document.getElementById('city').value);
+    }
+    //获得参数
+    function getPars(str,par){
+        var reg = new RegExp(par+"=((\\d+|[.,])*)","g");
+        return reg.exec(str)[1];
+    }
+    function init(){
+        var img = editor.selection.getRange().getClosedNode();
+        if(img && /api[.]map[.]baidu[.]com/ig.test(img.getAttribute("src"))){
+            var url = img.getAttribute("src"),centers;
+            centers = getPars(url,"center").split(",");
+            point = new BMap.Point(Number(centers[0]),Number(centers[1]));
+            map.addControl(new BMap.NavigationControl());
+            map.centerAndZoom(point, Number(getPars(url,"zoom")));
+            imgcss = img.style.cssText;
+        }else{
+            point = new BMap.Point(116.404, 39.915);    // 创建点坐标
+            map.addControl(new BMap.NavigationControl());
+            map.centerAndZoom(point, 10);                     // 初始化地图,设置中心点坐标和地图级别。
+        }
+        marker = new BMap.Marker(point);
+        marker.enableDragging();
+        map.addOverlay(marker);
+    }
+    init();
+    document.getElementById('address').onkeydown = function (evt){
+        evt = evt || event;
+        if (evt.keyCode == 13) {
+            doSearch();
+        }
+    };
+    dialog.onok = function (){
+        var center = map.getCenter();
+        var zoom = map.zoomLevel;
+        var size = map.getSize();
+        var point = marker.getPoint();
+        var url = "http://api.map.baidu.com/staticimage?center=" + center.lng + ',' + center.lat +
+            "&zoom=" + zoom + "&width=" + size.width + '&height=' + size.height + "&markers=" + point.lng + ',' + point.lat;
+        editor.execCommand('inserthtml', '<img width="'+ size.width +'"height="'+ size.height +'" src="' + url + '"' + (imgcss ? ' style="' + imgcss + '"' :'') + '/>');
+    };
+    document.getElementById("address").focus();
+</script>
+</body>
+</html>

data/vendor/assets/javascripts/ueditor/dialogs/music/music.css ADDED

@@ -0,0 +1,30 @@
+.wrapper{margin: 5px 10px;}
+.searchBar{height:30px;padding:7px 0 3px;text-align:center;}
+.searchBtn{font-size:13px;height:24px;}
+.resultBar{width:460px;margin:5px auto;border: 1px solid #CCC;border-radius: 5px;box-shadow: 2px 2px 5px #D3D6DA;overflow: hidden;}
+.listPanel{overflow: hidden;}
+.panelon{display:block;}
+.paneloff{display:none}
+.page{width:220px;margin:20px auto;overflow: hidden;}
+.pageon{float:right;width:24px;line-height:24px;height:24px;margin-right: 5px;background: none;border: none;color: #000;font-weight: bold;text-align:center}
+.pageoff{float:right;width:24px;line-height:24px;height:24px;cursor:pointer;background-color: #fff;
+   border: 1px solid #E7ECF0;color: #2D64B3;margin-right: 5px;text-decoration: none;text-align:center;}
+.m-box{width:460px;}
+.m-m{float: left;line-height: 20px;height: 20px;}
+.m-h{height:24px;line-height:24px;padding-left: 46px;background-color:#FAFAFA;border-bottom: 1px solid #DAD8D8;font-weight: bold;font-size: 12px;color: #333;}
+.m-l{float:left;width:40px; }
+.m-t{float:left;width:140px;}
+.m-s{float:left;width:110px;}
+.m-z{float:left;width:100px;}
+.m-try-t{float: left;width: 60px;;}
+.m-try{float:left;width:20px;height:20px;background:url('http://static.tieba.baidu.com/tb/editor/images/try_music.gif') no-repeat ;}
+.m-trying{float:left;width:20px;height:20px;background:url('http://static.tieba.baidu.com/tb/editor/images/stop_music.gif') no-repeat ;}
+.loading{width:95px;height:7px;font-size:7px;margin:60px auto;background:url(http://static.tieba.baidu.com/tb/editor/images/loading.gif) no-repeat}
+.empty{width:300px;height:40px;padding:2px;margin:50px auto;line-height:40px; color:#006699;text-align:center;}