function getEditorContents(){
var oEditor = FCKeditorAPI.GetInstance("content");
alert(oEditor.GetXHTML(true));
}
//向编辑器插入指定代码
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() ;
}
//设置编辑器中内容
function SetContents(codeStr){
var oEditor = FCKeditorAPI.GetInstance("content") ;
oEditor.SetHTML(codeStr) ;
}
分享到:
相关推荐
### js 修改 FCK 编辑器的值 #### 背景介绍 FCKeditor(现更名为 CKEditor)是一款广泛使用的富文本编辑器,它能够为网页提供强大的文本编辑功能,支持图片插入、表格制作等多种高级操作。在 Web 开发过程中,经常...
### Js 获取和修改FCKeditor的值的代码详解 #### 一、概述 FCKeditor是一款功能强大的富文本编辑器,被广泛应用于Web应用程序中,为用户提供了一个接近桌面编辑器的体验。通过JavaScript,我们可以轻松地与...
FCKEditor的配置主要通过JavaScript文件`fckconfig.js`进行,以下是一些重要的配置项: 1. **CustomConfigurationsPath**:自定义配置文件路径,可为空或指定一个文件路径。 2. **EditorAreaCSS**:定义编辑区域的...
// 定义属性以使Action可以通过request获取FckEditor编辑器中的值 oFCKeditor = new FCKeditor(request, "content"); oFCKeditor.setBasePath(path + "/fckeditor/"); // 设置FckEditor编辑器打开时的默认值 ...
<script type="text/javascript" src="<%=basePath%>pages/fckeditor/fckeditor.js"> ``` 这里的`basePath`应替换为实际的服务器路径,确保编辑器脚本文件能够被正确地加载。 ### 2. 创建FCKeditor实例 使用...
当用户完成编辑并提交表单时,我们需要在控制器中获取FCK Editor的内容。在Grails中,我们可以通过`params.editor1`来获取textarea中的值,即FCK Editor的内容。 ```groovy def save = { def content = params....
CKeditor编辑器是FCKeditor的升级版本想对于FCK来说,确实比较好用,加载速度也比较快以下是如果通过JS获取CKeditor编辑器的值,用于表单验证 if(CKEDITOR.instances.content.getData()==””){alert(“内容不能...
5. **从JSP获取FCKeditor的值**: - 要获取FCKeditor中的内容,可以使用FCKeditor API。例如: ```javascript var oEditor = FCKeditorAPI.GetInstance("troubleInfo.description"); document.getElementById(...
<script type="text/javascript" src="path/to/fckeditor.js"> ``` 确保这些文件路径与你的项目结构相匹配。 接下来,我们需要在页面上定义一个用于显示编辑器的占位符,例如一个`<textarea>`元素。FCKeditor会...
你可以在`fckToolbarButtons.js`和`fck_config.js`中配置工具栏,或者通过`FCKeditorAPI`接口在运行时动态操作编辑器。 7. **图片上传与管理** FCKeditor提供了内置的图片上传功能,用户可以直接在编辑器中上传...
- 在提交表单时,FCKeditor会将富文本内容作为`<textarea>`标签的值传递,因此在控制器的Post方法中可以直接通过模型绑定获取内容。 5. **安全考虑** - 使用FCKeditor时需要注意XSS攻击风险。确保在保存数据前对...
- **FCK2.6**:FCKeditor 2.6版本,一个JavaScript富文本编辑器。 **压缩包子文件的文件名称列表**:“phpfck”可能包含了整个FCKeditor 2.6的源代码,包括CSS、JavaScript、图片和其他必要的文件。在部署到服务器...
<script type="text/javascript" src="fckeditor/fckeditor.js"> <script type="text/javascript"> var oFCKeditor = new FCKeditor( 'editor1' ) ; oFCKeditor.BasePath = 'fckeditor/' ; oFCKeditor....
1. **安装与下载**:首先,你需要从FCKeditor的官方网站或第三方源获取最新版本的FCKeditor压缩包,解压后得到相关的JavaScript文件和资源文件。 2. **配置与集成**:将FCKeditor的文件夹上传到你的ASP.NET项目中,...
另一种方法是利用自定义标签库(Tag Library Descriptor, TLD),在页面头部引入`<%@ taglib uri="/MyFCKeditor" prefix="FCK"%>`,并在需要的位置使用`<FCK:editor>`标签直接创建编辑器,可以自定义各种属性,如...
`fckconfig.js` 是 FCKeditor(一款流行的富文本编辑器)的核心配置文件之一,它定义了编辑器的各种行为和外观设置。通过调整这些配置项,开发者可以自定义编辑器的功能和样式,以满足不同场景的需求。 #### 二、...
这需要通过JavaScript获取编辑器的值,例如: ```javascript var editorContent = oFCKeditor.GetValue(); ``` 然后,你可以通过Ajax或其他方式将`editorContent`发送到服务器。 5. **图片上传与管理**:...
FCK文本编辑器是一款开源的在线富文本编辑器,它为Web应用提供了强大的文本格式化功能,用户可以在浏览器端直接编辑、格式化文本,类似于桌面应用程序中的Word编辑体验。FCKeditor广泛应用于论坛、博客、CMS(内容...
在Java后端,可以使用`request.getParameter("content")`来获取这个字段的值,然后进行存储或进一步处理。 **4. Eclipse工程设置** 从描述中可以看出,这是一个Eclipse工程。`.classpath`、`.mymetadata`、`....
4. **数据交互**:FCKeditor的值可以通过`FCKeditorObject.Value`获取,或者使用`FCKeditorObject.Replace('textarea_id')`将编辑器替换指定的textarea,实现与服务器的数据交换。 ### 三、FCKeditor的常见问题与...