FCKeditor模板DIY

妖精的绣舞 提交于 2020-03-27 06:34:56

今天花了点时间,把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和脱机临时文件(如在本机测试)

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!