jquery - 按需加载CKeditor和Jquery

标签 jquery lazy-loading ckeditor

我目前在我的网站上使用CKEditor,但并非每次用户访问页面时都需要CKEditor。流程如下:用户进入页面并看到该页面的所有文章;如果用户想要编辑文章,他或她会打开编辑器并执行此操作。目前,CKEditor 被加载到隐藏的 div 中,并且有 60% 的时间没有被使用。当用户单击并让编辑器 div 可见时,有什么方法可以按需加载它?

我的 CKEditor 使用 Jquery 连接器

谢谢

最佳答案

这取决于您想要如何执行此操作,但在没有看到您的标记的情况下,我建议尝试以下操作:

$('a.editThis').click( // assuming that someone clicks a link of class-name 'editThis' to edit the page
  function(){
    $('<script src="/path/to/CKEditor.js"></script>').appendTo('head');
    return false;
  }
);

已编辑以添加演示链接,尽管这是附加 CSS 的演示。我想可以添加 javascript,接下来我会尝试一下。演示地址:my site

关于jquery - 按需加载CKeditor和Jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3949542/

相关文章:

javascript - CKEditor 回车键滚动到页面底部

javascript - 小 IFrame 中的 Cckeditor

javascript - Powerange - 通过 javascript 更改值

javascript - 试图从显示 : hidden to display: block 更改 jquery 元素

javascript - 为什么 parseJSON 在服务器的以下响应中失败?

javascript - 加载内联 jQuery 脚本以及延迟和异步脚本

javascript - JS mouseenter 触发了两次

javascript - 在一页上加载 1000 张图片

asp.net-mvc - MVC EF 延迟加载 - 确定何时加载?

ruby-on-rails - CKEditor 不仅仅在生产环境中工作