标签 Greasemonkey 下的文章

Greasemonkey脚本:让wp-markdown编辑器和预览并列显示,适合大屏幕显示器

开始用wp-markdown写博文之后,发现了一个弊端。在编辑非常长的文章的时候。鼠标要狂滚动到下面的预览窗口查看效果。非常不方便。完全没有把我的24寸大显示器的空间给利用起来。

以下四行代码让wp-markdown编辑器和预览窗口水平显示。刚测试了发现仅支持我的1920X1080分辨率。不知道怎么兼容其他分辨率。没办法,CSS学得太烂了。不过小分辨率的显示器并列显示就显得太窄了点。

// ==UserScript==
// @name WP-Markdown parallel view
// @version 0.1
// @namespace localhost
// @author tunpishuang
// @description Let WP-Markdown preview section parallel to editor
// @match http://tunps.com/wp-admin/*
// @grant none
// ==/UserScript==


var editor = document.getElementById("wp-content-editor-container");
var preview = document.getElementById("wmd-previewcontent");
editor.setAttribute('style', 'float:left;width:50%');
preview.setAttribute('style', 'float:left;width:45%;clear:none');

将以上代码保存为markdownStyle.user.js。 修改@match为你的博客域名。放入Chrome或Firefox浏览器即可。