在MT中使用htmlarea

- - 4 条留言 -

MovableType(MT)是个很方便的生成网志的工具,但是在输入内容的时候,稍微显得有点单调,对于不太熟悉HTML的使用者来说想输入就稍有不便。

Interactivetools提供了一个比较方便的东东,叫HTMLAREA,使在HTML的TEXTAREA中输入所见即所得的内容变得非常容易。但是他是针对普通的html文档,而MT是由大量的cgi代码构成的,怎么能将它也嵌入其中呢?参考了网上的点滴,自己研究了一下,搞定了我的MT。

下面是我设定的步骤:

  1. Interactivetools去下载htmlarea的压缩包,接压后放到网站根目录的htmlarea下面。
  2. 找到MT输入新条目的代码。在MT的tmplcms下面,你可以找到这些文件,编辑其中的edit_entry.tmpl。
  3. 在<head></head>中间插入

    <script language=”Javascript1.2″><!– // load htmlarea
    _editor_url = “”;                     // URL to htmlarea files
    var win_ie_ver = parseFloat(navigator.appVersion.split(“MSIE”)[1]);
    if (navigator.userAgent.indexOf(‘Mac’)        >= 0) { win_ie_ver = 0; }
    if (navigator.userAgent.indexOf(‘Windows CE’) >= 0) { win_ie_ver = 0; }
    if (navigator.userAgent.indexOf(‘Opera’)      >= 0) { win_ie_ver = 0; }
    if (win_ie_ver >= 5.5) {
     document.write(‘<scr’ + ‘ipt src=”‘ +_editor_url+ ‘editor.js”‘);
     document.write(‘ language=”Javascript1.2″></scr’ + ‘ipt>’);  
    } else { document.write(‘<scr’+’ipt>function editor_generate() { return false; }</scr’+’ipt>’); }
    // –></script>

    注意:_editor_url后的引号里输入htmlarea的位置,后面很斜线”/”

  4. 找到你想让其出现htmlarea工具条的textarea。在它的后面或者是全文的最后,</html>之前。(加在前面会因为没有定义textarea的名字出现错误)加上:

    <script language=”JavaScript1.2″ defer>
    editor_generate(‘fieldname‘);
    </script>

    此处,fieldname应该替换为你想要其出现工具条的文本框的名字,一般为<textarea name=”text“…>。有几个加几个。

  5. 这个editor_generate函数会重新定义文本框,而通常不是你想要的样子,所以,一般不是直接加入条目4中的代码,而是:

    <script language=”JavaScript1.2″ defer>
    var config = new Object(); // create new config object

    config.width = “90%”;
    config.height = “200px”;
    config.bodyStyle = ‘background-color: white; font-family: “Verdana”; font-size: x-small;’;
    config.debug = 0;

    // Add additional editor config settings here…

    editor_generate(‘fieldname‘,config);
    </script>

    比如在MT的edit_entry中,文本框一般为500px宽,所以,上面的config.width就应该改成“=”500px””。当然还有其他很多设定,详细的可参照readme

  6. 上面修改的是edit_entry,如果需要修改其它的需要涉及文本框的页面,也可以去对其作类似的修改。大家不妨亲自try 1 try。

最新版的HTMLAREA请去访问Interactivetools。在那里有个很方便的例子文本框,你可以体验它的方便。