`
woshixushigang
  • 浏览: 575767 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

ckeditor取值赋值问题

 
阅读更多

最近的项目中遇到个很头疼的问题,异步提交表单后需要清空表单数据,项目中文本编辑器是ckeditor,用了好几种方式都无法将提交后的表单清空。

最后发现这种方式可以:

 

				document.form1.reset();
				CKEDITOR.instances.caseText.setData(' ');
 

开始采用jquery的 $("#caseText").val(''); 试试之后发现此方式不成功。

 

采用: document.form1.caseText.value='' 发现也是不可以。

采用:

var o = $("#caseText").cleditor()[0];//关键是这里获取第一个对象,否则upateFrame无法调用 
          $('#caseText').html(' '); 

          o.updateFrame();  
	document.form1.reset();

 

不但没有清除表单值反倒把原来清空的都填回去了。

 

具体说下我配置ckeditor.

 

 

$(function() {
CKEDITOR.editorConfig = function( config )
{/*
	config.language = 'zh-cn';
	config.toolbar = 'Background';
	config.toolbar_Background = [
       ['Bold','Italic','Underline','Strike','-','Subscript','Superscript','RemoveFormat'],
	   ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo'],
        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl'],
		['NumberedList','BulletedList','-','Outdent','Indent'],
       '/',
        ['Styles','Format','Font','FontSize'],
        ['TextColor','BGColor'],
		['Link','Unlink'],
		['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
		['Maximize','ShowBlocks']   
    ];
	config.resize_enabled = false;
	config.font_names = 'Arial;Verdana;Times New Roman;Georgia;Tahoma;宋体;黑体;微软雅黑';
	config.disableObjectResizing = false;
*/
	config.language = 'zh-cn';
	config.toolbar = 'Background';
	config.toolbar_Background = [
       ['Bold','Italic','Underline','Strike','-','Subscript','Superscript','RemoveFormat'],
	   ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo'],
        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
       '/',
        ['FontSize'],
        ['TextColor','BGColor'],
		['Link','Unlink','Table'],
	   ['NumberedList','BulletedList','-','Outdent','Indent'],
	   ['BidiLtr','BidiRtl']
    ];
	//config.entities = false;
	config.resize_enabled = false;
	config.disableObjectResizing = false;
	config.filebrowserImageUploadUrl = 'ckupload?type=Images'; 

};
CKEDITOR.replace( 'caseText', { customConfig : 'config_front.js' }) ;
});

 开始时候为了取值需要,将

var editor = CKEDITOR.replace( 'caseText', { customConfig : 'config_front.js' }) ;

设置成了全局变量,导致每次加载时候会报 存在实例错误。

 

 为了避免类似错误,建议使用:

 

				CKEDITOR.instances.caseText.setData(' ');

方式获取数据。

分享到:
评论
1 楼 simusuishi 2012-11-16  
刚哥威武!

相关推荐

    CKEditor在表单中使用

    在这个包中,包含了原来的代码,当时这里调用了CKEditor api中的js函数,从而解决了CKEditor的项目路径问题,在CKEditor的自定义标签中不支持表达式,所以不能使用项目路径,所以需要使用js代码解决

    ckeditor配置上传视频

    但网上很多配置都有问题,自己摸索了好久终于搞定。需要注意的细节有:flvPlayer文件夹的内容直接放在ckeditor文件夹里面的plugins文件夹下面。然后配置config.js文件的节点:config.extraPlugins = 'flvPlayer'; ...

    ckeditor 行间距插件

    对于开发者而言,理解`line-height`的计算方式和兼容性问题至关重要。 4. **自定义配置**:除了预设的行间距值,开发者还可以根据项目需求,通过配置文件自定义行间距的选项,添加更多可用的行间距值,或者修改...

    ckeditor4 行高插件

    CKEditor4的行高插件就是为了解决这一问题,让用户能在编辑器中自由调整文本的行间距,以达到理想的效果。 该插件的源码最初是基于CKEditor3.6.61版本,但为了适配更新的CKEditor4.4.7版本,源码进行了必要的修改。...

    ckeditor5全屏按钮

    CKEditor 5是一款先进的富文本编辑器,专为现代Web应用程序设计。它的全屏按钮功能是编辑器的一个重要特性,允许用户将编辑区域扩展到浏览器的整个窗口,从而提供无干扰的写作体验。这个功能在编写长篇文章、报告...

    让ckeditor只读 让ckeditor只读

    把ckeditor 3.4的ckeditor.js复盖就行

    ckeditor 自定义上传图片

    **ckeditor自定义上传图片** 在使用ckeditor作为富文本编辑器时,经常需要集成图片上传功能。ckeditor是一款强大的在线文本编辑器,它提供了丰富的文本格式化工具,使得在网页上编辑内容变得简单。然而,ckeditor...

    ckeditor-5 已增加调整行高

    在本文中,我们将深入探讨ckeditor-5这一强大的富文本编辑器的最新更新——“已增加调整行高”功能。ckeditor-5是互联网上广泛使用的文本编辑工具,它以其用户友好的界面和丰富的功能集而备受赞誉。这次更新为用户...

    ckeditor 和 ckfinder集成,并解决ckeditor和jquery dialog冲突问题

    这篇博客文章“ckeditor 和 ckfinder集成,并解决ckeditor和jquery dialog冲突问题”主要探讨了如何将这两个组件整合在一起,以及如何处理可能出现的前端JavaScript库冲突。 首先,集成CKEditor和CKFinder的目的是...

    ckeditor的demo代码

    CKEditor是一款著名的富文本编辑器,它为网页提供高级文本编辑功能,广泛应用于网站内容管理、博客、论坛等在线交互平台。在这个“ckeditor的demo代码”中,我们主要关注的是如何在网页中集成并使用CKEditor,以及...

    CKEditor3.0稳定版

    对于Web开发者而言,这意味着他们无需担心CKEditor在不同平台上的表现问题,可以更专注于内容的创作。 至于压缩包内的"ckeditor"文件,这通常是CKEditor的核心文件夹,包含编辑器的JavaScript文件、CSS样式表、语言...

    ckeditor5_v19完整版

    `README.md` 文件是项目的说明文档,通常会提供快速入门指南、安装步骤、常见问题等信息,对于初次使用CKEditor5的用户来说,这是一个重要的参考资料。 `sample` 目录可能包含了示例代码或演示页面,让用户能够直观...

    ckeditor4音频视频上传自定义插件

    在开发自定义插件时,确保它与你当前使用的版本兼容,并注意未来升级时的兼容性问题。 通过以上步骤,我们可以创建一个完整的CKEditor 4音频视频上传插件,让用户在编辑器内方便地上传和管理多媒体资源,提升编辑...

    jsp中使用ckeditor

    6. **更新和维护**:保持CKEditor版本的更新很重要,因为新版本通常会修复已知问题,增加新功能,提高性能。定期检查CKEditor的官方发布,并及时升级到最新版本。 总结起来,集成CKEditor到JSP项目中需要完成导入...

    ckeditor数学公式编辑器

    **ckeditor数学公式编辑器** 在IT领域,尤其是Web开发中,富文本编辑器(Rich Text Editor)是不可或缺的工具,它允许用户在网页上创建和编辑格式化的文本。CKEditor是一款广泛使用的开源富文本编辑器,它提供了...

    CKEditor示例源码20121228

    CKEditor是一款功能强大的富文本编辑器,广泛应用于Web开发中,提供给用户类似桌面应用程序的文本编辑体验。这款编辑器支持HTML元素的创建、格式化、图像上传以及各种媒体嵌入,极大地提升了网页内容的编辑效率。...

    ckeditor5 全功能版(纯手工编译)

    **ckeditor5 全功能版(纯手工编译)** CKEditor 5 是一款现代、开源且功能强大的富文本编辑器,被广泛应用于网站、应用程序和其他需要高质量文本输入的场景。这款编辑器以其易于使用、高度可定制和丰富的功能集而...

    ckeditor_aspnet_3.6.4

    - **社区支持**:CKEditor有一个活跃的开发者社区,提供了大量的插件和示例,可以帮助解决使用中遇到的问题。 综上所述,CKEditor ASPNET 3.6.4是一个功能强大的在线编辑器,适合于构建需要用户生成内容的Web应用...

    CKEditor编辑器行高插件

    CKEditor编辑器是一款广泛应用于网页和在线应用的富文本编辑器,它提供了丰富的文本格式化选项,使得非技术用户也能方便地编辑和排版文本。"行高插件"是CKEditor的一个扩展功能,旨在为用户提供调整文本行高的能力,...

    ckeditor 最好用版本

    CKEditor是一款广泛应用于企业网站的富文本编辑器,被誉为“最好用版本”。相较于EWebEditor,CKEditor在功能、易用性和灵活性上有着显著的优势。本文将深入探讨CKEditor的特点、优势以及如何在企业网站中进行JS调用...

Global site tag (gtag.js) - Google Analytics