RubyGems - ueditor_rails4 - Versions diffs - 0.0.5 - Mend

ueditor_rails4 0.0.5

Files changed (227) hide show

data/vendor/assets/javascripts/ueditor/dialogs/help/help.js ADDED

@@ -0,0 +1,54 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: xuheng
+ * Date: 12-9-26
+ * Time: 下午1:06
+ * To change this template use File | Settings | File Templates.
+ */
+/**
+ * tab点击处理事件
+ * @param tabHeads
+ * @param tabBodys
+ * @param obj
+ */
+function clickHandler( tabHeads,tabBodys,obj ) {
+    //head样式更改
+    for ( var k = 0, len = tabHeads.length; k < len; k++ ) {
+        tabHeads[k].className = "";
+    }
+    obj.className = "focus";
+    //body显隐
+    var tabSrc = obj.getAttribute( "tabSrc" );
+    for ( var j = 0, length = tabBodys.length; j < length; j++ ) {
+        var body = tabBodys[j],
+            id = body.getAttribute( "id" );
+        body.onclick = function(){
+            this.style.zoom = 1;
+        };
+        if ( id != tabSrc ) {
+            body.style.zIndex = 1;
+        } else {
+            body.style.zIndex = 200;
+        }
+    }
+}
+/**
+ * TAB切换
+ * @param tabParentId  tab的父节点ID或者对象本身
+ */
+function switchTab( tabParentId ) {
+    var tabElements = $G( tabParentId ).children,
+        tabHeads = tabElements[0].children,
+        tabBodys = tabElements[1].children;
+    for ( var i = 0, length = tabHeads.length; i < length; i++ ) {
+        var head = tabHeads[i];
+        if ( head.className === "focus" )clickHandler(tabHeads,tabBodys, head );
+        head.onclick = function () {
+            clickHandler(tabHeads,tabBodys,this);
+        }
+    }
+}
+switchTab("helptab");

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

@@ -0,0 +1,131 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <title></title>
+  <style type="text/css">
+    html, body {
+      _overflow: hidden;
+    }
+    * {
+      margin: 0;
+      padding: 0;
+      line-height: 20px;
+    }
+    .wrapper {
+      width: 520px;
+      height: 300px;
+      margin: 10px 15px;
+      font-size: 12px
+    }
+    textarea {
+      width: 510px;
+      height: 300px;
+      resize: none;
+      margin: 5px;
+      *margin-left: -12px;
+    }
+  </style>
+</head>
+<body>
+<div class="wrapper">
+  <p>
+    <label for="language"><var id="lang_input_selectLang"></var></label>
+    <select id="language">
+      <option value="as3">ActionScript3</option>
+      <option value="bash">Bash/Shell</option>
+      <option value="cpp">C/C++</option>
+      <option value="css">Css</option>
+      <option value="cf">CodeFunction</option>
+      <option value="c#">C#</option>
+      <option value="delphi">Delphi</option>
+      <option value="diff">Diff</option>
+      <option value="erlang">Erlang</option>
+      <option value="groovy">Groovy</option>
+      <option value="html">Html</option>
+      <option value="java">Java</option>
+      <option value="jfx">JavaFx</option>
+      <option value="js">Javascript</option>
+      <option value="pl">Perl</option>
+      <option value="php">Php</option>
+      <option value="plain">Plain Text</option>
+      <option value="ps">PowerShell</option>
+      <option value="python">Python</option>
+      <option value="ruby">Ruby</option>
+      <option value="scala">Scala</option>
+      <option value="sql">Sql</option>
+      <option value="vb">Vb</option>
+      <option value="xml">Xml</option>
+    </select>
+  </p>
+  <label for="code"></label><textarea id="code" cols="" rows=""></textarea>
+</div>
+<%= javascript_include_tag 'ueditor/dialogs/internal.js' %>
+<script type="text/javascript">
+  var sels = $G("language"),
+          code = $G('code');
+  var state = editor.queryCommandState("highlightcode");
+  if (state) {
+    var pN = domUtils.findParent(editor.selection.getRange().startContainer, function (node) {
+      return /syntaxhighlighter/ig.test(node.className);
+    });
+    if (pN) {
+      var divs = pN.getElementsByTagName("div"), di;
+      for (var i = divs.length - 1, container; container = divs[i--];) {
+        if (container.className == "container") {
+          di = container;
+          break;
+        }
+      }
+      for (var str = [], c = 0, ci; ci = di.childNodes[c++];) {
+        str.push(ci[parent.baidu.editor.browser.ie ? 'innerText' : 'textContent']);
+      }
+      $G("code").value = str.join("\n");
+      $G("language").value = pN.className.match(/highlighter[\s]+([a-z\d]*#?)/)[1];
+    }
+  }
+  code.onkeydown = function (evt) {
+    evt = evt || event;
+    if (evt.keyCode == 9) {
+      if (('selectionStart' in code) && code.selectionStart == code.selectionEnd) {
+        var offset = code.selectionStart;
+        code.value = code.value.substring(0, code.selectionStart) +
+                "    " + code.value.substring(code.selectionStart);
+        code.selectionStart = code.selectionEnd = offset + 4;
+        $focus(code);
+      }
+      else {
+        var textRange = document.selection.createRange();
+        textRange.text = "    " + textRange.text;
+        textRange.collapse(false);
+        textRange.select();
+        $focus(code);
+      }
+      evt.returnValue = false;
+      evt.preventDefault();
+    }
+    if ((evt.ctrlKey || evt.metaKey) && evt.keyCode == 13) {
+      dialog.onok();
+    }
+  };
+  dialog.onok = function () {
+    var language = sels.value;
+    if (code.value.replace(/^\s*|\s*$/ig, "")) {
+      editor.execCommand("highlightcode", code.value, language);
+      dialog.close();
+    } else {
+      alert(lang.importCode);
+    }
+  };
+  $focus(code);
+  sels.onchange = function () {
+    $focus(code);
+  }
+</script>
+</body>
+</html>

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/internal.js ADDED

@@ -0,0 +1,79 @@
+(function () {
+    var parent = window.parent;
+    //dialog对象
+    dialog = parent.$EDITORUI[window.frameElement.id.replace( /_iframe$/, '' )];
+    //当前打开dialog的编辑器实例
+    editor = dialog.editor;
+    UE = parent.UE;
+    domUtils = UE.dom.domUtils;
+    utils = UE.utils;
+    browser = UE.browser;
+    ajax = UE.ajax;
+    $G = function ( id ) {
+        return document.getElementById( id )
+    };
+    //focus元素
+    $focus = function ( node ) {
+        setTimeout( function () {
+            if ( browser.ie ) {
+                var r = node.createTextRange();
+                r.collapse( false );
+                r.select();
+            } else {
+                node.focus()
+            }
+        }, 0 )
+    };
+    utils.loadFile(document,{
+        href:editor.options.themePath + editor.options.theme + "/dialogbase.css?cache="+Math.random(),
+        tag:"link",
+        type:"text/css",
+        rel:"stylesheet"
+    });
+    lang = editor.getLang(dialog.className.split( "-" )[2]);
+    domUtils.on(window,'load',function () {
+        var langImgPath = editor.options.langPath + editor.options.lang + "/images/";
+        //针对静态资源
+        for ( var i in lang.static ) {
+            var dom = $G( i );
+            if(!dom) continue;
+            var tagName = dom.tagName,
+                    content = lang.static[i];
+            if(content.src){
+                //clone
+                content = utils.extend({},content,false);
+                content.src = langImgPath + content.src;
+            }
+            if(content.style){
+                content = utils.extend({},content,false);
+                content.style = content.style.replace(/url\s*\(/g,"url(" + langImgPath)
+            }
+            switch ( tagName.toLowerCase() ) {
+                case "var":
+                    dom.parentNode.replaceChild( document.createTextNode( content ), dom );
+                    break;
+                case "select":
+                    var ops = dom.options;
+                    for ( var j = 0, oj; oj = ops[j]; ) {
+                        oj.innerHTML = content.options[j++];
+                    }
+                    for ( var p in content ) {
+                        p != "options" && dom.setAttribute( p, content[p] );
+                    }
+                    break;
+                default :
+                    domUtils.setAttributes( dom, content);
+            }
+        }
+    } );
+})();

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

@@ -0,0 +1,141 @@
+<!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"/>
+  <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>
+<%= 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));
+    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();
+    }
+  }
+  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;
+  }
+</script>
+</body>
+</html>