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();
<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();
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) ;
}
{
// init code
alert(editorInstance.Name) ;
}