Windows Live Writer高亮插件

Windows Live Writer高亮插件

Windows Live Writer - Selfocus的博客

关于Windows Live Writer的高亮插件,网上有许多,我基本上都试用过一遍,不知道是否是我软件版本(14.0.8089.726 zh-cn)的原因,很多这类插件使用起来会报错,立马就没有使用的欲望了。本文将介绍2种不同的Windows Live Writer高亮插件——Insert Code For Windows Live Writer和Syntax Highlighter,比较一下它们的着色效果以及一些其他功能,看有什么不同。

注:着色的示例代码——Javascript

1、Insert Code For Windows Live Writer

我们先看一下Insert Code的截图:

Insert Code - Selfocus的博客

 

着色代码效果:

var ArrayImageError = [];
function ImageOnError(obj, type, url) {
    if (obj.src.indexOf('blog.163.com') == -1) {
        ArrayImageError.push(obj.src.replace('http://images.163.com/099851203/',''));
        obj.src=obj.src.replace('images.163.com', 'blog.163.com');
    }
}
function WriteImageError()
{
    if(ArrayImageError.length > 0)
    {
        CreateLogFile();
    }
}
function CreateLogFile()
{
    var form = document.createElement("form");
    form.id="form_imageerror";
    form.name="form_imageerror";
    form.action="/Templates/163/ImageErrorLog.do";
    form.method="post";
    form.target = "ifr_imageerror"
    var input = document.createElement("input");
    input.id="txt_imageerror";
    input.name="txt_imageerror";
    input.type="text";
    for(var i = 0; i < ArrayImageError.length; i ++)
    {
        if(input.value == "")
        {
            input.value += ArrayImageError[i];
        }
        else
        {
            input.value += "|" + ArrayImageError[i];
        }
    }
    //alert(input.value);
    form.appendChild(input);
    document.getElementById("div_imageerror").appendChild(form);
    form.submit();
}

下载地址:Insert Code For Windows Live Writer


2、Syntax Highlighter

Syntax Highlighter的截图:

Syntax Highlighter - Selfocus的博客

 

着色代码效果:

var ArrayImageError = [];
function ImageOnError(obj, type, url) {
	if (obj.src.indexOf('blog.163.com') == -1) {
		ArrayImageError.push(obj.src.replace('http://images.163.com/099851203/',''));
		obj.src=obj.src.replace('images.163.com', 'blog.163.com');
	}
}
function WriteImageError()
{
	if(ArrayImageError.length > 0)
	{
		CreateLogFile();
	}
}
function CreateLogFile()
{
	var form = document.createElement("form");
	form.id="form_imageerror";
	form.name="form_imageerror";
	form.action="/Templates/163/ImageErrorLog.do";
	form.method="post";
	form.target = "ifr_imageerror"
	var input = document.createElement("input");
	input.id="txt_imageerror";
	input.name="txt_imageerror";
	input.type="text";
	for(var i = 0; i < ArrayImageError.length; i ++)
	{
		if(input.value == "")
		{
			input.value += ArrayImageError[i];
		}
		else
		{
			input.value += "|" + ArrayImageError[i];
		}
	}
	//alert(input.value);
	form.appendChild(input);
	document.getElementById("div_imageerror").appendChild(form);
	form.submit();
}

下载地址:Syntax Highlighter

总结:
1、可以明显地看出来,Insert Code的缩进比Syntax Highlighter要小,比较符合我们平时的缩进大小;
2、Insert Code支持单引号字符串着色,而Syntax Highlighter不能;
3、Insert Code支持插入行号和隔行换色功能;
4、Syntax Highlighter支持自定义模板配置,但基本上比较鸡肋,可以不考虑;
5、这2个插件都不支持自定义颜色配置,比较失败;
6、高亮插件的着色原理都是使用css样式来控制区块颜色,因此,任何一款高亮插件都可以在“源代码”视图进行自定义编辑,只是麻烦程度不同而已;

最后,个人偏向于使用Insert Code,插入代码后基本不需要调整了,喜欢的童鞋可以下载试试。

posted @ 2010-05-02 12:56  Selfocus  阅读(496)  评论(0编辑  收藏  举报