// 获取编辑器中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) ;
}
<script type="text/javascript" language="javascript">
function a()
{
//得到控件的html
var checkContent =FCKeditorAPI.GetInstance("FCKeditor1").GetXHTML();
alert(checkContent);
//得到html的长度
var len = FCKeditorAPI.GetInstance("FCKeditor1").GetXHTML().length;
alert(len);
//得到fck控件
var oEditor = FCKeditorAPI.GetInstance('FCKeditor1');
//得到编辑器中的文字
var text = oEditor.EditorDocument.body.innerText;
alert(text);
//让编辑器得到焦点
oEditor.Focus();
}
</script>
相关推荐
使用JavaScript获取FCKeditor内容 FCKeditor提供了一系列的API供开发者调用,以便于与编辑器进行交互。获取编辑器内容主要依赖于`FCKeditorAPI`对象,通过这个对象,可以执行获取HTML内容或纯文本内容等操作。 ##...
- 跨窗口获取FCKeditor实例:在弹出窗口中,可以通过`window.parent`或`opener`对象来获取父窗口的FCKeditor实例。 - 在框架中获取其他框架的实例:使用`window.FrameName.FCKeditorAPI.GetInstance('Instance...
### Js 获取和修改FCKeditor的值的代码详解 #### 一、概述 FCKeditor是一款功能强大的富文本编辑器,被广泛应用于Web应用程序中,为用户提供了一个接近桌面编辑器的体验。通过JavaScript,我们可以轻松地与...
在多框架环境中,如弹出窗口或框架页,获取FCKeditor实例可能需要额外的步骤。例如,从弹出窗口获取父窗口的FCKeditor实例,可以使用`opener.FCKeditorAPI.GetInstance('InstanceName')`;在子框架中获取其他子框架...
NULL 博文链接:https://zyzhongyang.iteye.com/blog/839996
- FCKEditor的配置可以通过JavaScript代码进行,例如设置初始值、宽度、高度、语言等。 - 用户可以通过编辑器的工具栏进行各种编辑操作,如字体样式、大小、颜色,插入图片、链接,以及对齐方式等。 - 当用户点击...
3. **处理表单提交**:在JSP中,你需要处理表单提交,获取FCKeditor中的内容。由于FCKeditor会将内容转化为HTML格式,所以需要通过服务器端的脚本(如Java)来解析并保存。例如,在JSP中可以使用`request....
3) **实例化编辑器**:通过JavaScript调用`FCKeditor`构造函数,传入编辑器ID(如上述示例中的`'editor'`),并设置其他参数,如宽度、高度、初始值等。 4) **创建编辑器**:最后,通过`oFCKeditor.Create()`方法将...
总的来说,掌握如何通过JavaScript获取和设置FCKeditor的值对于开发涉及富文本编辑功能的Web应用程序至关重要。通过理解FCKeditorAPI提供的方法,我们可以灵活地管理编辑器中的内容,提升用户体验。同时,结合实际...
这可以通过在表单提交后,获取编辑器的值(`$oFCKeditor->Value`),并将其保存到数据库中;当需要显示内容时,从数据库中读取,然后预览或填充到编辑器中。 总之,FCKeditor 提供了一种简单而强大的方式,让Web...
FCKEditor会将内容封装在POST请求的`fckeditor`字段中,服务器端可以通过HttpServletRequest对象获取到这个字段的值。以下是一个简单的示例: ```java protected void doPost(HttpServletRequest request, ...
- **获取FCKeditor中的innerHTML和innerText** - **执行指定动作** - **统计编辑器中内容的字数** - **检查FCKeditor中的内容是否有改动** - **将FCKeditor中的内容是否有改动的值重新设置** #### 8. 外联编辑...
<script type="text/javascript" src="/path/to/fckeditor/fckeditor.js"> ``` 这里的`/path/to/fckeditor/`应替换为实际的服务器上的FCKeditor文件夹路径。 3. **创建编辑器实例**: 在JSP页面中,使用...
1. **下载FCKeditor**: 首先,你需要从官方网站或者可靠的源获取FCKeditor的最新版本。在解压后的文件夹中,包含了所有必要的JavaScript、CSS以及图片资源。 2. **部署到服务器**: 将FCKeditor的文件夹上传至服务器...
4. **添加引用**:在JSP页面中通过`<script>`标签引入FCKeditor的JavaScript文件,通常是`fckeditor.js`。 5. **实例化编辑器**:使用JavaScript创建FCKeditor实例,指定编辑区域的ID和初始化参数。 6. **保存与提交...
在提供的代码段中,我们可以看到一个名为`check`的JavaScript函数,这是用来获取FCKeditor文本框值的关键。函数的核心在于调用`FCKeditorAPI.GetInstance("FCKEDITOR的ID")`,这个方法是用来获取指定ID的FCKeditor...
例如,在`check.php`文件中,可以使用以下代码来获取FCKeditor变量的值: ```php $fckeditorValue = $_POST['FCKeditor1']; echo $fckeditorValue; ?> ``` #### 四、API及高级配置 除了基本的使用方法外,...
在JSP页面中,通过`<script>`标签引入FCKeditor的JavaScript文件,通常是`fckeditor.js`。例如: ```jsp <script type="text/javascript" src="js/fckeditor/fckeditor.js"> ``` **3. 创建编辑器实例** 在HTML或...
5. **处理提交的编辑内容**:当用户完成编辑并提交时,需要获取FCKeditor的值,通常是通过JavaScript的`oFCKeditor.GetValue()`方法,然后将其作为POST数据发送到服务器端。 在标签中提到的“源码”可能是指需要...
为了保存编辑的内容,你还需要在提交表单时获取FCKeditor的值。例如,当用户点击保存按钮时,可以通过以下方式获取编辑器中的内容: ```csharp string editorContent = txtEditor.Value; // 然后将editorContent...