FCKeditor模板DIY

今天花了点时间，把fckeditor编辑器的模板研究了一下。其实很简单，只要修改一个文件就可以实现DIY了。

fckeditor/fcktemplates.xml 代码结构分析
  1. <?xml version="1.0"encoding="utf-8"?>     
  2. <Templates imagesBasePath="fck_template/images/">     
  3. <!--上面节点：模板功能的起始根节点，并用来指明模板示意图的目录位置-->     
  4. <!--比如上面已有的地址表明了我现在的模板图片文件所在位置是：\测试工程\fckeditor\editor\dialog\fck_template\images-->     
  5.      
  6. <Template title="fckeditor自建模板" image="template4.jpg">
  7. <!--上面节点：表示一个一个的不同模板，譬如我创建多组TEMPLATE节点，那么在显示的时候就会有多个模板可供使用编辑器的人选择-->     
  8. <!--上面节点：另外2个属性分别表示模板提示名称和示例图文件名-->     
  9.      
  10. <Description>本模板是验货报告表的验货主题部分</Description>     
  11. <!--上面节点：该模板的功能说明-->     
  12.      
  13. <!--下面节点：TABLE标签就是模板主体，就是这部分可以根据用户自由操作-->
  14. <Html>
  15.   <![CDATA[    
  16.    <table align="left" cellspacing="0" cellpadding="0" width="98%" border="0"> 
         <tbody> 
          <tr> 
           <td colspan="4" align="center">　</td> 
           <td align="center">&nbsp; </td> 
           <td align="center">&nbsp; </td> 
          </tr> 
         </tbody> 
        </table>
  17.   ]]>
  18. </Html>     
  19. </Template>     
  20. </Templates>  

<Templates />节点是模板功能的根节点不能重复，不能多个，<Template />节点就表示不同的节点，没多一个就表示多增加了一个模板，在模板主体，也就是 <Html />节点内。 

网易的邮箱很多人都用过或者在用，里面有大量模板，查看一下代码，添加进去就搞定了。上面我只添加了一个，注意看上面代码中的注释，你也可以的。

PS：这个方法比起Z-Blog论坛里的那个模板插件相对实际一点，不是插件的形式，直接给FCKeditor动了手脚。

插入内容模板"替换当前内容"选项的更改在 fckconfig.js 中，修改

FCKConfig.TemplateReplaceAll = false ;（是否替换当前内容）
FCKConfig.TemplateReplaceCheckbox = true ;（是否显示替换当前内容多选框）

修改完毕后切记更新缓存、删除cookie和脱机临时文件（如在本机测试）

posted @ 2009-12-28 13:27  tangself  阅读(684)  评论(0)  编辑  收藏  举报