方法正确,可以使用!
‍ //获取编辑器中HTML内容
function getEditorHTMLContents(EditorName)
{
var oEditor = FCKeditorAPI.GetInstance(EditorName);
return(oEditor.GetXHTML(true));
}
//获取编辑器中文字内容
function getEditorTextContents(EditorName)
{
var oEditor = FCKeditorAPI.GetInstance(EditorName);
return(oEditor.EditorDocument.body.innerText);
}
//设置编辑器中内容
function SetEditorContents(EditorName, ContentStr)
{
var oEditor = FCKeditorAPI.GetInstance(EditorName) ;
oEditor.SetHTML(ContentStr) ;
}
赋值:
Java代码
var oEditor = FCKeditorAPI.GetInstance('ncontent');
oEditor.SetHTML(“三菱电机法拉撕开对方”);
还有一个使用的是jquery来实现
jQuery FCKEditor插件取值、赋值
2008-12-13 16:51
第一步:导入需要的js文件(根据实际情况修改相应路径)
Java代码
<script src="../js/jquery.js" type=text/javascript></script>
<script src="../js/jquery.FCKEditor.js" type=text/javascript></script>
<script src="../fckeditor/fckeditor.js" type="text/javascript"></script>
<script src="../js/jquery.js" type=text/javascript></script>
<script src="../js/jquery.FCKEditor.js" type=text/javascript></script>
<script src="../fckeditor/fckeditor.js" type="text/javascript"></script>
第二步:初始化(根据实际情况修改相应路径)
Java代码
//初始化FCKEditor
$.fck.config = {path: '/这里是你的项目名称/fckeditor/', height: 400 ,toolbar:'Default'};
$('textarea#ncontent').fck();
//初始化FCKEditor
$.fck.config = {path: '/这里是你的项目名称/fckeditor/', height: 400 ,toolbar:'Default'};
$('textarea#ncontent').fck();
其中#ncontent为页面你所绑定的textArea的id或name
第三步:取值
Java代码
var getcontent = $.fck.content('ncontent', ''); //其中ncontent为页面你所绑定的textarea的id或name
var getcontent = $.fck.content('ncontent', ''); //其中ncontent为页面你所绑定的textarea的id或name
第四步:赋值(更新的时候先把原有的值赋给textarea)
Java代码
var oEditor = FCKeditorAPI.GetInstance('ncontent');
oEditor.SetHTML(data.news_add.na_newscontent);
http://hi.baidu.com/cicon/blog/item/37a42097b2dbdb7d55fb9684.html
分享到:
相关推荐
在JavaScript中使用FCKeditor进行取值与赋值操作是一个常见的需求,对于网页开发者来说,能够实现对编辑器内容的动态获取和设置是非常关键的技能。下面将详细介绍如何使用JavaScript操作FCKeditor编辑器以获取和设置...
在深入解析如何使用JavaScript从FCKeditor中获取内容之前,我们先简要了解下FCKeditor是什么。FCKeditor是一款功能强大的富文本编辑器,它允许用户在网页上编辑类似Word文档的富文本内容。这款编辑器提供了丰富的...
**fckeditor的MVC版及js使用fckeditor的方法** 在Web开发中,富文本编辑器是一种常见的工具,它允许用户以类似Word的方式编辑HTML内容。FCKeditor(现已更名为CKEditor)是早年间非常流行的一款开源富文本编辑器。...
本文详细介绍了如何使用JavaScript操作FCKeditor编辑器的内容,包括获取和设置内容的方法,以及一些常用的编辑器命令和插件管理技巧。通过这些方法,开发者可以更灵活地控制编辑器的行为,满足不同的业务需求。
这个"**FCKeditor demo (用JS方式)**"提供了如何使用JavaScript来集成和操作FCKeditor的示例。 在JavaScript中使用FCKeditor,你需要先在网页中引入FCKeditor的JavaScript库。这个库包含了编辑器的核心功能和用户...
**FCKeditor 使用指南及 JavaScript 调用** FCKeditor 是一款开源的富文本编辑器,它在Web开发中广泛用于提供用户友好的在线文本编辑功能。通过JavaScript调用,开发者可以轻松地将FCKeditor集成到网页中,允许用户...
FCKeditor是一款广泛使用的开源富文本编辑器,其核心文件便是fckeditor.js。本文将对这个文件的中文注释进行详细解读,帮助开发者更好地理解和使用FCKeditor。 首先,fckeditor.js是FCKeditor的核心JavaScript文件...
<script type="text/javascript" src="/js/fckeditor/fckeditor.js"> ``` 4. **初始化编辑器**:在需要使用FCKeditor的地方,创建编辑器实例: ```javascript var oFCKeditor = new FCKeditor( 'editor' ) ; ...
<script type="text/javascript" src="/path/to/fckeditor/editor/fckeditor.js"> ``` 3. **创建实例**:在页面的部分,通过JavaScript创建FCKeditor实例。例如: ```javascript var oFCKeditor = new ...
它支持多种编程语言,包括Java和JavaScript,因此“fckeditor3.6(java js 实例”这个标题和描述指的是该版本的FCKeditor在Java和JavaScript环境下的应用实例。在本文中,我们将深入探讨FCKeditor 3.6的特性、安装...
<script type="text/javascript" src="js/fckeditor/fckeditor.js"> <fckeditor name="myEditor" value="Hello, World!" basepath="/js/fckeditor/" width="80%" height="300"></fckeditor> ``` 这里,`basepath`...
<script type="text/javascript" src="/js/fckeditor/fckeditor.js"> ``` 4. **创建编辑器实例**:在JSP页面中,通过JavaScript代码创建FCKEditor实例。以下是一个简单的例子: ```javascript var oFCKeditor =...
3. **引入JavaScript文件**:在你的HTML页面中,通过`<script>`标签引入FCKeditor的JavaScript文件,如`fckeditor.js`。这将使编辑器在页面上可用。 4. **初始化编辑器**:使用JavaScript代码创建编辑器实例,并...
3. **引入编辑器**: 在需要使用编辑器的页面中,通过HTML代码引入FCKEditor的JavaScript文件,例如`<script src="fckeditor/fckeditor.js"></script>`。 4. **初始化编辑器**: 创建实例化编辑器的JavaScript代码,...
JavaScript组件FCKeditor是一款强大的富文本编辑器,广泛应用于网页开发中,为用户提供了一种类似于Microsoft Word的编辑体验。在Web应用中,FCKeditor允许用户在浏览器端进行文本格式化、图片插入、链接创建等一...
.NET开发者可以利用ASP.NET控件或者JavaScript API将FCKeditor整合到ASP.NET Web应用程序中,为用户提供强大的文本编辑功能。 总结起来,FCKeditor 2.6.6是一个经典的在线文本编辑器,尽管现在有更多先进的替代品,...
本文将详细介绍如何使用JavaScript与FCKeditor进行交互,包括获取和设置编辑器内容、插入内容以及调用编辑器的内置命令。 ### 1. 获取FCKeditor内容 FCKeditor提供了两个方法来获取编辑器中的内容,分别对应HTML...
<script type="text/javascript" src="/fckeditor/fckeditor.js"> ``` 这里假设`fckeditor.js`位于你的项目根目录下,如果实际位置不同,请根据实际情况修改路径。 ### 3. 创建FCKeditor实例 在JSP页面的HTML部分...
FCKeditor 是一个基于JavaScript的开源富文本编辑器,它在Web开发领域中被广泛使用,尤其适用于那些需要提供用户友好、可视化的文本编辑功能的网站。FCKeditor 具备强大的功能,包括字体样式调整、图像处理、链接...