修改编辑预览方式

2013-11-26 16:10:53 +08:00
parent a453f470d4
commit 5692ff5cb1
6 changed files with 102 additions and 21 deletions
@@ -7,7 +7,7 @@
 $(document).ready(function () {
    var textarea = $('#text'),
        toolbar = $('<div class="editor" id="wmd-button-bar" />').insertBefore(textarea.parent())
-        preview = $('<div id="wmd-preview" />').insertAfter('.submit');
+        preview = $('<div id="wmd-preview" class="wmd-hidetab" />').insertAfter('.editor');

    var options = {};

@@ -196,6 +196,25 @@ $(document).ready(function () {
            }
        }, 10);
    };
+
+
+    // 编辑预览切换
+    var edittab = $('.editor').prepend('<div class="wmd-edittab"><a href="#wmd-editarea" class="active">撰写</a><a href="#wmd-preview">预览</a></div>'),
+        editarea = $(textarea.parent()).attr("id", "wmd-editarea");
+
+    $(".wmd-edittab a").click(function() {
+        $(".wmd-edittab a").removeClass('active');
+        $(this).addClass("active");
+        $("#wmd-editarea, #wmd-preview").addClass("wmd-hidetab");
+        
+        var selected_tab = $(this).attr("href"),
+            selected_el = $(selected_tab).removeClass("wmd-hidetab");
+
+        // 预览和编辑窗口高度一致
+        $("#wmd-preview").height($("#text").innerHeight());
+
+        return false;
+    });
 });
 </script>
 <?php endif; ?>