Fckeditor使用手册

本文介绍如何使用FCKeditor富文本编辑器创建和操作编辑器,包括设置编辑器的基本属性、获取和设置内容的方法以及常用事件的处理。

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

  1. 新建一个编辑器
Head:
<script type="text/javascript" src="editor_path/fckeditor.js"></script>

Html:
<textarea id="content" name="content" style="width: 100%"></textarea>

Javascript:
var oFCKeditor = new FCKeditor('content');  // content为textarea的id
oFCKeditor.BasePath = "../FCKeditor/"// editor跟路径
oFCKeditor.Height = "100%"// 高度度设置
oFCKeditor.Width = "100%"// 宽度度度设置
oFCKeditor.ToolbarSet = "None"// 工具条设置
oFCKeditor.Config["ToolbarStartExpanded"= false// 属性配置
oFCKeditor.ReplaceTextarea();
2. 操作编辑器
取得对象:
var oEditor = FCKeditorAPI.GetInstance('content ');

取得名字:
var editorName = oEditor.Name;

取得内容:
var content =  oEditor.GetXHTML(true);

设置内容:
oEditor.SetHTML(‘html’);

插入内容到当前光标处:
oEditor.InsertHtml(‘html’);

更新内容到textarea:
oEditor.UpdateLinkedField();

 要点:
Fckeditor所有方法和属性的第一个单词的首字母都是大写

3. 有用事件


编辑器加载完毕后会自动调用名字为FCKeditor_OnComplete的函数,并将自身作为参数传递进去,一般在FCKeditor_OnComplete函数初始化编辑器

function FCKeditor_OnComplete(editorInstance)
{
    
// init code
    alert(editorInstance.Name) ;
}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值