js操作FCKeditor方法代码,JS代码库,德仔网

代码语言

代码分类

【JS】 js操作FCKeditor方法

作者:scottckt / 发布于2011/6/22/ 1039

<div>利用Javascript取和设FCKeditor值也是非常容易的，如下：

<div style="width: 900px" class="cnblogs_code">
<div><!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><span style="color: #008000">//</span><span style="color: #008000"> 获取编辑器中HTML内容</span><span style="color: #008000">
</span><span style="color: #0000ff">function</span><span style="color: #000000"> getEditorHTMLContents(EditorName) {
</span><span style="color: #0000ff">var</span><span style="color: #000000"> oEditor </span><span style="color: #000000">=</span><span style="color: #000000"> FCKeditorAPI.GetInstance(EditorName);
</span><span style="color: #0000ff">return</span><span style="color: #000000">(oEditor.GetXHTML(</span><span style="color: #0000ff">true</span><span style="color: #000000">));
}</span></div>
</div>

<div style="width: 900px" class="cnblogs_code">
<div><!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><span style="color: #008000">//</span><span style="color: #008000"> 获取编辑器中文字内容</span><span style="color: #008000">
</span><span style="color: #0000ff">function</span><span style="color: #000000"> getEditorTextContents(EditorName) {
</span><span style="color: #0000ff">var</span><span style="color: #000000"> oEditor </span><span style="color: #000000">=</span><span style="color: #000000"> FCKeditorAPI.GetInstance(EditorName);
</span><span style="color: #0000ff">return</span><span style="color: #000000">(oEditor.EditorDocument.body.innerText);
}
</span></div>
</div>


<div style="width: 900px" class="cnblogs_code">
<div><!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><span style="color: #008000">//</span><span style="color: #008000"> 设置编辑器中内容</span><span style="color: #008000">
</span><span style="color: #0000ff">function</span><span style="color: #000000"> SetEditorContents(EditorName, ContentStr) {
</span><span style="color: #0000ff">var</span><span style="color: #000000"> oEditor </span><span style="color: #000000">=</span><span style="color: #000000"> FCKeditorAPI.GetInstance(EditorName) ;
oEditor.SetHTML(ContentStr) ;
}</span></div>
</div>


FCKeditorAPI是FCKeditor加载后注册的一个全局对象，利用它我们就可以完成对编辑器的各种操作。

在当前页获得 FCK 编辑器实例：
　　var Editor = FCKeditorAPI.GetInstance('InstanceName');

从 FCK 编辑器的弹出窗口中获得 FCK 编辑器实例：
　　var Editor = window.parent.InnerDialogLoaded().FCK;

从框架页面的子框架中获得其它子框架的 FCK 编辑器实例：
　　var Editor = window.FrameName.FCKeditorAPI.GetInstance('InstanceName');

从页面弹出窗口中获得父窗口的 FCK 编辑器实例：
　　var Editor = opener.FCKeditorAPI.GetInstance('InstanceName');

获得 FCK 编辑器的内容：
　　oEditor.GetXHTML(formatted); // formatted 为：true|false，表示是否按HTML格式取出
也可用：
　　oEditor.GetXHTML();

设置 FCK 编辑器的内容：
　　oEditor.SetHTML("content", false); // 第二个参数为：true|false，是否以所见即所得方式设置其内容。此方法常用于"设置初始值"或"表单重置"哦作。

插入内容到 FCK 编辑器：
　　oEditor.InsertHtml("html"); // "html"为HTML文本

检查 FCK 编辑器内容是否发生变化：
　　oEditor.IsDirty();</div>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　FCKeditor　

同语言下

可能有用的

scottckt贡献的其它代码(10)