`
xiao
  • 浏览: 166590 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Ajax应用中CKEDITOR多实例问题的解决

 
阅读更多

今天在修改 OPENCART 的后台时。用Ajax把商品的增添编辑页面调用来。。第一次调入时,一切正常。噩梦从第二次开始。。原来是第一次点击链接,调用内容时,已经进行了一次CKEDITOR的实例化,第二次调入时必然会与第一次的冲突。。

修改:

CKEDITOR.replace('description<?php echo $language['language_id']; ?>', {
	filebrowserBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserImageBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserFlashBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserImageUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserFlashUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>'
});

 之前加上

if(CKEDITOR.instances['description<?php echo $language['language_id']; ?>']) {
	CKEDITOR.remove(CKEDITOR.instances['description<?php echo $language['language_id']; ?>']);
}
 

最后代码

<script type="text/javascript">
<?php foreach ($languages as $language) { ?>
if(CKEDITOR.instances['description<?php echo $language['language_id']; ?>']) {
	CKEDITOR.remove(CKEDITOR.instances['description<?php echo $language['language_id']; ?>']);
}
CKEDITOR.replace('description<?php echo $language['language_id']; ?>', {
	filebrowserBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserImageBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserFlashBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserImageUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserFlashUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>'
});
<?php } ?>
</script>
 

 

P.S. 参考 http://www.cnblogs.com/cocowool/archive/2010/09/04/1817989.html

分享到:
评论

相关推荐

    Ckeditor 应用于 java web

    在本项目中,已经去掉了Ckeditor的服务器文件浏览功能,以增强安全性,并解决了中文乱码问题,提供了一个在MyEclipse开发环境下的示例应用。 **1. Ckeditor介绍** Ckeditor是一个开源的JavaScript库,支持多种...

    ckeditor 文本编辑器与asp.net的结合实例

    CKEditor是一款广泛应用于Web开发的开源富文本编辑器,它为用户提供了一种在网页上创建、编辑和格式化文本的强大工具。与ASP.NET框架结合,CKEditor能够为.NET开发者提供一个用户友好的界面,用于处理网页上的内容...

    jsp中使用ckeditor

    在实际应用中,你需要将`ckeditor-java-core-3.5.3.jar`加入到Web应用的`WEB-INF/lib`目录下,这样就可以在JSP中引用这个库了。 接下来是集成CKEditor的步骤: 1. **引入CKEditor资源**:在你的JSP页面中,需要...

    ckeditor 自己写的一个简单的image上传js 运用iframe的ajax上传

    在IT行业中,富文本编辑器(如CKEditor)是网页内容编辑的重要工具,它允许用户在浏览器中直接编辑格式化的文本。"ckeditor 自己写的一个简单的image上传js 运用iframe的ajax上传"是一个关于CKEditor自定义插件的...

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

    在IT行业中,富文本编辑器CKEditor 4是一款广泛应用的在线文本编辑工具,它提供了丰富的功能,如格式化、图片上传、链接管理等。本文将深入探讨如何为CKEditor 4自定义音频和视频上传插件,以满足特定的媒体处理需求...

    asp.net CKeditor 3 用户自定义控件 解决UpdatePanel下问题

    为了解决这些问题,作者在自定义控件中加入了针对Ajax环境的特殊处理。通过`CKEDITORJAVASCRIPTAJAX`脚本,可以在页面部分刷新前卸载CKEditor实例,避免了与Ajax请求之间的冲突。 ```csharp document....

    struts 整合ckeditor

    在《JavaScript高级编程》这本书中,虽然没有直接讲述Struts和CKEditor的整合,但它会深入讲解JavaScript的核心概念、DOM操作、事件处理、Ajax等技术,这些对于理解和实现CKEditor在Web页面中的集成至关重要。...

    ckeditor插件

    3. **初始化编辑器**:通过JavaScript代码初始化CKEditor实例,指定要转换成编辑器的元素ID。 4. **配置编辑器**:根据需求调整CKEditor的配置选项,如工具栏布局、语言、默认样式等。 5. **保存和获取内容**:...

    ckeditor 图片上传

    - 集成CKEditor:首先需要在页面中引入CKEditor的相关JS和CSS资源,然后创建一个编辑器实例。 - 文件选择事件:监听`filebrowserBrowse`事件,当用户点击“图片”按钮时触发。 - 图片上传插件:可以使用CKEditor...

    ckeditor上传图片,上传文件

    在这个例子中,`testCkeditorUploadImg.jsp`可能包含了一个预配置好的CKEditor实例,以及相关的JavaScript代码,用于配置CKEditor的图片和文件上传功能。这部分代码可能涉及到CKEditor的配置对象,如`config....

    CKEditor在线文本编辑器开源框架

    这段代码将替换ID为"editor"的textarea为一个CKEditor实例。 5. **学习资源** - 官方文档:提供详尽的API参考、教程和示例代码,帮助开发者快速上手。 - 社区支持:CKEditor有一个活跃的社区,用户可以在论坛中...

    ckeditor_java_3.5.3和ckfinder_java_2.0.2配置程序案例

    在本文中,我们将深入探讨如何配置`ckeditor_java_3.5.3`和`ckfinder_java_2.0.2`这两个工具,以便在Java Web应用程序中实现富文本编辑功能和图片、文件管理。`CKEditor`是一款强大的JavaScript富文本编辑器,而`...

    ckeditor.jar

    开发者可以通过Java代码创建CKEditor实例,然后在网页中嵌入编辑器,实现网页端的文档编辑功能。同时,编辑器的内容可以通过AJAX或者表单提交的方式,将数据发送到服务器端进行处理和存储。 除了基本的文本编辑功能...

    CKEditor安装与配置

    然后通过JavaScript来创建CKEditor实例并“替换”这个`&lt;textarea&gt;`: ```html CKEDITOR.replace('editor1'); ``` **5. 进阶配置** - **自定义配置**: 可以通过配置选项来自定义编辑器的行为和外观,例如...

    ckeditor文本编辑器

    在实际应用中,开发者可以根据需求深入研究其文档,定制更符合项目需求的编辑器实例。CKEditor是一个不断更新和改进的项目,其最新版本通常会包含更多的优化和新功能,确保用户始终能享受到最先进的文本编辑体验。

    ckeditor_sample_5.rar

    CKEditor是一款著名的开源富文本编辑器,被广泛用于网页内容编辑。在"ckeditor_sample_5.rar"这个...通过学习这些材料,开发者能够提升在实际项目中应用CKEditor的能力,创建出更加互动和用户友好的内容编辑体验。

    CKeditor 编辑器

    CKeditor是一款广泛应用于网页后台的富文本编辑器,它的出现极大地丰富了网页内容的编辑体验。...如果在使用过程中遇到问题,可以通过留言等方式寻求帮助,CKeditor社区和开发者通常会提供及时的支持。

    富文本框ckeditor_4.4.7 文本框的简单使用 支持IE11

    总结来说,CKEditor 4.4.7 是一款强大的富文本编辑器,它为网页开发者提供了丰富的文本编辑功能,且兼容IE11等老旧浏览器,是构建互动式、内容丰富的网页应用不可或缺的组件。通过深入学习和实践,开发者能够利用它...

    CKEditor网页编辑器 中文使用说明

    如果您的应用场景是客户端数据处理,比如使用Ajax进行异步提交,CKEditor同样提供了API来获取编辑器中的内容。例如: ```javascript var editor_data = CKEDITOR.instances.editor1.getData(); ``` 最后,一个完整的...

Global site tag (gtag.js) - Google Analytics