小潘杂谈

使用Js获

字号+ 作者:admin 来源:seo博客 2020-10-18 11:40 我要评论( )

这篇文章主要介绍了使用Js获......

这篇文章主要介绍了使用Js获取、插入和更改FCKeditor编辑器里的内容,包括JS操作Fckeditor的一些常用方法,需要的朋友可以参考下

之前在一个系统里使用了FCKeditor编辑器,由于项目需求需要在FCKeditor里添加一个自定义的按钮用于实现自己的需求

主要是在点击该按钮时删除或添加FCKeditor编辑器里的内容

其实是一个很简单的需求,本来以为在FCKeditor可以很容易的实现

在Google上搜索自定义按钮,插件开发,经过近二个小时的摸索最终还是没有实现不知是我太笨还是自定义插件太难啦

通过JS方式来处理

1.在页面中添加checkbox元素并绑定事件,选中该元素时将在FCKeditor内容里添加"{#book#}"字符串(该字符串会在适当的时候被替换成其他内容),取消选中时则删除

添加/删除复选框

2.添加Js处理FCKeditor内容(添加或删除"{#book#}"字符串),'txtContent'为FCKeditor的ID控控件ID

参考:

官网:http://ckeditor.com/

获取或更改内容值:http://bbs.csdn.net/topics/360086762

创建插件:http://docs.cksource.com/FCKeditor_2.x/Developers_Guide/Customization/Plug-ins

接着给大家分享一下JS操作Fckeditor的一些常用方法

//向编辑器插入指定代码

function insertHTMLToEditor(codeStr){

var oEditor = FCKeditorAPI.GetInstance("content");

oEditor.InsertHtml(codeStr); // "html"为HTML文本

}

//获取编辑器中HTML内容

function getEditorHTMLContents() {

var oEditor = FCKeditorAPI.GetInstance("content");

return(oEditor.GetXHTML(false));

}

// 获取编辑器中文字内容

function getEditorTextContents() {

var oEditor = FCKeditorAPI.GetInstance("content");

return(oEditor.EditorDocument.body.innerText);

}

// 设置编辑器中内容

function SetEditorContents(ContentStr) {

var oEditor = FCKeditorAPI.GetInstance("content") ;

oEditor.SetHTML(ContentStr) ;

}

//向编辑器插入指定代码

function insertHTMLToEditor(codeStr){

var oEditor = FCKeditorAPI.GetInstance( "content ");

if (oEditor.EditMode==FCK_EDITMODE_WYSIWYG){

oEditor.InsertHtml(codeStr);

}else{

return false;

}

}

//统计编辑器中内容的字数

function getLength(){

var oEditor = FCKeditorAPI.GetInstance( "content ");

var oDOM = oEditor.EditorDocument;

var iLength ;

if(document.all){

iLength = oDOM.body.innerText.length;

}else{

var r = oDOM.createRange();

r.selectNodeContents(oDOM.body);

iLength = r.toString().length;

}

alert(iLength);

}

//执行指定动作

function ExecuteCommand(commandName){

var oEditor = FCKeditorAPI.GetInstance( "content ") ;

oEditor.Commands.GetCommand(commandName).Execute() ;

}

转载请注明出处。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。转载请注明seohttp://www.hkxiaopan.com

网友点评
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
验证码: 点击我更换图片
精彩导读