FCKEDITOR如何实现只读功能啊

最新推荐文章于 2020-09-20 15:52:10 发布

转载最新推荐文章于 2020-09-20 15:52:10 发布 · 2.9k 阅读

文章标签：

#fckeditor #function #javascript

本文介绍如何配置FCKEditor实现只读模式，通过修改fckconfig.js文件并添加特定的工具栏设置来禁用编辑功能，同时保持预览和打印选项可用。此设置适用于需要查看但不需要编辑富文本内容的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

编辑 /fckeditor/ 目录下的 fckconfig.js ，加一个toolbar：

FCKConfig.ToolbarSets["Readonly"] = [
     ['Preview','Print']
] ;

在使用fckeditor的页面中，加入如下js代码

<script language="javascript" type="text/javascript">
     window.onload = function()
     {
           var oFCKeditor = new FCKeditor('{=i_name}') ;
           oFCKeditor.BasePath      = '{=dirFCK}FCKeditor/';
           oFCKeditor.ToolbarSet = 'Readonly';
           oFCKeditor.Height = 500;
           oFCKeditor.ReplaceTextarea();
     };

     function FCKeditor_OnComplete( editor )
     {
           editor.EditorDocument.body.contentEditable = false;
           editor.EditMode=FCK_EDITMODE_SOURCE;
           editor.ToolbarSet.RefreshModeState();
           editor.EditMode=FCK_EDITMODE_WYSIWYG;
           editor.ToolbarSet.RefreshModeState();
     }

</script>