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/snapscreen/snapscreen.html.erb ADDED

@@ -0,0 +1,91 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <title></title>
+  <style type="text/css">
+    * {
+      color: #838383
+    }
+    html, body {
+      font-size: 12px;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+      margin: 0px;
+      padding: 0px;
+    }
+    h2 {
+      font-size: 16px;
+      margin: 20px auto;
+    }
+    .content {
+      padding: 5px 15px 0 15px;
+      height: 100%;
+    }
+    dt, dd {
+      margin-left: 0;
+      padding-left: 0;
+    }
+    dt a {
+      display: block;
+      height: 30px;
+      line-height: 30px;
+      width: 55px;
+      background: #EFEFEF;
+      border: 1px solid #CCC;
+      padding: 0 10px;
+      text-decoration: none;
+    }
+    dt a:hover {
+      background: #e0e0e0;
+      border-color: #999
+    }
+    dt a:active {
+      background: #ccc;
+      border-color: #999;
+      color: #666;
+    }
+    dd {
+      line-height: 20px;
+      margin-top: 10px;
+    }
+    span {
+      padding-right: 4px;
+    }
+    input {
+      width: 210px;
+      height: 21px;
+      background: #FFF;
+      border: 1px solid #d7d7d7;
+      padding: 0px;
+      margin: 0px;
+    }
+  </style>
+</head>
+<body>
+<div class="content">
+  <h2><var id="lang_showMsg"></var></h2>
+  <dl>
+    <dt>
+      <a href="<%= asset_path 'ueditor/third-party/snapscreen/UEditorSnapscreen.exe' %>" target="_blank" id="downlink"><var id="lang_download"></var></a>
+    </dt>
+    <dd><var id="lang_step1"></var></dd>
+    <dd><var id="lang_step2"></var></dd>
+  </dl>
+</div>
+<%= javascript_include_tag 'ueditor/dialogs/internal.js' %>
+</body>
+</html>

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

@@ -0,0 +1,21 @@
+<!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">
+        html,body{overflow:hidden;}
+        #specharsTab{width: 97%;margin: 10px auto; zoom:1;position: relative}
+        .tabbody {height:447px;}
+        .tabbody span{ margin: 5px 3px;text-align: center;display:inline-block;width: 40px;height:16px;line-height: 16px;cursor: pointer; }
+    </style>
+</head>
+<body>
+    <div id="specharsTab">
+        <div id="tabHeads" class="tabhead"></div><div id="tabBodys" class="tabbody"></div>
+    </div>
+    <%= javascript_include_tag 'ueditor/dialogs/internal.js' %>
+    <%= javascript_include_tag 'ueditor/dialogs/spechars/spechars.js' %>
+</body>
+</html>

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

@@ -0,0 +1,56 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: xuheng
+ * Date: 12-9-26
+ * Time: 下午1:09
+ * To change this template use File | Settings | File Templates.
+ */
+var charsContent = [
+    { name:"tsfh", title:lang.tsfh, content:toArray("、,。,·,ˉ,ˇ,¨,〃,々,—,～,‖,…,‘,’,“,”,〔,〕,〈,〉,《,》,「,」,『,』,〖,〗,【,】,±,×,÷,∶,∧,∨,∑,∏,∪,∩,∈,∷,√,⊥,∥,∠,⌒,⊙,∫,∮,≡,≌,≈,∽,∝,≠,≮,≯,≤,≥,∞,∵,∴,♂,♀,°,′,″,℃,＄,¤,￠,￡,‰,§,№,☆,★,○,●,◎,◇,◆,□,■,△,▲,※,→,←,↑,↓,〓,〡,〢,〣,〤,〥,〦,〧,〨,〩,㊣,㎎,㎏,㎜,㎝,㎞,㎡,㏄,㏎,㏑,㏒,㏕,︰,￢,￤,℡,ˊ,ˋ,˙,–,―,‥,‵,℅,℉,↖,↗,↘,↙,∕,∟,∣,≒,≦,≧,⊿,═,║,╒,╓,╔,╕,╖,╗,╘,╙,╚,╛,╜,╝,╞,╟,╠,╡,╢,╣,╤,╥,╦,╧,╨,╩,╪,╫,╬,╭,╮,╯,╰,╱,╲,╳,▁,▂,▃,▄,▅,▆,▇,�,█,▉,▊,▋,▌,▍,▎,▏,▓,▔,▕,▼,▽,◢,◣,◤,◥,☉,⊕,〒,〝,〞")},
+    { name:"lmsz", title:lang.lmsz, content:toArray("ⅰ,ⅱ,ⅲ,ⅳ,ⅴ,ⅵ,ⅶ,ⅷ,ⅸ,ⅹ,Ⅰ,Ⅱ,Ⅲ,Ⅳ,Ⅴ,Ⅵ,Ⅶ,Ⅷ,Ⅸ,Ⅹ,Ⅺ,Ⅻ")},
+    { name:"szfh", title:lang.szfh, content:toArray("⒈,⒉,⒊,⒋,⒌,⒍,⒎,⒏,⒐,⒑,⒒,⒓,⒔,⒕,⒖,⒗,⒘,⒙,⒚,⒛,⑴,⑵,⑶,⑷,⑸,⑹,⑺,⑻,⑼,⑽,⑾,⑿,⒀,⒁,⒂,⒃,⒄,⒅,⒆,⒇,①,②,③,④,⑤,⑥,⑦,⑧,⑨,⑩,㈠,㈡,㈢,㈣,㈤,㈥,㈦,㈧,㈨,㈩")},
+    { name:"rwfh", title:lang.rwfh, content:toArray("ぁ,あ,ぃ,い,ぅ,う,ぇ,え,ぉ,お,か,が,き,ぎ,く,ぐ,け,げ,こ,ご,さ,ざ,し,じ,す,ず,せ,ぜ,そ,ぞ,た,だ,ち,ぢ,っ,つ,づ,て,で,と,ど,な,に,ぬ,ね,の,は,ば,ぱ,ひ,び,ぴ,ふ,ぶ,ぷ,へ,べ,ぺ,ほ,ぼ,ぽ,ま,み,む,め,も,ゃ,や,ゅ,ゆ,ょ,よ,ら,り,る,れ,ろ,ゎ,わ,ゐ,ゑ,を,ん,ァ,ア,ィ,イ,ゥ,ウ,ェ,エ,ォ,オ,カ,ガ,キ,ギ,ク,グ,ケ,ゲ,コ,ゴ,サ,ザ,シ,ジ,ス,ズ,セ,ゼ,ソ,ゾ,タ,ダ,チ,ヂ,ッ,ツ,ヅ,テ,デ,ト,ド,ナ,ニ,ヌ,ネ,ノ,ハ,バ,パ,ヒ,ビ,ピ,フ,ブ,プ,ヘ,ベ,ペ,ホ,ボ,ポ,マ,ミ,ム,メ,モ,ャ,ヤ,ュ,ユ,ョ,ヨ,ラ,リ,ル,レ,ロ,ヮ,ワ,ヰ,ヱ,ヲ,ン,ヴ,ヵ,ヶ")},
+    { name:"xlzm", title:lang.xlzm, content:toArray("Α,Β,Γ,Δ,Ε,Ζ,Η,Θ,Ι,Κ,Λ,Μ,Ν,Ξ,Ο,Π,Ρ,Σ,Τ,Υ,Φ,Χ,Ψ,Ω,α,β,γ,δ,ε,ζ,η,θ,ι,κ,λ,μ,ν,ξ,ο,π,ρ,σ,τ,υ,φ,χ,ψ,ω")},
+    { name:"ewzm", title:lang.ewzm, content:toArray("А,Б,В,Г,Д,Е,Ё,Ж,З,И,Й,К,Л,М,Н,О,П,Р,С,Т,У,Ф,Х,Ц,Ч,Ш,Щ,Ъ,Ы,Ь,Э,Ю,Я,а,б,в,г,д,е,ё,ж,з,и,й,к,л,м,н,о,п,р,с,т,у,ф,х,ц,ч,ш,щ,ъ,ы,ь,э,ю,я")},
+    { name:"pyzm", title:lang.pyzm, content:toArray("ā,á,ǎ,à,ē,é,ě,è,ī,í,ǐ,ì,ō,ó,ǒ,ò,ū,ú,ǔ,ù,ǖ,ǘ,ǚ,ǜ,ü")},
+    { name:"zyzf", title:lang.zyzf, content:toArray("ㄅ,ㄆ,ㄇ,ㄈ,ㄉ,ㄊ,ㄋ,ㄌ,ㄍ,ㄎ,ㄏ,ㄐ,ㄑ,ㄒ,ㄓ,ㄔ,ㄕ,ㄖ,ㄗ,ㄘ,ㄙ,ㄚ,ㄛ,ㄜ,ㄝ,ㄞ,ㄟ,ㄠ,ㄡ,ㄢ,ㄣ,ㄤ,ㄥ,ㄦ,ㄧ,ㄨ")}
+];
+(function createTab(content) {
+    for (var i = 0, ci; ci = content[i++];) {
+        var span = document.createElement("span");
+        span.setAttribute("tabSrc", ci.name);
+        span.innerHTML = ci.title;
+        if (i == 1)span.className = "focus";
+        domUtils.on(span, "click", function () {
+            var tmps = $G("tabHeads").children;
+            for (var k = 0, sk; sk = tmps[k++];) {
+                sk.className = "";
+            }
+            tmps = $G("tabBodys").children;
+            for (var k = 0, sk; sk = tmps[k++];) {
+                sk.style.display = "none";
+            }
+            this.className = "focus";
+            $G(this.getAttribute("tabSrc")).style.display = "";
+        });
+        $G("tabHeads").appendChild(span);
+        domUtils.insertAfter(span, document.createTextNode("\n"));
+        var div = document.createElement("div");
+        div.id = ci.name;
+        div.style.display = (i == 1) ? "" : "none";
+        var cons = ci.content;
+        for (var j = 0, con; con = cons[j++];) {
+            var charSpan = document.createElement("span");
+            charSpan.innerHTML = con;
+            domUtils.on(charSpan, "click", function () {
+                editor.execCommand("insertHTML", this.innerHTML);
+                dialog.close();
+            });
+            div.appendChild(charSpan);
+        }
+        $G("tabBodys").appendChild(div);
+    }
+})(charsContent);
+function toArray(str) {
+    return str.split(",");
+}

data/vendor/assets/javascripts/ueditor/dialogs/table/dragicon.png ADDED

Binary file

data/vendor/assets/javascripts/ueditor/dialogs/table/edittable.css ADDED

@@ -0,0 +1,75 @@
+.wrapper {
+    margin: 10px auto 0;
+    font-size: 12px;
+    overflow: hidden;
+}
+.clear {
+    clear: both;
+}
+.wrapper .left {
+    float: left;
+    margin-left: 10px;;
+}
+.wrapper .right {
+    float: right;
+    margin-right: 10px;
+    border-left: 2px dotted #EDEDED;
+    padding-left: 15px;
+}
+.section {
+    margin-bottom: 20px;
+    overflow: hidden;
+}
+.section h3 {
+    font-weight: bold;
+    padding: 5px 0;
+    margin-bottom: 10px;
+    border-bottom: 1px solid #EDEDED;
+    font-size: 12px;
+}
+.section ul {
+    list-style: none;
+    overflow: hidden;
+}
+.section li {
+    float: left;
+}
+.section .tone {
+    width: 80px;;
+}
+.section .preview {
+    width: 220px;
+}
+.section .preview table {
+    text-align: center;
+    vertical-align: middle;
+    color: #666;
+}
+.section .preview caption {
+    font-weight: bold;
+}
+.section .preview td {
+    border-width: 1px;
+    border-style: solid;
+    height: 22px;
+}
+.section .preview th {
+    border-style: solid;
+    border-color: #DDD;
+    border-width: 2px 1px 1px 1px;
+    height: 22px;
+    background-color: #F7F7F7;
+}

data/vendor/assets/javascripts/ueditor/dialogs/table/edittable.html.erb ADDED

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title></title>
+  <%= stylesheet_link_tag 'ueditor/dialogs/table/edittable.css' %>
+</head>
+<body>
+<div class="wrapper">
+  <div class="left">
+    <div class="section">
+      <h3><var id="lang_tableStyle"></var></h3>
+      <ul>
+        <li>
+          <label><input type="checkbox" id="J_title" name="style"/><var id="lang_insertCaption"></var></label>
+        </li>
+        <li>
+          <label><input type="checkbox" id="J_caption" name="style"/><var id="lang_insertTitle"></var></label>
+        </li>
+      </ul>
+      <div class="clear"></div>
+    </div>
+    <div class="section">
+      <h3><var id="lang_tableSize"></var></h3>
+      <ul>
+        <li>
+          <label><input type="radio" id="J_autoSizeContent" name="size"/><var id="lang_autoSizeContent"></var></label>
+        </li>
+        <li>
+          <label><input type="radio" id="J_autoSizePage" name="size"/><var id="lang_autoSizePage"></var></label>
+        </li>
+      </ul>
+      <div class="clear"></div>
+    </div>
+    <div class="section">
+      <h3><var id="lang_borderStyle"></var></h3>
+      <ul>
+        <li>
+          <span><var id="lang_color"></var></span>
+          <input type="text" class="tone" id="J_tone" readonly='readonly'/>
+        </li>
+      </ul>
+      <div class="clear"></div>
+    </div>
+  </div>
+  <div class="right">
+    <div class="section">
+      <h3><var id="lang_example"></var></h3>
+      <div class="preview" id="J_preview">
+      </div>
+    </div>
+  </div>
+</div>
+<%= javascript_include_tag 'ueditor/dialogs/internal.js' %>
+<%= javascript_include_tag 'ueditor/dialogs/table/edittable.js' %>
+</body>
+</html>

data/vendor/assets/javascripts/ueditor/dialogs/table/edittable.js ADDED

@@ -0,0 +1,182 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: xuheng
+ * Date: 12-12-19
+ * Time: 下午4:55
+ * To change this template use File | Settings | File Templates.
+ */
+(function () {
+    var title = $G("J_title"),
+        caption = $G("J_caption"),
+        autoSizeContent = $G("J_autoSizeContent"),
+        autoSizePage = $G("J_autoSizePage"),
+        tone = $G("J_tone"),
+        me,
+        preview = $G("J_preview");
+    var editTable = function () {
+        me = this;
+        me.init();
+    };
+    editTable.prototype = {
+        init:function () {
+            var colorPiker = new UE.ui.ColorPicker({
+                    editor:editor
+                }),
+                colorPop = new UE.ui.Popup({
+                    editor:editor,
+                    content:colorPiker
+                });
+            title.checked = editor.queryCommandState("inserttitle") == -1;
+            caption.checked = editor.queryCommandState("insertcaption") == -1;
+            me.createTable(title.checked, caption.checked);
+            me.setAutoSize();
+            me.setColor(me.getColor());
+            domUtils.on(title, "click", me.titleHanler);
+            domUtils.on(caption, "click", me.captionHanler);
+            domUtils.on(autoSizeContent, "click", me.autoSizeContentHanler);
+            domUtils.on(autoSizePage, "click", me.autoSizePageHanler);
+            domUtils.on(tone, "click", function () {
+                colorPop.showAnchor(tone);
+            });
+            domUtils.on(document, 'mousedown', function () {
+                colorPop.hide();
+            });
+            colorPiker.addListener("pickcolor", function () {
+                me.setColor(arguments[1]);
+                colorPop.hide();
+            });
+            colorPiker.addListener("picknocolor", function () {
+                me.setColor("");
+                colorPop.hide();
+            });
+        },
+        createTable:function (hasTitle, hasCaption) {
+            var arr = [];
+            arr.push("<table id='J_example'>");
+            if (hasCaption) {
+                arr.push("<caption>" + lang.captionName + "</caption>")
+            }
+            if (hasTitle) {
+                arr.push("<tr>");
+                for (var j = 0; j < 5; j++) {
+                    arr.push("<th>" + lang.titleName + "</th>")
+                }
+                arr.push("</tr>");
+            }
+            for (var i = 0; i < 6; i++) {
+                arr.push("<tr>");
+                for (var k = 0; k < 5; k++) {
+                    arr.push("<td>" + lang.cellsName + "</td>")
+                }
+                arr.push("</tr>");
+            }
+            arr.push("</table>");
+            preview.innerHTML = arr.join("");
+        },
+        titleHanler:function () {
+            var example = $G("J_example"),
+                 frg=document.createDocumentFragment(),
+                color = domUtils.getComputedStyle(domUtils.getElementsByTagName(example, "td")[0], "border-color");
+            if (title.checked) {
+                example.insertRow(0);
+                for (var i = 0, node; i < 5; i++) {
+                    node = document.createElement("th");
+                    node.innerHTML = lang.titleName;
+                    frg.appendChild(node);
+                }
+                example.rows[0].appendChild(frg);
+            } else {
+                domUtils.remove(example.rows[0]);
+            }
+            me.setColor(color);
+        },
+        captionHanler:function () {
+            var example = $G("J_example");
+            if (caption.checked) {
+                var row = document.createElement('caption');
+                row.innerHTML = lang.captionName;
+                example.insertBefore(row, example.firstChild);
+            } else {
+                domUtils.remove(domUtils.getElementsByTagName(example, 'caption')[0]);
+            }
+        },
+        autoSizeContentHanler:function () {
+            var example = $G("J_example");
+            example.removeAttribute("width");
+        },
+        autoSizePageHanler:function () {
+            var example = $G("J_example");
+            var tds = example.getElementsByTagName(example, "td");
+            utils.each(tds, function (td) {
+                td.removeAttribute("width");
+            });
+            example.setAttribute('width', '100%');
+        },
+        getColor:function () {
+            var start = editor.selection.getStart(), color,
+                cell = domUtils.findParentByTagName(start, ["td", "th", "caption"], true);
+            color = domUtils.getComputedStyle(cell, "border-color");
+            if (!color)  color = "#DDDDDD";
+            return color;
+        },
+        setColor:function (color) {
+            var example = $G("J_example"),
+                arr = domUtils.getElementsByTagName(example, "td").concat(
+                    domUtils.getElementsByTagName(example, "th"),
+                    domUtils.getElementsByTagName(example, "caption")
+                );
+            tone.value = color;
+            utils.each(arr, function (node) {
+                node.style.borderColor = color;
+            });
+        },
+        setAutoSize:function () {
+            var me = this,
+                start = editor.selection.getStart(),
+                wt = domUtils.findParentByTagName(start, "table", true).width,
+                flag = !wt;
+            if (flag) {
+                autoSizeContent.checked = flag;
+                me.autoSizeContentHanler();
+            } else {
+                autoSizePage.checked = !flag;
+                me.autoSizePageHanler();
+            }
+        }
+    };
+    new editTable;
+    dialog.onok = function () {
+        editor.__hasEnterExecCommand = true;
+        if (title.checked) {
+            editor.queryCommandState("inserttitle") != -1 && editor.execCommand("inserttitle")
+        } else {
+            editor.queryCommandState("deletetitle") != -1 && editor.execCommand("deletetitle");
+        }
+        if (caption.checked) {
+            editor.queryCommandState("insertcaption") != -1 && editor.execCommand("insertcaption")
+        } else {
+            editor.queryCommandState("deletecaption") != -1 && editor.execCommand("deletecaption");
+        }
+        editor.execCommand("edittable", tone.value);
+        autoSizeContent.checked ?editor.execCommand('adaptbytext') : "";
+        autoSizePage.checked ? editor.execCommand("adaptbywindow") : "";
+        editor.__hasEnterExecCommand = false;
+    };
+})();