DB2 学习笔记 - AIView.com

正文

Editlet 提供了默认的CSS，可以在编辑界面为所选文字指定样式。此CSS 文件位置为：

editlet 主目录/css/sample.css

如果你在编辑界面使用了此样式单定义，则Editlet 会自动在文章末尾加入外联样式单的链接，否则发布的文章将无法正确显示Editlet 中定义的样式。

<LINK xhref="css/sample.css" mce_href="css/sample.css" type=text/css rel=stylesheet>

一般我们在MT 当中已经定义好了一套CSS，让Editlet 使用MT 的CSS 只需很简单的几步。

打开editor.js 进行编辑，首先确定没有关闭CSS 功能按钮，应有如下定义：

var css_flag    = 1 ;

然后修改CSS 文件指向，如果你的CSS 文件名称为：style.css，放在web 根目录下的css 文件夹中，则修改如下：

//var css_url   = "css/sample.css";
var css_url   = "/css/style.css";

接下来告诉Editlet 如何生成用于选择样式单的下拉列表，需要把你在style.css 中定义的样式名称，组成一个用逗号分隔的字符串，赋给变量css_list 。

//var css_list   = "header1,header2,text,pageheader,boldtext,tableheader1,tablecolor,italictext,textbg,tableheader2,tableheader3,graytext,smalltext,header3,header4,graytextbold,redtext,footertext";
var css_list   = "big-font,middle-font,small-font";

editor.js 修改完毕。

接着打开editor.html 进行编辑，只需修改一处，找到CSS 链接，修改如下：

<!--
<link type="text/css" rel="stylesheet" xhref="css/sample.css" mce_href="css/sample.css">
-->
<link type="text/css" rel="stylesheet" xhref="/css/style.css" mce_href="/css/style.css">

在此文件中链接CSS 文件，是为了使用实际的样式来格式化编辑界面中的每一个CSS 选项，实现“所见即所得”编辑。

修改完成，现在就可以在Editlet 的界面中使用MT 的CSS 了。

参考资源