异步load()加载 ckeditor 编辑器
2016-01-13 11:23
316 查看
异步加载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. 首次请求 生成编辑器,再次加载时,需要销毁上次生成的编辑器,重新 生成新的 编辑器
参考:http://blog.sina.com.cn/s/blog_7795200201013cjt.html
第二:lang.contextmenu.options' 为空或不是对象
解决方案: 实质ckeditor js文件引用问题
1.对官方ckeditor.js 进行修改,导致某些配置勿删
2.ckeditor.js 路径是否正确
第三: ckeditor.js文件配置详情
参考 :http://blog.csdn.net/yangchaofeng1229/article/details/6723235
获取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文件引用问题
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; });
相关文章推荐
- 服务器的线程模型
- TF-IDF与余弦相似性的应用
- CodeForces 411A Password Check
- Struts 2.x仍然明显落后于时代。 Struts 2.x这一类老牌Web MVC开发框架仅能用于开发瘦客户端应用,无法用来开发对于交互体验要求更高的应用。
- C#对七牛云的操作
- 11个显著提升 ASP.NET 应用程序性能的技巧——第1部分
- 数据库连接池参数配置
- maven的简单使用
- LeetCode---Pow(x, n)
- 值得推荐的Android应用性能检测工具列表
- 2015年总结
- oracle共享服务器模式
- 在模板类成员函数入参中使用回调函数指针
- C#圆半径圆的周长,使用嵌套类型计算圆面上点到圆心的距离
- javascript 解析ajax返回的xml和json格式的数据
- 2015年度总结
- 【转】动态SQL- case
- 【数组】Game of Life
- typedef与define基本使用
- mapreduce/spark/storm/Tez 框架