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/emotion/emotion.css.erb CHANGED

@@ -1,4 +1,3 @@
-/* ?v=1.1 */
 .jd img{
     background:transparent url(<%= asset_path 'ueditor/dialogs/emotion/images/jxface2.gif' %>) no-repeat scroll left top;
     cursor:pointer;width:35px;height:35px;display:block;

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

@@ -1,54 +1,54 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
-    <title></title>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-    <meta name="robots" content="noindex, nofollow"/>
-    <script type="text/javascript" src="<%= asset_path 'ueditor/dialogs/internal.js' %>"></script>
-    <link rel="stylesheet" type="text/css" href="<%= asset_path 'ueditor/dialogs/emotion/emotion.css' %>">
+  <title></title>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta name="robots" content="noindex, nofollow"/>
+  <%= stylesheet_link_tag 'ueditor/dialogs/emotion/emotion.css' %>
 </head>
 <body>
 <div id="tabPanel" class="wrapper">
-    <div id="tabHeads" class="tabhead">
-        <span><var id="lang_input_choice"></var></span>
-        <span><var id="lang_input_Tuzki"></var></span>
-        <span><var id="lang_input_lvdouwa"></var></span>
-        <span><var id="lang_input_BOBO"></var></span>
-        <span><var id="lang_input_babyCat"></var></span>
-        <span><var id="lang_input_bubble"></var></span>
-        <span><var id="lang_input_youa"></var></span>
-    </div>
-    <div id="tabBodys" class="tabbody">
-        <div id="tab0"></div>
-        <div id="tab1"></div>
-        <div id="tab2"></div>
-        <div id="tab3"></div>
-        <div id="tab4"></div>
-        <div id="tab5"></div>
-        <div id="tab6"></div>
-    </div>
+  <div id="tabHeads" class="tabhead">
+    <span><var id="lang_input_choice"></var></span>
+    <span><var id="lang_input_Tuzki"></var></span>
+    <span><var id="lang_input_lvdouwa"></var></span>
+    <span><var id="lang_input_BOBO"></var></span>
+    <span><var id="lang_input_babyCat"></var></span>
+    <span><var id="lang_input_bubble"></var></span>
+    <span><var id="lang_input_youa"></var></span>
+  </div>
+  <div id="tabBodys" class="tabbody">
+    <div id="tab0"></div>
+    <div id="tab1"></div>
+    <div id="tab2"></div>
+    <div id="tab3"></div>
+    <div id="tab4"></div>
+    <div id="tab5"></div>
+    <div id="tab6"></div>
+  </div>
 </div>
 <div id="tabIconReview">
-    <img id='faceReview' class='review'/>
+  <img id='faceReview' class='review'/>
 </div>
-<script type="text/javascript" src="<%= asset_path 'ueditor/dialogs/emotion/emotion.js' %>"></script>
+<%= javascript_include_tag 'ueditor/dialogs/internal.js' %>
+<%= javascript_include_tag 'ueditor/dialogs/emotion/emotion.js' %>
 <script type="text/javascript">
-    var emotion = {
-        tabNum:7, //切换面板数量
-        SmilmgName:{ tab0:['j_00', 84], tab1:['t_00', 40], tab2:['w_00', 52], tab3:['B_00', 63], tab4:['C_00', 20], tab5:['i_f', 50], tab6:['y_00', 40] }, //图片前缀名
-        imageFolders:{ tab0:'jx2/', tab1:'tsj/', tab2:'ldw/', tab3:'bobo/', tab4:'babycat/', tab5:'face/', tab6:'youa/'}, //图片对应文件夹路径
-        imageCss:{tab0:'jd', tab1:'tsj', tab2:'ldw', tab3:'bb', tab4:'cat', tab5:'pp', tab6:'youa'}, //图片css类名
-        imageCssOffset:{tab0:35, tab1:35, tab2:35, tab3:35, tab4:35, tab5:25, tab6:35}, //图片偏移
-        SmileyInfor:{
-            tab0:['Kiss', 'Love', 'Yeah', '啊！', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '打酱油', '俯卧撑', '气愤', '?', '吻', '怒', '胜利', 'HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '微笑', '亲吻', '调皮', '惊恐', '耍酷', '发火', '害羞', '汗水', '大哭', '', '加油', '困', '你NB', '晕倒', '开心', '偷笑', '大哭', '滴汗', '叹气', '超赞', '??', '飞吻', '天使', '撒花', '生气', '被砸', '吓傻', '随意吐'],
-            tab1:['Kiss', 'Love', 'Yeah', '啊！', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '摊手', '睡觉', '瘫坐', '无聊', '星星闪', '旋转', '也不行', '郁闷', '正Music', '抓墙', '撞墙至死', '歪头', '戳眼', '飘过', '互相拍砖', '砍死你', '扔桌子', '少林寺', '什么？', '转头', '我爱牛奶', '我踢', '摇晃', '晕厥', '在笼子里', '震荡'],
-            tab2:['大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '我错了', 'money', '气愤', '挑逗', '吻', '怒', '胜利', '委屈', '受伤', '说啥呢？', '闭嘴', '不', '逗你玩儿', '飞吻', '眩晕', '魔法', '我来了', '睡了', '我打', '闭嘴', '打', '打晕了', '刷牙', '爆揍', '炸弹', '倒立', '刮胡子', '邪恶的笑', '不要不要', '爱恋中', '放大仔细看', '偷窥', '超高兴', '晕', '松口气', '我跑', '享受', '修养', '哭', '汗', '啊~', '热烈欢迎', '打酱油', '俯卧撑', '?'],
-            tab3:['HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '泪眼', '流泪', '生气', '吐舌', '喜欢', '旋转', '再见', '抓狂', '汗', '鄙视', '拜', '吐血', '嘘', '打人', '蹦跳', '变脸', '扯肉', '吃To', '吃花', '吹泡泡糖', '大变身', '飞天舞', '回眸', '可怜', '猛抽', '泡泡', '苹果', '亲', '', '骚舞', '烧香', '睡', '套娃娃', '捅捅', '舞倒', '西红柿', '爱慕', '摇', '摇摆', '杂耍', '招财', '被殴', '被球闷', '大惊', '理想', '欧打', '呕吐', '碎', '吐痰'],
-            tab4:['发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '顶', '幸运', '爱心', '躲', '送花', '选择'],
-            tab5:['微笑', '亲吻', '调皮', '惊讶', '耍酷', '发火', '害羞', '汗水', '大哭', '得意', '鄙视', '困', '夸奖', '晕倒', '疑问', '媒婆', '狂吐', '青蛙', '发愁', '亲吻', '', '爱心', '心碎', '玫瑰', '礼物', '哭', '奸笑', '可爱', '得意', '呲牙', '暴汗', '楚楚可怜', '困', '哭', '生气', '惊讶', '口水', '彩虹', '夜空', '太阳', '钱钱', '灯泡', '咖啡', '蛋糕', '音乐', '爱', '胜利', '赞', '鄙视', 'OK'],
-            tab6:['男兜', '女兜', '开心', '乖乖', '偷笑', '大笑', '抽泣', '大哭', '无奈', '滴汗', '叹气', '狂晕', '委屈', '超赞', '??', '疑问', '飞吻', '天使', '撒花', '生气', '被砸', '口水', '泪奔', '吓傻', '吐舌头', '点头', '随意吐', '旋转', '困困', '鄙视', '狂顶', '篮球', '再见', '欢迎光临', '恭喜发财', '稍等', '我在线', '恕不议价', '库房有货', '货在路上']
-        }
-    };
+  var emotion = {
+    tabNum: 7, //切换面板数量
+    SmilmgName: { tab0: ['j_00', 84], tab1: ['t_00', 40], tab2: ['w_00', 52], tab3: ['B_00', 63], tab4: ['C_00', 20], tab5: ['i_f', 50], tab6: ['y_00', 40] }, //图片前缀名
+    imageFolders: { tab0: 'jx2/', tab1: 'tsj/', tab2: 'ldw/', tab3: 'bobo/', tab4: 'babycat/', tab5: 'face/', tab6: 'youa/'}, //图片对应文件夹路径
+    imageCss: {tab0: 'jd', tab1: 'tsj', tab2: 'ldw', tab3: 'bb', tab4: 'cat', tab5: 'pp', tab6: 'youa'}, //图片css类名
+    imageCssOffset: {tab0: 35, tab1: 35, tab2: 35, tab3: 35, tab4: 35, tab5: 25, tab6: 35}, //图片偏移
+    SmileyInfor: {
+      tab0: ['Kiss', 'Love', 'Yeah', '啊！', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '打酱油', '俯卧撑', '气愤', '?', '吻', '怒', '胜利', 'HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '微笑', '亲吻', '调皮', '惊恐', '耍酷', '发火', '害羞', '汗水', '大哭', '', '加油', '困', '你NB', '晕倒', '开心', '偷笑', '大哭', '滴汗', '叹气', '超赞', '??', '飞吻', '天使', '撒花', '生气', '被砸', '吓傻', '随意吐'],
+      tab1: ['Kiss', 'Love', 'Yeah', '啊！', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '摊手', '睡觉', '瘫坐', '无聊', '星星闪', '旋转', '也不行', '郁闷', '正Music', '抓墙', '撞墙至死', '歪头', '戳眼', '飘过', '互相拍砖', '砍死你', '扔桌子', '少林寺', '什么？', '转头', '我爱牛奶', '我踢', '摇晃', '晕厥', '在笼子里', '震荡'],
+      tab2: ['大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '我错了', 'money', '气愤', '挑逗', '吻', '怒', '胜利', '委屈', '受伤', '说啥呢？', '闭嘴', '不', '逗你玩儿', '飞吻', '眩晕', '魔法', '我来了', '睡了', '我打', '闭嘴', '打', '打晕了', '刷牙', '爆揍', '炸弹', '倒立', '刮胡子', '邪恶的笑', '不要不要', '爱恋中', '放大仔细看', '偷窥', '超高兴', '晕', '松口气', '我跑', '享受', '修养', '哭', '汗', '啊~', '热烈欢迎', '打酱油', '俯卧撑', '?'],
+      tab3: ['HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '泪眼', '流泪', '生气', '吐舌', '喜欢', '旋转', '再见', '抓狂', '汗', '鄙视', '拜', '吐血', '嘘', '打人', '蹦跳', '变脸', '扯肉', '吃To', '吃花', '吹泡泡糖', '大变身', '飞天舞', '回眸', '可怜', '猛抽', '泡泡', '苹果', '亲', '', '骚舞', '烧香', '睡', '套娃娃', '捅捅', '舞倒', '西红柿', '爱慕', '摇', '摇摆', '杂耍', '招财', '被殴', '被球闷', '大惊', '理想', '欧打', '呕吐', '碎', '吐痰'],
+      tab4: ['发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '顶', '幸运', '爱心', '躲', '送花', '选择'],
+      tab5: ['微笑', '亲吻', '调皮', '惊讶', '耍酷', '发火', '害羞', '汗水', '大哭', '得意', '鄙视', '困', '夸奖', '晕倒', '疑问', '媒婆', '狂吐', '青蛙', '发愁', '亲吻', '', '爱心', '心碎', '玫瑰', '礼物', '哭', '奸笑', '可爱', '得意', '呲牙', '暴汗', '楚楚可怜', '困', '哭', '生气', '惊讶', '口水', '彩虹', '夜空', '太阳', '钱钱', '灯泡', '咖啡', '蛋糕', '音乐', '爱', '胜利', '赞', '鄙视', 'OK'],
+      tab6: ['男兜', '女兜', '开心', '乖乖', '偷笑', '大笑', '抽泣', '大哭', '无奈', '滴汗', '叹气', '狂晕', '委屈', '超赞', '??', '疑问', '飞吻', '天使', '撒花', '生气', '被砸', '口水', '泪奔', '吓傻', '吐舌头', '点头', '随意吐', '旋转', '困困', '鄙视', '狂顶', '篮球', '再见', '欢迎光临', '恭喜发财', '稍等', '我在线', '恕不议价', '库房有货', '货在路上']
+    }
+  };
 </script>
 </body>
 </html>

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

@@ -0,0 +1,89 @@
+<!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">
+        .content{width:530px; height: 350px;margin: 10px auto;}
+        .content table{width: 100%}
+        .content table td{vertical-align: middle;}
+        #address{width:220px;height:21px;background: #FFF;border:1px solid #d7d7d7; line-height: 21px;}
+    </style>
+    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
+</head>
+<body>
+<div class="content">
+    <table>
+        <tr>
+            <td><label for="address"><var id="lang_input_address"></var></label></td>
+            <td><input id="address" type="text" /></td>
+            <td><a id="doSearch" href="javascript:void(0)" class="button"><var id="lang_input_search"></var></a></td>
+        </tr>
+    </table>
+    <div id="container" style="width: 100%; height: 340px;margin: 5px auto; border: 1px solid gray;"></div>
+</div>
+<%= javascript_include_tag 'ueditor/dialogs/internal.js' %>
+<script type="text/javascript">
+    domUtils.on(window,"load",function(){
+        var map = new google.maps.Map(document.getElementById('container'), {
+                zoom: 3,
+                streetViewControl: false,
+                scaleControl: true,
+                mapTypeId: google.maps.MapTypeId.ROADMAP
+            });
+            var imgcss;
+            var marker = new google.maps.Marker({
+                map: map,
+                draggable: true
+            });
+            function doSearch(){
+                var address = document.getElementById('address').value;
+                var geocoder = new google.maps.Geocoder();
+                geocoder.geocode( { 'address': address}, function (results, status) {
+                    if (status == google.maps.GeocoderStatus.OK) {
+                        var bounds = results[0].geometry.viewport;
+                        map.fitBounds(bounds);
+                        marker.setPosition(results[0].geometry.location);
+                        marker.setTitle(address);
+                    } else alert(lang.searchError);
+                });
+            }
+            $G('address').onkeydown = function (evt){
+                evt = evt || event;
+                if (evt.keyCode == 13) {
+                    doSearch();
+                }
+            };
+            $G("doSearch").onclick = doSearch;
+            dialog.onok = function (){
+                var center = map.getCenter();
+                var point = marker.getPosition();
+                var url = "http://maps.google.com/maps/api/staticmap?center=" + center.lat() + ',' + center.lng() + "&zoom=" + map.zoom + "&size=520x340&maptype=" + map.getMapTypeId() + "&markers=" + point.lat() + ',' + point.lng() + "&sensor=false";
+                editor.execCommand('inserthtml', '<img width="520" height="340" src="' + url + '"' + (imgcss ? ' style="' + imgcss + '"' :'') + '/>');
+            };
+            function getPars(str,par){
+                var reg = new RegExp(par+"=((\\d+|[.,])*)","g");
+                return reg.exec(str)[1];
+            }
+            var img = editor.selection.getRange().getClosedNode();
+            if(img && img.src.indexOf("http://maps.google.com/maps/api/staticmap")!=-1){
+                var url = img.getAttribute("src");
+                var centers = getPars(url,"center").split(",");
+                point = new google.maps.LatLng(Number(centers[0]),Number(centers[1]));
+                map.setCenter(point);
+                map.setZoom(Number(getPars(url,"zoom")));
+                centers = getPars(url,"markers").split(",");
+                marker.setPosition(new google.maps.LatLng(Number(centers[0]),Number(centers[1])));
+                imgcss = img.style.cssText;
+            }else{
+                setTimeout(function(){
+                    doSearch();
+                },30)
+            }
+    });
+</script>
+</body>
+</html>

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

@@ -2,81 +2,83 @@
         "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="<%= asset_path 'ueditor/dialogs/internal.js' %>"></script>
-    <link rel="stylesheet" type="text/css" href="<%= asset_path 'ueditor/dialogs/help/help.css' %>">
+  <title>帮助</title>
+  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
+  <%= stylesheet_link_tag 'ueditor/dialogs/help/help.css' %>
 </head>
 <body>
 <div class="wrapper" id="helptab">
-    <div id="tabHeads" class="tabhead">
-        <span class="focus" tabsrc="about"><var id="lang_input_about"></var></span>
-        <span tabsrc="shortcuts"><var id="lang_input_shortcuts"></var></span>
+  <div id="tabHeads" class="tabhead">
+    <span class="focus" tabsrc="about"><var id="lang_input_about"></var></span>
+    <span tabsrc="shortcuts"><var id="lang_input_shortcuts"></var></span>
+  </div>
+  <div id="tabBodys" class="tabbody">
+    <div id="about" class="panel">
+      <h1>UEditor</h1>
+      <p><var id="lang_input_version"></var></p>
+      <p><var id="lang_input_introduction"></var></p>
     </div>
-    <div id="tabBodys" class="tabbody">
-        <div id="about" class="panel">
-            <h1>UEditor</h1>
-            <p><var id="lang_input_version"></var></p>
-            <p><var id="lang_input_introduction"></var></p>
-        </div>
-        <div id="shortcuts" class="panel">
-            <table>
-                <thead>
-                <tr>
-                    <td><var id="lang_Txt_shortcuts"></var></td>
-                    <td><var id="lang_Txt_func"></var></td>
-                </tr>
-                </thead>
-                <tbody>
-                <tr>
-                    <td>ctrl+b</td>
-                    <td><var id="lang_Txt_bold"></var></td>
-                </tr>
-                <tr>
-                    <td>ctrl+c</td>
-                    <td><var id="lang_Txt_copy"></var></td>
-                </tr>
-                <tr>
-                    <td>ctrl+x</td>
-                    <td><var id="lang_Txt_cut"></var></td>
-                </tr>
-                <tr>
-                    <td>ctrl+v</td>
-                    <td><var id="lang_Txt_Paste"></var></td>
-                </tr>
-                <tr>
-                    <td>ctrl+y</td>
-                    <td><var id="lang_Txt_undo"></var></td>
-                </tr>
-                <tr>
-                    <td>ctrl+z</td>
-                    <td><var id="lang_Txt_redo"></var></td>
-                </tr>
-                <tr>
-                    <td>ctrl+i</td>
-                    <td><var id="lang_Txt_italic"></var></td>
-                </tr>
-                <tr>
-                    <td>ctrl+u</td>
-                    <td><var id="lang_Txt_underline"></var></td>
-                </tr>
-                <tr>
-                    <td>ctrl+a</td>
-                    <td><var id="lang_Txt_selectAll"></var></td>
-                </tr>
-                <tr>
-                    <td>shift+enter</td>
-                    <td><var id="lang_Txt_visualEnter"></var></td>
-                </tr>
-                <tr>
-                    <td>alt+z</td>
-                    <td><var id="lang_Txt_fullscreen"></var></td>
-                </tr>
-                </tbody>
-            </table>
-        </div>
+    <div id="shortcuts" class="panel">
+      <table>
+        <thead>
+        <tr>
+          <td><var id="lang_Txt_shortcuts"></var></td>
+          <td><var id="lang_Txt_func"></var></td>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+          <td>ctrl+b</td>
+          <td><var id="lang_Txt_bold"></var></td>
+        </tr>
+        <tr>
+          <td>ctrl+c</td>
+          <td><var id="lang_Txt_copy"></var></td>
+        </tr>
+        <tr>
+          <td>ctrl+x</td>
+          <td><var id="lang_Txt_cut"></var></td>
+        </tr>
+        <tr>
+          <td>ctrl+v</td>
+          <td><var id="lang_Txt_Paste"></var></td>
+        </tr>
+        <tr>
+          <td>ctrl+y</td>
+          <td><var id="lang_Txt_undo"></var></td>
+        </tr>
+        <tr>
+          <td>ctrl+z</td>
+          <td><var id="lang_Txt_redo"></var></td>
+        </tr>
+        <tr>
+          <td>ctrl+i</td>
+          <td><var id="lang_Txt_italic"></var></td>
+        </tr>
+        <tr>
+          <td>ctrl+u</td>
+          <td><var id="lang_Txt_underline"></var></td>
+        </tr>
+        <tr>
+          <td>ctrl+a</td>
+          <td><var id="lang_Txt_selectAll"></var></td>
+        </tr>
+        <tr>
+          <td>shift+enter</td>
+          <td><var id="lang_Txt_visualEnter"></var></td>
+        </tr>
+        <tr>
+          <td>alt+z</td>
+          <td><var id="lang_Txt_fullscreen"></var></td>
+        </tr>
+        </tbody>
+      </table>
     </div>
+  </div>
 </div>
-<script type="text/javascript" src="<%= asset_path 'ueditor/dialogs/help/help.js' %>"></script>
+<%= javascript_include_tag 'ueditor/dialogs/internal.js' %>
+<%= javascript_include_tag 'ueditor/dialogs/help/help.js' %>
 </body>
 </html>

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>