RubyGems - ueditor - Versions diffs - 0.0.1 → 0.0.2 - Mend

ueditor 0.0.1 → 0.0.2

Files changed (430) hide show

data/app/assets/javascripts/ueditor/dialogs/spechars/spechars.html ADDED

@@ -0,0 +1,148 @@
+<!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">
+        *{color: #838383}
+        body {
+            font-size: 12px;
+            width:610px;
+            height: 490px;
+            overflow: hidden;
+            margin:0px;padding:0px;
+        }
+        .warp{
+            padding: 39px 0px 0px 15px;
+            height:90%;position:relative;
+        }
+#tabContainer{ position: absolute;top:10px;height:30px;}
+#tabContainer ul{list-style:none;margin:0;padding:0}
+#tabContainer li{display:block;float:left;padding:0px 5px;height:28px ;line-height:28px;cursor:pointer;margin-right:1px}
+#tabContainer li{background:url("../../themes/default/images/dialog-title-bg.png") repeat-x;border:1px solid #ccc;}
+#tabContainer li.selected{background:url("") #FFF;border:1px solid #ccc;border-bottom: 1px solid #FFF}
+table{border-collapse:collapse}
+td{cursor:pointer;text-align:center;height:20px;}
+#contContainer{border:1px solid #ccc;padding:15px 0px 0px 0px}
+</style>
+<script type="text/javascript" src="../internal.js"></script>
+<script type="text/javascript">
+/*<![CDATA[*/
+function G(id){ return (typeof(id) == "string") ? document.getElementById(id) : id ; }
+function S(id){ G(id).style.display = ''; }
+function H(id){ G(id).style.display = 'none'; }
+function A(sr){ return sr.split(","); }
+var character_common = [
+    ["特殊符号", A("、,。,·,ˉ,ˇ,¨,〃,々,—,～,‖,…,‘,’,“,”,〔,〕,〈,〉,《,》,「,」,『,』,〖,〗,【,】,±,×,÷,∶,∧,∨,∑,∏,∪,∩,∈,∷,√,⊥,∥,∠,⌒,⊙,∫,∮,≡,≌,≈,∽,∝,≠,≮,≯,≤,≥,∞,∵,∴,♂,♀,°,′,″,℃,＄,¤,￠,￡,‰,§,№,☆,★,○,●,◎,◇,◆,□,■,△,▲,※,→,←,↑,↓,〓,〡,〢,〣,〤,〥,〦,〧,〨,〩,㊣,㎎,㎏,㎜,㎝,㎞,㎡,㏄,㏎,㏑,㏒,㏕,︰,￢,￤,,℡,ˊ,ˋ,˙,–,―,‥,‵,℅,℉,↖,↗,↘,↙,∕,∟,∣,≒,≦,≧,⊿,═,║,╒,╓,╔,╕,╖,╗,╘,╙,╚,╛,╜,╝,╞,╟,╠,╡,╢,╣,╤,╥,╦,╧,╨,╩,╪,╫,╬,╭,╮,╯,╰,╱,╲,╳,▁,▂,▃,▄,▅,▆,▇,�,█,▉,▊,▋,▌,▍,▎,▏,▓,▔,▕,▼,▽,◢,◣,◤,◥,☉,⊕,〒,〝,〞")],
+    ["罗马数字", A("ⅰ,ⅱ,ⅲ,ⅳ,ⅴ,ⅵ,ⅶ,ⅷ,ⅸ,ⅹ,Ⅰ,Ⅱ,Ⅲ,Ⅳ,Ⅴ,Ⅵ,Ⅶ,Ⅷ,Ⅸ,Ⅹ,Ⅺ,Ⅻ")],
+    ["数字符号", A("⒈,⒉,⒊,⒋,⒌,⒍,⒎,⒏,⒐,⒑,⒒,⒓,⒔,⒕,⒖,⒗,⒘,⒙,⒚,⒛,⑴,⑵,⑶,⑷,⑸,⑹,⑺,⑻,⑼,⑽,⑾,⑿,⒀,⒁,⒂,⒃,⒄,⒅,⒆,⒇,①,②,③,④,⑤,⑥,⑦,⑧,⑨,⑩,㈠,㈡,㈢,㈣,㈤,㈥,㈦,㈧,㈨,㈩")],
+    ["日文符号", A("ぁ,あ,ぃ,い,ぅ,う,ぇ,え,ぉ,お,か,が,き,ぎ,く,ぐ,け,げ,こ,ご,さ,ざ,し,じ,す,ず,せ,ぜ,そ,ぞ,た,だ,ち,ぢ,っ,つ,づ,て,で,と,ど,な,に,ぬ,ね,の,は,ば,ぱ,ひ,び,ぴ,ふ,ぶ,ぷ,へ,べ,ぺ,ほ,ぼ,ぽ,ま,み,む,め,も,ゃ,や,ゅ,ゆ,ょ,よ,ら,り,る,れ,ろ,ゎ,わ,ゐ,ゑ,を,ん,ァ,ア,ィ,イ,ゥ,ウ,ェ,エ,ォ,オ,カ,ガ,キ,ギ,ク,グ,ケ,ゲ,コ,ゴ,サ,ザ,シ,ジ,ス,ズ,セ,ゼ,ソ,ゾ,タ,ダ,チ,ヂ,ッ,ツ,ヅ,テ,デ,ト,ド,ナ,ニ,ヌ,ネ,ノ,ハ,バ,パ,ヒ,ビ,ピ,フ,ブ,プ,ヘ,ベ,ペ,ホ,ボ,ポ,マ,ミ,ム,メ,モ,ャ,ヤ,ュ,ユ,ョ,ヨ,ラ,リ,ル,レ,ロ,ヮ,ワ,ヰ,ヱ,ヲ,ン,ヴ,ヵ,ヶ")],
+    ["希腊字母", A("Α,Β,Γ,Δ,Ε,Ζ,Η,Θ,Ι,Κ,Λ,Μ,Ν,Ξ,Ο,Π,Ρ,Σ,Τ,Υ,Φ,Χ,Ψ,Ω,α,β,γ,δ,ε,ζ,η,θ,ι,κ,λ,μ,ν,ξ,ο,π,ρ,σ,τ,υ,φ,χ,ψ,ω")],
+    ["俄文字母", A("А,Б,В,Г,Д,Е,Ё,Ж,З,И,Й,К,Л,М,Н,О,П,Р,С,Т,У,Ф,Х,Ц,Ч,Ш,Щ,Ъ,Ы,Ь,Э,Ю,Я,а,б,в,г,д,е,ё,ж,з,и,й,к,л,м,н,о,п,р,с,т,у,ф,х,ц,ч,ш,щ,ъ,ы,ь,э,ю,я")],
+    ["拼音字母", A("ā,á,ǎ,à,ē,é,ě,è,ī,í,ǐ,ì,ō,ó,ǒ,ò,ū,ú,ǔ,ù,ǖ,ǘ,ǚ,ǜ,ü")],
+    ["注音字符及其他", A("ㄅ,ㄆ,ㄇ,ㄈ,ㄉ,ㄊ,ㄋ,ㄌ,ㄍ,ㄎ,ㄏ,ㄐ,ㄑ,ㄒ,ㄓ,ㄔ,ㄕ,ㄖ,ㄗ,ㄘ,ㄙ,ㄚ,ㄛ,ㄜ,ㄝ,ㄞ,ㄟ,ㄠ,ㄡ,ㄢ,ㄣ,ㄤ,ㄥ,ㄦ,ㄧ,ㄨ")]
+];
+var character_title = [
+    ["特殊符号", A("、,。,·,ˉ,ˇ,¨,〃,々,—,～,‖,…,‘,’,“,”,〔,〕,〈,〉,《,》,±,×,÷,∶,∧,∨,∑,∏,∪,∩,∈,∷,√,⊥,∥,∠,⌒,≡,≌,≈,∽,∝,≠,≮,≯,≤,≥,∞,°,′,″,℃,＄,‰,㎎,㎏,㎜,㎝,㎞,㎡,㏄,㏎,㏑,㏒,㏕,℉")],
+    ["罗马数字", A("ⅰ,ⅱ,ⅲ,ⅳ,ⅴ,ⅵ,ⅶ,ⅷ,ⅸ,ⅹ,Ⅰ,Ⅱ,Ⅲ,Ⅳ,Ⅴ,Ⅵ,Ⅶ,Ⅷ,Ⅸ,Ⅹ,Ⅺ,Ⅻ")],
+    ["日文符号", A("ぁ,あ,ぃ,い,ぅ,う,ぇ,え,ぉ,お,か,が,き,ぎ,く,ぐ,け,げ,こ,ご,さ,ざ,し,じ,す,ず,せ,ぜ,そ,ぞ,た,だ,ち,ぢ,っ,つ,づ,て,で,と,ど,な,に,ぬ,ね,の,は,ば,ぱ,ひ,び,ぴ,ふ,ぶ,ぷ,へ,べ,ぺ,ほ,ぼ,ぽ,ま,み,む,め,も,ゃ,や,ゅ,ゆ,ょ,よ,ら,り,る,れ,ろ,ゎ,わ,ゐ,ゑ,を,ん,ァ,ア,ィ,イ,ゥ,ウ,ェ,エ,ォ,オ,カ,ガ,キ,ギ,ク,グ,ケ,ゲ,コ,ゴ,サ,ザ,シ,ジ,ス,ズ,セ,ゼ,ソ,ゾ,タ,ダ,チ,ヂ,ッ,ツ,ヅ,テ,デ,ト,ド,ナ,ニ,ヌ,ネ,ノ,ハ,バ,パ,ヒ,ビ,ピ,フ,ブ,プ,ヘ,ベ,ペ,ホ,ボ,ポ,マ,ミ,ム,メ,モ,ャ,ヤ,ュ,ユ,ョ,ヨ,ラ,リ,ル,レ,ロ,ヮ,ワ,ヰ,ヱ,ヲ,ン,ヴ,ヵ,ヶ")],
+    ["希腊字母", A("Α,Β,Γ,Δ,Ε,Ζ,Η,Θ,Ι,Κ,Λ,Μ,Ν,Ξ,Ο,Π,Ρ,Σ,Τ,Υ,Φ,Χ,Ψ,Ω,α,β,γ,δ,ε,ζ,η,θ,ι,κ,λ,μ,ν,ξ,ο,π,ρ,σ,τ,υ,φ,χ,ψ,ω")],
+    ["俄文字母", A("А,Б,В,Г,Д,Е,Ё,Ж,З,И,Й,К,Л,М,Н,О,П,Р,С,Т,У,Ф,Х,Ц,Ч,Ш,Щ,Ъ,Ы,Ь,Э,Ю,Я,а,б,в,г,д,е,ё,ж,з,и,й,к,л,м,н,о,п,р,с,т,у,ф,х,ц,ч,ш,щ,ъ,ы,ь,э,ю,я")],
+    ["拼音字母", A("ā,á,ǎ,à,ē,é,ě,è,ī,í,ǐ,ì,ō,ó,ǒ,ò,ū,ú,ǔ,ù,ǖ,ǘ,ǚ,ǜ,ü")],
+    ["注音字符及其他", A("ㄅ,ㄆ,ㄇ,ㄈ,ㄉ,ㄊ,ㄋ,ㄌ,ㄍ,ㄎ,ㄏ,ㄐ,ㄑ,ㄒ,ㄓ,ㄔ,ㄕ,ㄖ,ㄗ,ㄘ,ㄙ,ㄚ,ㄛ,ㄜ,ㄝ,ㄞ,ㄟ,ㄠ,ㄡ,ㄢ,ㄣ,ㄤ,ㄥ,ㄦ,ㄧ,ㄨ")]
+];
+//用于区分普通特殊字符与标题特殊字符
+var character = character_common,
+    tab = 0,
+    which = 0;
+var showTabContent = (function(){
+    var selectedTab = "";
+    return function(id_or_el){
+        var el = G(id_or_el);
+        if (el.id == selectedTab)
+            return false;
+        if (selectedTab != "") {
+            G(selectedTab).className = "lk";
+            H("C" + selectedTab.substr(1));
+        }
+        G(el).className = "lk selected";
+        S("C" + el.id.substr(1));
+        selectedTab = el.id;
+    }
+})();
+function genTab(id, data){
+    return ["<li class='lk' id='T", id, "' onclick='showTabContent(this)'>", data, "</li>"].join("");
+}
+function genTabContent(id, data){
+    var datalen = data.length;
+    var max_cell_per_row = 10;
+    var max_rows = Math.ceil(datalen / 10);
+    var html = ["<table id='C", id, "' style='display:none;' width='100%' cellpadding='0' cellspacing='0' border='0'>"];
+    for(var i = 0, j = 0; i < max_rows; i ++){
+        html.push("<tr>");
+        for(j = 0; j < max_cell_per_row; j ++){
+            if(i * max_cell_per_row + j >= datalen){
+                break;
+            }
+            html.push("<td id='n_" + (id + "_" + (i*max_cell_per_row + j)) + "' onclick='insertSC(this);'>" + data[i * max_cell_per_row + j] + "</td>");
+        }
+        if(j < max_cell_per_row){
+            for(var k = 0; k < (max_cell_per_row - j); k ++){
+                html.push("<td>&nbsp;</td>");
+            }
+        }
+        html.push("</tr>");
+    }
+    html.push("</table>");
+    return html.join("");
+}
+function insertSC(td){
+    var id = td.id.split("_");
+    var _tab = id[1];
+    var _which = id[2];
+    editor.execCommand('InsertHTML',td.innerHTML);
+    dialog.close();
+}
+function insertDefault(){
+    var obj = G("n_" + tab + "_" + which);
+    if(obj){
+        editor.execCommand('InsertHTML',obj.innerHTML);
+    }
+}
+var module = null;
+window.onload = function(){
+    var tabs = [], conts = [];
+    for(var i = 0; i < character.length; i ++){
+        tabs.push(genTab(i, character[i][0]));
+        conts.push(genTabContent(i, character[i][1]));
+    }
+    G("tabContainer").innerHTML = "<ul>" + tabs.join("") + "</ul>";
+    G("contContainer").innerHTML = conts.join("");
+    setTimeout(function(){
+        showTabContent("T" + tab); //显示第几个tab
+        if(G("n_" + tab + "_" + which)){
+            G("n_" + tab + "_" + which).className = "selected"; //显示那个符号被选中
+        }
+    }, 100);
+}
+/*]]>*/
+</script>
+</head>
+<body>
+    <div class="warp">
+<div id="tabContainer"></div>
+<div id="contContainer"></div>
+</div>
+</body>
+</html>

data/app/assets/javascripts/ueditor/dialogs/table/table.html ADDED

@@ -0,0 +1,231 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+        "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title>插入表格</title>
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
+    <script type="text/javascript" src="../internal.js"></script>
+    <style type="text/css">
+        *{color: #838383}
+        body {
+            font-size: 12px;
+            width:382px;
+            height: 225px;
+            overflow: hidden;
+            margin:0px;padding:0px;
+        }
+        .wrap{
+            padding: 9px 0px 0px 15px;
+            height:100%;
+        }
+        .wrap table{padding:0;margin:0}
+        .wrap table tr{padding:0;margin:0px; list-style: none;height: 30px; line-height: 30px;}
+        .wrap input{ width:110px;height:21px;line-height:21px;background: #FFF;border:1px solid #d7d7d7;padding: 0px; margin: 0px; }
+        td.spe input{width:78px!important; width: 75px;}
+        td.spe span{width:75px;line-height:30px;display:block;float:left}
+    </style>
+</head>
+<body>
+<div class="wrap">
+    <table>
+        <tr>
+           <td width="180"> <span>行数：</span>
+            <input type="text" id="rowCount"/></td>
+            <td><span>宽度：</span>
+            <input type="text" id="tableWidth"/> px</td>
+        </tr>
+        <tr>
+            <td><span>列数：</span>
+            <input type="text" id="colCount"/></td>
+            <td><span>高度：</span>
+            <input type="text" id="tableHeight"/> px</td>
+        </tr>
+        <tr>
+            <td class="spe"><span>表格边框：</span>
+                <input type="text" id="border"/> px
+            </td>
+            <td><span>间距：</span>
+            <input type="text" id="cellspacing"/> px</td>
+        </tr>
+        <tr>
+            <td class="spe"><span style="width: 85px;">表格边框颜色：</span>
+                <input type="text" style="width: 68px!important;width: 65px;" id="border-color" onclick="show(this)" />
+            </td>
+            <td><span>边距：</span>
+                <input type="text" id="cellpadding"/> px
+            </td>
+        </tr>
+        <tr>
+            <td><span>表格对齐：</span>
+                <select id="tablealign" >
+                    <option value="">默认</option>
+                    <option value="left">居左</option>
+                    <option value="right">居右</option>
+                    <option value="center">居中</option>
+                </select>
+            </td>
+            <td colspan="2">
+                <span>单元格对齐：</span>
+                <select id="alignment" style="">
+                    <option value="left">左对齐</option>
+                    <option value="center">居中</option>
+                    <option value="right">右对齐</option>
+                </select>
+            </td>
+        </tr>
+        <tr>
+            <td class="spe"><span style="width: 85px;">表格背景颜色：</span>
+                <input type="text" style="width: 68px!important;width: 65px;" id="background-color" onclick="show(this)" />
+            </td>
+        </tr>
+    </table>
+</div>
+<script type="text/javascript">
+    var activeEl;
+    var colorpicker = new parent.baidu.editor.ui.Popup({
+            content: new parent.baidu.editor.ui.ColorPicker({
+                noColorText: '清除颜色'
+            })
+    });
+    colorpicker.render();
+    colorpicker.content.onpickcolor = function(t, color){
+        activeEl.value = color.toUpperCase();
+        colorpicker.hide();
+    };
+    colorpicker.content.onpicknocolor = function(t, color){
+        activeEl.value = '';
+        colorpicker.hide();
+    };
+    parent.baidu.editor.dom.domUtils.on(document, 'mousedown', function (evt){
+        parent.baidu.editor.ui.Popup.postHide(evt.target || evt.srcElement);
+    });
+    var state = editor.queryCommandState("edittable"),oldtable;
+    if(state == 0){
+        var range = editor.selection.getRange(),tmptd;
+            tmptd = parent.baidu.editor.dom.domUtils.findParentByTagName(range.startContainer, 'td', true);
+            oldtable = tmptd.parentNode.parentNode.parentNode;
+        if(oldtable){
+            var rowlength = 0,
+                    celllength = 0,
+                    alignmode = parent.baidu.editor.dom.domUtils.getComputedStyle(tmptd,"text-align");
+            for(var r=0,row;row = oldtable.rows[r++];){
+                var tmpcells = 0;
+                for(var c = 0,cell;cell = row.cells[c++];){
+                    if(cell.style.display != "none"){
+                        tmpcells++;
+                    }
+                }
+                rowlength += tmpcells>0 ? 1 : 0;
+                celllength = tmpcells > celllength ? tmpcells : celllength;
+            }
+            g("rowCount").value = rowlength;
+            g("rowCount").setAttribute("readonly","readonly");
+            g("rowCount").onmousedown = function(){
+                return false;
+            };
+            g("colCount").value = celllength;
+            g("colCount").setAttribute("readonly","readonly");
+            g("colCount").onmousedown = function(){
+                return false;
+            };
+            g("cellpadding").value = oldtable.getAttribute("cellpadding") || "";
+            g("cellspacing").value = oldtable.getAttribute("cellspacing") || "";
+            g("tableWidth").value = oldtable.offsetWidth || "";
+            g("tableHeight").value = oldtable.offsetHeight || "";
+            g("border-color").value = oldtable.getAttribute("bordercolor")? oldtable.getAttribute("bordercolor").toUpperCase(): "#000000";
+            g("border").value = oldtable.getAttribute("border") || 1;
+            g("background-color").value = oldtable.getAttribute("bgColor")? oldtable.getAttribute("bgColor").toUpperCase():"#FFFFFF";
+            g("alignment").value = alignmode;
+            g("tablealign").value = oldtable.getAttribute("align") || "";
+        }
+    }else{
+        var ipt = g("rowCount");
+        var isIE = !!window.ActiveXObject;
+        if ( isIE ) {
+            setTimeout( function () {
+                var r = ipt.createTextRange();
+                r.collapse( false );
+                r.select();
+            } );
+        }
+        ipt.focus();
+    }
+    function show(el){
+        activeEl = el;
+        colorpicker.showAnchor(el);
+    }
+    function g(id){
+        return document.getElementById(id);
+    }
+    dialog.onok = function(){
+        var rows = g("rowCount").value,
+            cols = g("colCount").value,
+            width = g("tableWidth").value,
+            height = g("tableHeight").value,
+            border = g("border").value,
+            cellspacing = g("cellspacing").value,
+            cellpadding = g("cellpadding").value,
+            align = g("alignment").value,
+            bordercolor = g("border-color").value || "#000000",
+            backgroundcolor = g("background-color").value || "#FFFFFF",
+            tablealign = g("tablealign").value;
+        if(!/^[1-9]+[0-9]*$/.test(rows)){
+            alert("请输入正确行数");
+            return false;
+        }
+        if(!/^[1-9]+[0-9]*$/.test(cols)){
+            alert("请输入正确列数");
+            return false;
+        }
+        if(width && !/^[1-9]+[0-9]*$/.test(width)){
+            alert("宽度输入不正确");
+            return false;
+        }
+        if(height && !/^[1-9]+[0-9]*$/.test(height)){
+            alert("高度输入不正确");
+            return false;
+        }
+        if(border && !/^[0-9]*$/.test(border)){
+            alert("表格边框输入不正确");
+            return false;
+        }
+        if(cellspacing && !/^[0-9]*$/.test(cellspacing)){
+            alert("间距输入不正确");
+            return false;
+        }
+        if(cellpadding && !/^[0-9]*$/.test(cellpadding)){
+            alert("边距输入不正确");
+            return false;
+        }
+        if(bordercolor && !/^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(bordercolor)){
+            alert("颜色值输入错误");
+            return false;
+        }
+        if(backgroundcolor && !/^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(backgroundcolor)){
+            alert("颜色值输入错误");
+            return false;
+        }
+        var table = {
+            numRows : rows,
+            numCols : cols,
+            border : border,
+            cellpadding : cellpadding,
+            cellspacing : cellspacing,
+            width : width,
+            height : height,
+            align : align,
+            bordercolor:bordercolor,
+            backgroundcolor:backgroundcolor,
+            tablealign : tablealign
+        };
+        if(oldtable){
+            editor.execCommand('edittable',table );
+        }else{
+            editor.execCommand('inserttable',table );
+        }
+    };
+</script>
+</body>
+</html>

data/app/assets/javascripts/ueditor/dialogs/video/video.html ADDED

@@ -0,0 +1,113 @@
+<!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>
+        <script type="text/javascript" src="../internal.js"></script>
+    <style type="text/css">
+        *{color: #838383}
+        body {
+            font-size: 12px;
+            width:360px;
+            overflow: hidden;
+            margin:0px;padding:0px;
+        }
+        .content{
+            padding: 9px 0px 0px 15px;
+            height:100%;
+        }
+        .content table{padding:0px;margin:0px;width: 100%}
+        .content table tr{padding:0px;margin:0px; list-style: none;height: 30px; line-height: 30px;}
+        .content input{ width:60px;height:21px;background: #FFF;border:1px solid #d7d7d7;padding: 0px; margin: 0px; line-height:21px;}
+        .content label{ width:60px;display:block;float:left;}
+        #url{width:250px}
+    </style>
+    </head>
+    <body>
+        <div class="content">
+        <table >
+            <tr>
+                <td colspan="2"><label for="url">视频地址:</label> <input id="url" type="text" value=""/></td>
+            </tr>
+            <tr>
+                <td><label for="width">宽度:</label><input id="width" type="text" value=""/> px</td>
+                <td><label for="height">高度:</label><input id="height" type="text" value=""/> px</td>
+            </tr>
+            <tr>
+                <td colspan="2"> <span>对齐方式：</span>
+                    <select id="float">
+                        <option value="">默认</option>
+                        <option value="float: left">左浮动</option>
+                        <option value="float: right">右浮动</option>
+                        <option value="display: block">独占一行</option>
+                    </select>
+                </td>
+            </tr>
+        </table>
+        </div>
+        <script type="text/javascript">
+            function convert_url(s){
+                s=s.replace(/http:\/\/www\.tudou\.com\/programs\/view\/([\w\-]+)\/?/i,"http://www.tudou.com/v/$1");
+                s=s.replace(/http:\/\/www\.youtube\.com\/watch\?v=([\w\-]+)/i,"http://www.youtube.com/v/$1");
+                s=s.replace(/http:\/\/v\.youku\.com\/v_show\/id_([\w\-=]+)\.html/i,"http://player.youku.com/player.php/sid/$1");
+                s=s.replace(/http:\/\/www\.56\.com\/u\d+\/v_([\w\-]+)\.html/i, "http://player.56.com/v_$1.swf");
+                s=s.replace(/http:\/\/www.56.com\/w\d+\/play_album\-aid\-\d+_vid\-([^.]+)\.html/i, "http://player.56.com/v_$1.swf");
+                s=s.replace(/http:\/\/v\.ku6\.com\/.+\/([^.]+)\.html/i, "http://player.ku6.com/refer/$1/v.swf");
+                return s;
+            }
+            function G (id){
+                return document.getElementById(id);
+            }
+            dialog.onok = function (){
+                var width = G("width").value;
+                var height = G("height").value;
+                if(!/^[1-9]+[.]?\d*$/g.test(width)){
+                    alert("请输入正确的宽度");
+                    return false;
+                }
+                if(!/^[1-9]+[.]?\d*$/g.test(height)){
+                    alert("请输入正确的高度");
+                    return false;
+                }
+                var str = convert_url(G('url').value);
+                if(str){
+                    editor.execCommand('insertvideo', {
+                        url: str,
+                        width: width,
+                        height: height,
+                        style: G("float").value
+                    });
+                }else{
+                    alert("请输入视频地址");
+                    return false;
+                }
+            };
+            (function(){
+                var img = editor.selection.getRange().getClosedNode();
+                if(img && img.className == "edui-faked-video"){
+                    G("url").value = img.getAttribute("_url");
+                    G("width").value = img.width;
+                    G("height").value = img.height;
+                    var float = img.style.styleFloat ? img.style.styleFloat : img.style.cssFloat;
+                    var str = float ? ("float: "+float) : (img.style.display ? "display: "+img.style.display : "");
+                    G("float").value = str;
+                }
+            })()
+            var ipt = G('url');
+            var isIE = !!window.ActiveXObject;
+            if (isIE) {
+                setTimeout(function (){
+                    var r = ipt.createTextRange();
+                    r.collapse(false);
+                    r.select();
+                });
+            }
+            ipt.focus()
+        </script>
+    </body>
+</html>