ckeditor 在dwz里面使用

 在ckeditor的配置的过程中,所有的配置的地方都配置了,但是就是不显示编辑器(编辑器代码如下),很郁闷哦

1 <textarea id="editor1" name="txt_content"></textarea>

   于是就上网找了资料,找到了解决的方法,加入下面的脚本就行了,问题解决!!!

<script type="text/javascript">
   var editor = CKEDITOR.replace('editor1');
</script>

上面的问题还有一种解决的方案就是CKEDITOR.appendTo(elementOrId, config) 它可以在特定的dom对象中创建CKEDITOR

<div id="editorSpace">
<textarea id="editor1" name="txt_content" style="display:none"></textarea>
</div>

<script type="text/javascript">
   var editor = CKEDITOR.appendTo( 'editorSpace' );
</script>

上面的问题解决好了,又来了新的问题,就是添加数据,有个添加按钮,当点击添加时,就会加载编辑器,第一次点击的时候,是很正常的,但是,你在点击

第二次时就,不能加载编辑器了,页面一直处于加载状态,很郁闷,上网找了好久也没有找到该怎么解决,但是功夫不负有心人,还是找到了解决的方案,这个问题
是由于ajax应用editor多实例造成的。加了下面代码问题解决。

 

 if (CKEDITOR.instances['editor1']) {
        CKEDITOR.remove(CKEDITOR.instances['editor1']);
    }

最后的脚本代码是下面的了

<script type="text/javascript">
    if (CKEDITOR.instances['editor1']) {
        CKEDITOR.remove(CKEDITOR.instances['editor1']);
    }
   var editor = CKEDITOR.replace('editor1');
</script>
时间: 2024-11-01 21:10:58

ckeditor 在dwz里面使用的相关文章

dwz+asp.net 用ckeditor编辑器,取不到编辑器的值??

问题描述 dwz+asp.net用ckeditor编辑器,取不到编辑器的值??但其它的值能取到,也能插入数据库,弄了好几天了清行,??没用dwz它自己带的编辑器,那个不能上传图片,要写代码吧,?代码:<divclass="pageContent"><formmethod="post"action="ajax/articleAdd.ashx"class="pageFormrequired-validate"on

织梦ckeditor添加自定义按钮,实现自定义样式

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 织梦到了5.7之后编辑器不再是fck,而是升级成了ckeditor3.6.2.在我们对内容页面的body正文部分进行编辑的时候,前台正文部分有的时候需要一个自定义样式,但ckeditor并没有自定义样式涉及. 例如页面:http://www.badubox.com/game/500.html, 可以看到有虚线边框的地方,就是自定义样式. 当然

dwz ajax: DWZ下ajax后台交互后的分页刷新

之前做的几个项目,用上了DWZ这个UI框架作为管理后台的界面,觉得还是不错的.个人觉得有点遗憾的是这个框架的整体感觉不够企业化,缺少稳重的感觉.在开发过程中,碰到了一些问题,这里跟大家分享一下.DWZ版本:DWZ RIA 1.3 Final说明:因为之前做过一些自定义,是直接将 dwz.min.js 改成 dwz.newgxu.js ,这样做对整个框架修改过大,造成以后更新与维护的各种不便.所以,现在作的修改是以覆盖的方式进行. 问题描述:在一些分页的NAV中,进行 ajaxToDo 或者 弹出

ckeditor config.js:ckeditor 在JS获得值

document.forms[0].updateContext.value=CKEDITOR.instances.ckeditor_id.getData(); 本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130107/35627.html

ASP.NET中CKEditor与CKFinder的配置使用

  这篇文章主要介绍了ASP.NET中CKEditor与CKFinder的配置使用的相关资料,需要的朋友可以参考下 将CKEditor 与 CKFinder 的包含在项目中,并添加程序集的引用 从http://cksource.com网站上下载CKEditor与CKFinder,并将这两个解压的项目之下,里面的 samples文件夹中是示例,是不需要的可以将samples文件夹直接删除,在ckeditor和ckfinder目录下各有bin目录,添加对bin目录下的release目录下的程序集的引

ckeditor插件开发简单实例

我需要在编辑文本的时候,选择一段文字,点击自定义的按钮,就能够在这段文字后面增加一个图标,图标超链接去一个地址,以选中的文字作为参数   CKeditor就是FCKeditor,在发布一个新版本的时候,把自己的名字都改了,不要"F". 需求:我需要在编辑文本的时候,选择一段文字,点击自定义的按钮,就能够在这段文字后面增加一个图标,图标超链接去一个地址,以选中的文字作为参数. 做法: 1.在CKeditor的plugins文件夹下,创建新文件夹"addmap",这个名

为ckeditor编辑器修改添加一键排版功能

  使用PHPCMS V9的朋友都知道,V9内置使用ckeditor编辑器,但是默认编辑器的排版功能不是很强大,下面绿茶小编教大家修改一下编辑器,改动几个地方,让Ckeditor编辑更加实用一些. 1.批量去除超链接: 打开 statics/js/ckeditor/ckeditor.js 找到: $.execCommand('unlink',false,null); 修改为: $.execCommand('unlink',false,true); 2.上传图片自动添加ALT参数 修改 stati

含有CKEditor的表单如何提交

 如何提交含有CKEditor的表单,其实很简单的在提交事件中加入这一句即可解决问题 在提交事件中加入这一句   代码如下: for ( instance in CKEDITOR.instances )  CKEDITOR.instances[instance].updateElement();     

dwz框架页面跳转问题求解答

问题描述 dwz框架页面跳转问题求解答 在用dwz框架时出的问题 jsp页面 /WEB-INF/jsp/card/cardOrderInsert/edit.jsp </action> 我想实现的功能是 action 返回success的时候 跳转页面 当action返回error 时弹出错误提示现在的问题是 如果把jsp页面的target配置成=""navTab"" 返回success时 没有问题,返回error时调到空页面也不提示错误, 如果把targ