CKEditor 4 构建(缩小和丑化)

2024-05-02

在我们的构建过程中(使用 grunt),我们将所有脚本连接、缩小和丑化为一个脚本(也意味着仅一个请求)。

现在 CKEditor 4 似乎正在使用模块样式加载方法。

谁能告诉我如何将 CKEditor 4 包含到包含所有必需源的项目中,这样以后就不会动态加载了?


CKEditor 有两种工作模式:

  1. 在开发(源码)模式下:

    1. 你包括ckeditor.js file,
    2. 它加载所有核心文件,
    3. 它加载config.js(您可以通过设置来关闭它配置.自定义配置 http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-customConfig为虚假值),
    4. 它加载样式设置文件,除非你设置config.stylesSet http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-stylesSet to false(自 4.1RC 起)或样式数组(直接设置),
    5. 它检查应该加载哪些插件,
    6. 它加载插件和这些插件的依赖项,
    7. 它加载插件的语言文件,
    8. 它初始化所有插件,
    9. 同时加载一堆样式表文件(很少用于编辑器 UI,一个用于内容,除非是内联编辑器)和图标文件(每个按钮一个),
    10. 准备好了!
    11. 但如果你打开一个对话框,它会加载对话框的 JS 文件;关于例如同样按需加载的 Word 过滤器粘贴;这个想法是,这些东西一开始不需要,而且它们相当重,所以最好稍后再加载它们。
  2. 在发布(构建)模式下,您可以使用在线构建器 http://ckeditor.com/builder, 或者预设生成器 https://github.com/ckeditor/ckeditor-presets或直接在中可用的开发构建器dev repo https://github.com/ckeditor/ckeditor-dev,事情得到了优化:

    1. 你包括ckeditor.js file,
    2. 它包含构建中包含的所有核心文件和所有插件文件
    3. config.js and styles.js文件是单独下载的,但是就像在开发模式中一样,您可以保存这2个HTTP请求,
    4. 加载一个语言文件,其中包含构建中包含的所有插件的翻译,
    5. 所有插件都已初始化,
    6. 加载一个用于编辑器 UI 的样式表文件和一个用于内容的样式表文件(除非是内联编辑器)以及一个图标条,
    7. 准备好了!
    8. 对话框文件和来自字过滤器文件的粘贴是按需加载的。

注意:所有 JS 和 CSS 文件在发布模式下都会被缩小。

您可以尝试优化一些事情。

  1. 你可以尝试串联ckeditor.js包含语言文件、对话框和 PSW 过滤器文件 - 因此所有 JS 文件都可以连接在一起。
  2. 编辑器 UI 样式表文件也许可以与页面的样式表连接起来,但您必须找到一种方法来防止编辑器自行加载它。
  3. 内容样式表 - 即使您使用框架编辑器,您也可以将其删除,但您需要使用fullPage http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-fullPage功能(不推荐)。
  4. 您无法将图标条与您的条合并。

我想就这些了。我认为默认情况下 CKEditor 版本已经优化得很好。你可以改进一些东西,但你不会节省很多时间,而且你会失去一些功能,比如自动语言识别。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CKEditor 4 构建(缩小和丑化) 的相关文章

  • WinForms 中的 CKEditor 下拉工具栏未注册单击事件

    我目前在 C 框架 3 5 中 WinForms 的 WebBrowser 控件中遇到 CKEditor 版本 4 4 0 的问题 我在编辑器中使用 UIColor 和 Font Size Family 选项 当我在 IE 中加载页面时效果
  • CKEditor - 修改 BBCode 输出

    我正在为我的网站构建一个 php 论坛应用程序 主要是为了看看我是否可以成功 作为一名业余爱好者 我已经从事 Web 开发近 20 年了 但我总是避免使用 javascript 这意味着我已经非常擅长使用 html css 和 php 但当
  • 如何改变CKEditor的编辑器大小?

    由于它是一个 textarea 我在 html 属性中尝试了 cols 50 但它不起作用 另外 我从上一个问题中找到了答案 他说我可以通过添加来做到这一点 CKEDITOR instances myinstance resize 1000
  • Django-CKEditor 不会渲染图像

    我已经安装了 Django CKEditor 并对其进行了配置以用于开发目的 现在我可以编辑文本并将其作为文本字段保存到数据库中 但是在插入图像时我遇到了很大的问题 我可以插入图像 它似乎可以正确保存到本地主机 正确的文件夹 但是当将图像渲
  • CKEditor - 单击上下文菜单后获取元素

    我使用此代码添加了 ckeditor 中 img 上下文菜单的链接CKEditor 将上下文菜单项添加到图像 https stackoverflow com questions 37553405 ckeditor add context m
  • 一页中有多个 CKEditor5 - 性能问题

    我从后端收到一组对象 其中包含文本作为字段之一 我希望能够编辑该文本 到目前为止我有这样的事情 div div class card div class card header div class row some other input
  • 外部调用UI按钮

    回答 结果可以在这里看到 http apitecture com dev cked index 2 html http apitecture com dev cked index 2 html 工作代码摘录 a color on click
  • CKEditor 插件按钮在源模式下禁用

    我试图在 CKEditor 中添加我自己的工具栏按钮 在 vBulletin 内 以下是我的代码 CKEDITOR plugins add app init function editor editor addCommand AppWidg
  • 如何在 CKEditor 5 中禁用放置事件

    我们正在尝试将 CKEditor 5 实现到我们的应用程序中 但我们在文档方面遇到了一些困难 我们想要禁用将拖放事件放入编辑区域或以某种方式控制它 有这样的活动吗 我们正在努力editor model document on clipboa
  • CKEditor 4 - 如何将字体系列和字体大小控件添加到工具栏

    我在 config js 中有一个 config toolbarGroups 设置 但我不知道该组使用什么名称来添加字体系列 字体大小控件 似乎缺乏这方面的文档 我发现一些建议 我应该使用 CKBuilder 创建一个已经包含它的包 但我不
  • 允许在 ckeditor 中嵌入 oembed 标签

    我想将 oembed 标签放入 TYPO3 的 ckeditor RTE 中 这样我想将像 Instagram Facebook 或 Twitter 这样的社交帖子放入一些新闻文章中 在一些文本的中间 为此 我激活了 ckeditor 的嵌
  • 如何在CKEditor中动态切换文本方向

    在我当前的项目中 用户可以用英语和希伯来语输入文本 根据当前文本自动定义方向会很棒 例如 如果文本包含希伯来语符号 则方向应为 RTL 但如果文本不包含希伯来语 则方向为 LTR 文本可以随时更改 我认为最好的解决方案是动态切换方向 就像在
  • 如何在CKEditor 4中设置默认字体和字体大小

    我使用以下代码在 CKEditor 4 中设置默认字体和字体大小 config font defaultLabel Tahoma config fontSize defaultLabel 24px 但上面的代码在 Mozilla Firef
  • CKEditor 5 保存选定的文本并在恢复内容后将其再次设置为选定

    我一直在使用 CKEditor 5 var mySelection editor getSelection 例如 获取选定的文本并能够将其保存到数据库中 我想知道是否有一种更简单的方法将所选文本保存到数据库 然后在恢复文本后将其设置为在编辑
  • CKeditor 富文本编辑器在浏览器中显示 html 标签

    我刚刚在我正在构建的网站上安装了 CKeditor 富文本 WYSIWYG 编辑器 它似乎工作正常 除了它以编码 html 而不是常规 html 的形式将文本插入到我的 mysql 数据库中 然后当浏览器输出此内容时它将编码数据转换为常规
  • 当我们点击编辑器外部时如何隐藏ckeditor?

    这是我的代码 div div
  • 防止 CKEditor 添加“data-cke-saved”并转换 <

    我有 CKEditor 的 jQuery 实现 我们经常使用对话框将 HTML 标记添加到 A 标记的 标题 属性 然而 当我们这样做时 它会转换 HTML 代码 以便将其解析为文本 我们需要代码保持其输入时的确切形式 而不是在任何地方放置
  • 如何找到我的 typescript/react 模块的声明?

    我对前端技术非常 非常 陌生 特别是 React 和 TypeScript 当尝试做一件简单的事情 即使用反应组件时 我的问题出现了https github com ckeditor ckeditor5 https github com c
  • ckeditor 4.5 fileUploadRequest 事件未触发

    我有一个 html id 为 id textarea 的文本区域 editor CKEDITOR inline id textarea filebrowserBrowseUrl browse url filebrowserUploadUrl
  • 如何自定义 ckeditor 4.2 内置插件(如链接)?

    如果我想向链接插件添加选项卡 最佳实践方法是什么 我不想更改发布代码 只需用带有我的自定义的版本覆盖它即可 因此 很容易更新新版本 CKEDITOR 4 2 有这方面的操作方法吗 我正在使用新的内联样式工具栏 如果我获得源代码 我可以在没有

随机推荐

  • 我怎样才能向下滚动到多行文本框的底线,Javascript的scrollIntoView对此不起作用

    我正在尝试创建一个基本的视频和文本聊天网站 在房间页面中 我有 Flash 视频和一个文本框 多行 其中显示发送到房间的所有消息和一个文本框 供用户通过单击输入和发送旁边的按钮 tr td td tr
  • x 或 y:可接受的习语,还是混淆?

    我必须从可能为 None 的变量中提取值 并考虑一些默认值 我首先写了这段代码 if self maxTiles is None maxX maxY 2 2 else maxX maxY self maxTiles 然后我意识到我可以将其缩
  • 如何以编程方式重新启动 Windows 资源管理器进程

    我正在开发 Windows shell 扩展 不幸的是 在更改 DLL 时 我必须重新启动 Windows 资源管理器 因为它将 DLL 保留在内存中 我从 Dino Esposito 找到了这个程序 但它对我不起作用 void SHShe
  • 如何替换 iOS 6 上 UIWebView 键盘下工具栏上的按钮?

    如何替换工具栏上的按钮UIWebViewiOS 6 上有键盘吗 以下代码在 iOS 5 1 上运行良好 但在 iOS 6 上不起作用 UIWindow keyboardWindow nil for UIWindow testWindow i
  • 获取类中的字段数

    有没有办法获取一个类的字段数量 struct Base char a int b struct Derived Base std string c static assert num fields value 2 static assert
  • JavaScript 日期 + 7 天

    这个脚本有什么问题 当我将时钟设置为 29 04 2011 时 它会添加2011年4月36日在星期输入 但正确的日期应该是6 5 2011 var d new Date var curr date d getDate var tomo da
  • 第 n 行到最后一行的总和

    我想在电子表格顶部创建一个 TOTAL 行 在此行中 每个单元格应为 TOTAL 行下方列中的值的总和 例如 如果总行数是第 1 行 则单元格 A1 应该是 A2 到 A 列最后一行的总和 电子表格中的行数会随着时间的推移而增长 所以我不能
  • SpringBoot @SqsListener - 不工作 - 有异常 - TaskRejectedException

    我有一个 AWS SQS 队列中已有 5000 条消息 示例消息类似于 Hello 1 我创建了一个 SpringBoot 应用程序 并在其中一个组件类中创建了一个从 SQS 读取消息的方法 package com example aws
  • 自动完成请求/服务器响应是什么样的?

    这似乎是一个黑洞 经过一个小时的搜索jQuery用户界面 http en wikipedia org wiki JQuery UI网站 Stack Overflow 和谷歌搜索 我还没有找到如何编写的最基本信息服务器端自动完成的 向服务器传
  • 根据 ID 更新 React.js 中的特定组件实例

    在react js应用程序中 我想知道为每个组件提供一个ID的最佳实践是什么 该ID可用于根据需要仅更新该组件的信息 例如 如果我们有一个显示销售信息的组件 并且我们创建并显示其中 20 个组件 因为我们有 20 个产品 那么我们会每隔一段
  • 拆分 MS Access 数据库 - 前端部分位置

    最佳实践之一按照微软的规定 http msdn microsoft com en us library dd942824 aspx odc ac2007 ta PerformanceTipsToSpeedUpYourAccessDB Mul
  • jQuery 的 event.stopPropagation() 导致 Rails 出现问题:remote => true

    我创建了一些自定义 弹出窗口 最初使用 display none 样式 它们通过相邻的 popup trigger 链接进行切换 具有以下汇总功能 public javascripts application js jQuery docum
  • ClientDataset 索引更改时不计算 TAggregateField

    我正在使用连接到 DBGrid 的 TClientDataset 和几个聚合字段 用于计算其他几个浮点字段的总和 所有字段均已在设计时创建 一切都按预期工作 直到 ClientDataset 的 IndexName 使用自定义索引更改 以便
  • Wordpress 主题管理面板显示本地服务器中的致命错误

    我有一个 WordPress 项目 这里我们使用主题jupiter 当我在本地 XAMPP 服务器上设置它时 它的主题选项不起作用 这个问题出在我的电脑上 但在另一台电脑上却正常 My XAMPP是最新版本 它显示的错误 Fatal err
  • 如何在指令中插入 $compile 的 HTML 代码而不出现 $digest 递归错误?

    我有一个指令 根据ng repeat项目数据 来自数据库 使用 switch case 构建自定义 HTML app directive steps function compile return restrict A template h
  • 在 aws-elasticache 上使用 memcached 或 Redis

    我正在 AWS 上开发一个应用程序 并使用 AWS elasticache 进行缓存 我对使用 memcached 或 redis 感到困惑 我阅读了有关 redis 3 0 2 更新以及它现在如何等同于 memchached 的文章 ht
  • 有没有办法“source()”并在错误后继续?

    我有一个大型 R 脚本 其中包含 142 个小部分 如果某一部分因错误而失败 我希望脚本继续而不是停止 这些部分不一定相互依赖 但有些部分确实相互依赖 如果中间的一个失败了也没关系 我不想在这个脚本中加入try 来电 而且我不想将文件分成许
  • 确保在 ServerName 上启用默认 admin$ 共享

    运行 psexec 命令在同一网络上的服务器上远程安装或执行某些内容时 显示以下错误 无法访问服务器名称 找不到网络名称 确保在 ServerName 上启用默认 admin 共享 大多数参考文献建议您将以下内容添加到注册表中 但在我的例子
  • 当我启动程序时,Arduino IDE (Win10) 崩溃

    我的 Arduino IDE Win10 上的版本为 1 8 12 在启动时崩溃 运行arduino debug exe我收到此错误消息 C Program Files x86 Arduino gt arduino debug exe Se
  • CKEditor 4 构建(缩小和丑化)

    在我们的构建过程中 使用 grunt 我们将所有脚本连接 缩小和丑化为一个脚本 也意味着仅一个请求 现在 CKEditor 4 似乎正在使用模块样式加载方法 谁能告诉我如何将 CKEditor 4 包含到包含所有必需源的项目中 这样以后就不