fckeditor编辑器的一些用法校验和加载

最新推荐文章于 2024-08-08 19:22:03 发布

iteye_7592

最新推荐文章于 2024-08-08 19:22:03 发布

阅读量105

点赞数

分类专栏： js & ajax & css & html 文章标签： fckeditor

js & ajax & css & html 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

fckeditor编辑器其实是运行在一个iframe当中，所以常规的校验需要先通过fckeditor的api来进行连接后才能正常的进行操作。代码如下：

var oFCKeditor=FCKeditorAPI.GetInstance('content');
oFCKeditor.UpdateLinkedField();
alert(document.form[0].content.value);

在正常打开页面时如果加载完整的fck编辑器会使页面打开很慢，所以可以一开始通过以下方式变通。代码如下：

<TEXTAREA name="content" id="content" style="height=350;width=100%"></TEXTAREA>

<INPUT type="button" value="打开编辑器" οnclick="showFKCEditer(this);">

function showFKCEditer(show_ob)
 {
 var oFCKeditor = new FCKeditor('content') ;
 oFCKeditor.ToolbarSet = "MyBasic";
 oFCKeditor.Config['SkinPath'] = '<%=request.getContextPath()%>/components/fckeditor/' + 'editor/skins/office2003/' ;
 oFCKeditor.BasePath = '<%=request.getContextPath()%>/components/fckeditor/' ;
 oFCKeditor.Height = 350 ;
 //oFCKeditor.Width = '96%';
 oFCKeditor.Value = '' ;
 //oFCKeditor.Create() ; 
 oFCKeditor.ReplaceTextarea() ;
 var cur_tr=findFirstParentTR(show_ob);
 cur_tr.parentElement.removeChild(cur_tr);
 }

不过在使用fck的api要先引入它的fckeditor/fckeditor.js包 biggrin