Windows Live Writer高亮插件

Windows Live Writer高亮插件

关于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的截图：

 

着色代码效果：

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的截图：

 

着色代码效果：

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，插入代码后基本不需要调整了，喜欢的童鞋可以下载试试。