如何为Fckeditor设置只读属性

最新推荐文章于 2020-02-25 16:18:12 发布
原创 最新推荐文章于 2020-02-25 16:18:12 发布 · 1.1k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍了一种简单的方法来禁用FCKeditor的编辑功能，只需在使用FCKeditor的页面上添加一行JavaScript代码即可实现。

    看到网上关于这方面的资料不多，大多都是千篇一律，用上十几行js代码，实在太过烦琐。本人到是有个最简单的方法，就是在用到fckeditor的页面放上一行js代码。

 

function FCKeditor_OnComplete(editorInstance)
    {
       editorInstance.EditorDocument.body.contentEditable = false;
    }

 

 

就这么easy!!

标签
#fckeditor #function
wangshimiao
关注
wangEditor编辑器
03-11
很好用的富文本编辑器wangEditor,设置内容、获取内容、上传图片、使用 AMD 加载、使用 textarea、onblur、onfocus、onchange、获取 JSON、配置表情、多语言、CSS-Reset
CKEditor配置属性
avstd9944的博客
06-05 431
一、使用方法： 1、在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript"src="ckeditor/ckeditor.js"></script> 2、在使用编辑器的地方插入HTML控件<textarea> <textarea id="T...
Ckeditor编辑器、富文本编辑器使用技巧——在jsp页面改变高度和宽度、只读模式
甜甜汤仙女的博客
02-25 1050
改变Ckeditor的高度和宽度、将编辑模式改为只读模式 1.这是我在jsp 页面引用Ckeditor的代码 <script type="text/javascript" src="${pageContext.request.contextPath}/ckfinder2.3.1/ckfinder.js"></script> <script type="text/ja...
设置ckeditor为只读
风起未来
05-11 1965
$(document).ready(function() { CKEDITOR.config.readOnly = true; });
如何使用ckeditor5（包含是否只读）
这里是简介
12-02 1713
我下载的是 ckeditor5-build-decoupled-document npm i ckeditor5-build-decoupled-document 在组件中去引入 import CKEditor from "@ckeditor/ckeditor5-build-decoupled-document"; import '@ckeditor/ckeditor5-build-decoup...
vue中使用ckeditor5.0
IT水很深，路还很长
09-05 2346
1、安装 npm install --save @ckeditor/ckeditor5-build-decoupled-document 2、使用 // ck富文本编辑器 import CKEditor from '@ckeditor/ckeditor5-vue'; Vue.use(CKEditor); 3、在需要使用富文本的地方 1、头部引入 import '@ckeditor/c...
设置fckeditor为只读
海狼的专栏
06-20 6167
//设置fckeditor为只读function FCKeditor_OnComplete(editorInstance)    {        editorInstance.EditorDocument.body.disabled = true;        editorInstance.EditorWindow.parent.document.getElementById         
设置FCKEDITOR为只读
Jason 的专栏
04-28 230
/*设置FCKEDITOR为只读 */ function setFCKeditorReadOnly( editor ){ try{ editor.EditorDocument.body.contentEditable = false; editor.EditMode=FCK_EDITMODE_SOURCE; editor.ToolbarSet.RefreshModeState()...
Fckeditor的属性设置详解
必应@珠峰
05-31 510
Fckeditor的属性设置: FCKConfig.CustomConfigurationsPath = ; // 自定义配置文件路径和名称FCKConfig.EditorAreaCSS = FCKConfig.BasePath + css/fck_editorarea.css; // 编辑区的样式表文件FCKConfig.EditorAreaStyles = ; // 编辑区
FCKEDITOR如何实现只读功能啊
gao512008的专栏
11-09 2981
 编辑 /fckeditor/ 目录下的 fckconfig.js ，加一个toolbar： FCKConfig.ToolbarSets["Readonly"] = [      [Preview,Print] ] ; 在使用fckeditor的页面中，加入如下js代码       window.onload = function()      {            var oFCKe
一些FCKEDITOR的属性设置
ichsonx的专栏
04-30 4251
 开始工作：（以PHP为例）精简：解压，由于这个编辑器支持多脚本语言，所以先删除示例文件和其他你用不到的语言文件：根目录：删除一切以“_”开头的文件和文件夹，并且删除“fckeditor.asp”和“fckeditor.cfm”；editor：删除一切以“_”开头的文件和文件夹；/FCKeditor 2.4/fckeditor/editor/filemana
FCKeditor 的设置
11-24 188
对于一个全新的网站，FCKeditor就可以直接拿过来用了，不需要进行什么修改。但是对于绝大多数的已有网站而言，FCKeditor的一些设置并不适合自己的使用，这篇文章旨在告诉你简单的修改FCKeditor以方便您的网站的使用。 第 一项工作就是对这个功能宏大的编辑器进行精简，当然是文件精简而非功能精简化。在这里我以asp版的FCKeditor为例进行，进入到 FCKeditor...
FCKeditor使用详解
freeglad的专栏
08-22 1564
    首先,FCKEDITOR的性能是非常好的,用户只需很少的时间就可以载入FCKEDITOR所需文件.对于其他在线编辑器来说,这几乎是个很难解决的难题,因为在开启编辑器时需要装载太多的文件.比如CUTEEDITOR,虽然功能比FCKEDITOR还要强大,可是,它本身也够庞大了,至于 FREETEXTBOX等,其易用性与FCKEDITOR相比,尚有差距,可以说,FCKEDITOR是一个别具匠心的
FCKeditor在ASP设置环境中的使用
03-26 1709
先说一下我的测试环境:XPSP2，IIS5.1，FCKeditor2.0　　在IIS上建立一个新的站点，我直接取名为FCKeditor　　在DW里建立一个相对应的站点，测试服务器为本机，支持VBScript　　下载FCKeditor2.0，这个东西是开源的，网上能下到的地方非常多，自己找去……　　下载下来的应该是压缩包，解压到FCKeditor站点根目录，什么都不必更改，直接就能开
fckeditor只读状态下回车仍可输入的BUG
weixin_30477797的博客
07-25 123
　　我对Fckeditor设置为不可编辑状态，但仍可以通过ENTER或SHIFT+ENTER产生p或者br标签。如下是fckeditor设置为只读状态的代码。 <script type="text/javascript"> window.onload = function() { var sBasePath = document.location.hr...
JS获取或设置FCKEditor，JS操作FCKEditor控件
02-07 1942
// 获取FCKEditor中的内容: content为Editor实例的ID function getEditorContents(){ var oEditor = FCKeditorAPI.GetInstance("content"); alert(oEditor.GetXHTML(true)); } // 向编辑器插入指定代码 function insertHTMLToEdi
FCKeditor 的各项属性设置详细说明
08-01 1129
FCKeditor设置文件 "fckconfig.js"FCKConfig.CustomConfigurationsPath = ; // 自定义配置文件路径和名称FCKConfig.EditorAreaCSS = FCKConfig.BasePath + css/fck_editorarea.css; // 编辑区的样式表文件FCKConfig.Ed
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值