ITKeyword,专注技术干货聚合推荐

注册 | 登录

异步load()加载 ckeditor 编辑器

sinat_25926481 分享于 2016-01-13

推荐:javascript获取ckeditor编辑器的值

CKeditor编辑器是FCKeditor的升级版本 想对于FCK来说,确实比较好用,加载速度也比较快 以下是如果通过JS获取CKeditor编辑器的值,用于表单验证 if(CKEDITOR.ins

2020腾讯云共同战“疫”,助力复工(优惠前所未有!4核8G,5M带宽 1684元/3年),
地址https://cloud.tencent.com/act/cps/redirect?redirect=1053

2020阿里云最低价产品入口,含代金券(新老用户有优惠),
地址https://www.aliyun.com/minisite/goods

异步加载ckeditor 编辑器,注意事项:

第一.CKEDITOR 未定义:js未加载ckeditor.js 

解决方案:

1.将 js文件放在父页面

<script src="http://www.cnblogs.com/../Content/ckeditor/ckeditor.js" type="text/javascript"></script>
<script src="http://www.cnblogs.com/../Content/ckeditor/ckfinder/ckfinder.js" type="text/javascript"></script>

2. 首次请求 生成编辑器,再次加载时,需要销毁上次生成的编辑器,重新 生成新的 编辑器

复制代码
 <textarea  id="Content" rows="6" cols="10"></textarea>
    <script type="text/javascript">

        jQuery(function ()
        {
             // 300 弹窗高调
             LoadCk(300);
           
        });

        function LoadCk(hh)
        {

            //加载CKeditor
            //判定 Content 是否存在
            var editor;
            if (!CKEDITOR.instances.Content) {
               
                var editor = CKEDITOR.replace('Content', { height: 300 });
                

            } else {
                
                addCkeditor("Content", hh);
            }

        }
      //新增CKEDITOR
        function addCkeditor(id, hh)
        {
            var editor2 = CKEDITOR.instances[id];
            //销毁编辑器 Content, 然后新增一个
            if (editor2) editor2.destroy(true);
            editor = CKEDITOR.replace(id, { height: hh });
            
        }
    </script>
复制代码

参考:http://blog.sina.com.cn/s/blog_7795200201013cjt.html

第二:lang.contextmenu.options' 为空或不是对象

解决方案: 实质ckeditor js文件引用问题

推荐:ckeditor编辑器上传图片

 ckeditor编辑器的页面 cci是textarea的id或者name CKEDITOR.replace('cci',addUploadButton(this));         function addUploadButton(editor){            CK

1.对官方ckeditor.js 进行修改,导致某些配置勿删

2.ckeditor.js 路径是否正确

第三: ckeditor.js文件配置详情

参考 :http://blog.csdn.net/yangchaofeng1229/article/details/6723235



获取ckeditor全部文本 

//必须为提交按钮绑定click事件,手动去更新----begin-----
		jQuery('#ckeditorSubmit').click(function() {
			//需要手动更新CKEDITOR字段
			for (instance in CKEDITOR.instances)
				CKEDITOR.instances[instance].updateElement();
			return true;
		});
		$("form").off("submit");
		$("form").on("submit", function() {
			$("form").ajaxSubmit(function() {
				$("form input").val(""); //清空表单的值
				$("form textarea").val("");
				alert("添加成功");
			});
			//阻止表单的默认提交行为
			return false;
		});


推荐:UEditor CKEditor 网页编辑器

UEditor:百度编辑器  ,旨在打造符合国人使用习惯的网页编辑器,使用起来确实简单,文档全面,开放源码。 CKEditor 1.下载CKEditor的js库,包含js css文件的整

异步加载ckeditor 编辑器,注意事项: 第一.CKEDITOR 未定义:js未加载ckeditor.js  解决方案: 1.将 js文件放在父页面 <script src="http://www.cnblogs.com/../Content/ckeditor/ckeditor.js"

相关阅读排行


相关内容推荐

最新文章

×

×

请激活账号

为了能正常使用评论、编辑功能及以后陆续为用户提供的其他产品,请激活账号。

您的注册邮箱: 修改

重新发送激活邮件 进入我的邮箱

如果您没有收到激活邮件,请注意检查垃圾箱。