最近的项目中遇到个很头疼的问题,异步提交表单后需要清空表单数据,项目中文本编辑器是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(' ');
方式获取数据。
分享到:
相关推荐
在这个包中,包含了原来的代码,当时这里调用了CKEditor api中的js函数,从而解决了CKEditor的项目路径问题,在CKEditor的自定义标签中不支持表达式,所以不能使用项目路径,所以需要使用js代码解决
但网上很多配置都有问题,自己摸索了好久终于搞定。需要注意的细节有:flvPlayer文件夹的内容直接放在ckeditor文件夹里面的plugins文件夹下面。然后配置config.js文件的节点:config.extraPlugins = 'flvPlayer'; ...
对于开发者而言,理解`line-height`的计算方式和兼容性问题至关重要。 4. **自定义配置**:除了预设的行间距值,开发者还可以根据项目需求,通过配置文件自定义行间距的选项,添加更多可用的行间距值,或者修改...
CKEditor4的行高插件就是为了解决这一问题,让用户能在编辑器中自由调整文本的行间距,以达到理想的效果。 该插件的源码最初是基于CKEditor3.6.61版本,但为了适配更新的CKEditor4.4.7版本,源码进行了必要的修改。...
CKEditor 5是一款先进的富文本编辑器,专为现代Web应用程序设计。它的全屏按钮功能是编辑器的一个重要特性,允许用户将编辑区域扩展到浏览器的整个窗口,从而提供无干扰的写作体验。这个功能在编写长篇文章、报告...
把ckeditor 3.4的ckeditor.js复盖就行
**ckeditor自定义上传图片** 在使用ckeditor作为富文本编辑器时,经常需要集成图片上传功能。ckeditor是一款强大的在线文本编辑器,它提供了丰富的文本格式化工具,使得在网页上编辑内容变得简单。然而,ckeditor...
这篇博客文章“ckeditor 和 ckfinder集成,并解决ckeditor和jquery dialog冲突问题”主要探讨了如何将这两个组件整合在一起,以及如何处理可能出现的前端JavaScript库冲突。 首先,集成CKEditor和CKFinder的目的是...
在本文中,我们将深入探讨ckeditor-5这一强大的富文本编辑器的最新更新——“已增加调整行高”功能。ckeditor-5是互联网上广泛使用的文本编辑工具,它以其用户友好的界面和丰富的功能集而备受赞誉。这次更新为用户...
`README.md` 文件是项目的说明文档,通常会提供快速入门指南、安装步骤、常见问题等信息,对于初次使用CKEditor5的用户来说,这是一个重要的参考资料。 `sample` 目录可能包含了示例代码或演示页面,让用户能够直观...
CKEditor是一款著名的富文本编辑器,它为网页提供高级文本编辑功能,广泛应用于网站内容管理、博客、论坛等在线交互平台。在这个“ckeditor的demo代码”中,我们主要关注的是如何在网页中集成并使用CKEditor,以及...
对于Web开发者而言,这意味着他们无需担心CKEditor在不同平台上的表现问题,可以更专注于内容的创作。 至于压缩包内的"ckeditor"文件,这通常是CKEditor的核心文件夹,包含编辑器的JavaScript文件、CSS样式表、语言...
在开发自定义插件时,确保它与你当前使用的版本兼容,并注意未来升级时的兼容性问题。 通过以上步骤,我们可以创建一个完整的CKEditor 4音频视频上传插件,让用户在编辑器内方便地上传和管理多媒体资源,提升编辑...
6. **更新和维护**:保持CKEditor版本的更新很重要,因为新版本通常会修复已知问题,增加新功能,提高性能。定期检查CKEditor的官方发布,并及时升级到最新版本。 总结起来,集成CKEditor到JSP项目中需要完成导入...
**ckeditor数学公式编辑器** 在IT领域,尤其是Web开发中,富文本编辑器(Rich Text Editor)是不可或缺的工具,它允许用户在网页上创建和编辑格式化的文本。CKEditor是一款广泛使用的开源富文本编辑器,它提供了...
**ckeditor5 全功能版(纯手工编译)** CKEditor 5 是一款现代、开源且功能强大的富文本编辑器,被广泛应用于网站、应用程序和其他需要高质量文本输入的场景。这款编辑器以其易于使用、高度可定制和丰富的功能集而...
CKEditor是一款功能强大的富文本编辑器,广泛应用于Web开发中,提供给用户类似桌面应用程序的文本编辑体验。这款编辑器支持HTML元素的创建、格式化、图像上传以及各种媒体嵌入,极大地提升了网页内容的编辑效率。...
- **社区支持**:CKEditor有一个活跃的开发者社区,提供了大量的插件和示例,可以帮助解决使用中遇到的问题。 综上所述,CKEditor ASPNET 3.6.4是一个功能强大的在线编辑器,适合于构建需要用户生成内容的Web应用...
CKEditor编辑器是一款广泛应用于网页和在线应用的富文本编辑器,它提供了丰富的文本格式化选项,使得非技术用户也能方便地编辑和排版文本。"行高插件"是CKEditor的一个扩展功能,旨在为用户提供调整文本行高的能力,...
CKEditor是一款广泛应用于企业网站的富文本编辑器,被誉为“最好用版本”。相较于EWebEditor,CKEditor在功能、易用性和灵活性上有着显著的优势。本文将深入探讨CKEditor的特点、优势以及如何在企业网站中进行JS调用...