问题标签 [ckeditor4.x]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ckeditor - "file://" 打破 CKEditor 中的 href
所以我通过Redmine插件为我的项目使用CKEditor（4.4.7）。我已经花了整整两天的时间来搜索这个问题，并且尝试了很多东西都无济于事，所以我正在挖掘并寻求帮助。发生的事情是，当我尝试在编辑器中对链接使用“file://”语法时，它似乎破坏了 HTML href 操作。
这是我写的：
这是 CKEditor 最终为我的页面生成的内容：
如果我用“http://”替换“file://”，那么它可以正常工作：
结果：
只是为了确保我正确地编写了这个，使用 Chrome 的开发人员工具，我将我页面上的 HTML 行更改为我所写的内容，并且链接现在可以很好地工作。CKEditor 似乎不知道如何处理“file://”部分。任何人都可以对此有所了解吗？
我已经尝试了一些使用编辑器配置文件的自定义技巧来强制“<a>”拥有一个“href”，但到目前为止没有任何效果。
javascript - 使用 JQuery 和自定义配置文件的基本 CKEditor 设置
这是我第一次使用 CKeditor，我正在尝试让一些基础知识发挥作用。我有一个测试页面（不是 PHP，只是基本的 HTML），加载了 JQuery 和 Bootstrap，并且工作正常。我有两个领域。我已经链接到 CKEditor CDN 并在<head>
相关 HTML
如果我将此脚本放在页面底部，我会在每个脚本上获得一个<textarea>具有指定 ui 颜色和大小的 CKEditor 实例。
如果我在页面上使用下面的脚本，则会为每个 呈现一个编辑器<textarea>，并且 Firefox Web 开发人员插件显示 custom_config.js 在 Javascript 文件列表中。但是，为每个加载的编辑器实例<textarea>不受我的自定义配置文件的影响。我希望我错过了一些简单的东西，但不知道是什么。
自定义配置文件：
ckeditor - 在 CKEditor 中输入分页符
我有一个 ASP.NET MVC 4 应用程序，它使用 CKEditor 控件 (4.4.5) 来捕获 HTML，然后将其呈现为 Word (docx) 文档。
当我使用 CKEditor“分页符”按钮时，它会产生
它保留在编辑器的 HTML 中，但不会在 Word 中呈现。
Word中的作用是：
但是我发现每次您将数据保存在 CKEditor 框中时，我的 CKEditor 设置都会将其删除。
我可以更改 CKEditor 以放入 Word 使用分页符按钮识别的代码，还是我应该考虑另一种选择来解决这个问题？
ckeditor - CKEditor皮肤动态更新
有没有办法动态更改编辑器的皮肤（CKEditor 4.1（修订版 80c139aa））？
我能做到这一点的唯一方法是使用 config.js（这意味着我的皮肤工作正常）
打开 jDialog 时会加载编辑器。在打开对话框时，我想运行一个根据用户偏好更改皮肤的命令。
我试过没有运气：
还有这个：
还有这个：
还尝试使用 ajax 加载配置文件（删除 defaulkt config.js 文件后）：
它总是加载默认的 config.js 文件...
我怎样才能做到这一点？
css - ckeditor4 - 使用 ckeditor API 在 IFrame 模式下将 css 类附加到第一个生成的 DIV
我在经典模式（Iframe）下使用 CKEditor 4.5 和共享空间插件。
ckeditor4 自动创建一个div(#cke_mytextarea1) 就在每个下方textarea和内部div， aiframe也被创建。
css为此div也会自动创建。
如何使用 ckeditor API附加一个css类？div
我尝试使用contentsCss配置http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-contentsCss
但css应用于 iframe 而不是div
例子：
从这段代码：
在我启动 ckeditor 实例后，生成以下代码：
此处的完整示例代码预览：http: //jsfiddle.net/luzfcb/ymoc2r1w/2/
下面相同的代码：
javascript - CKEditor 在样式中插入不可编辑的 HTML
我目前正在将CKEditor 移植到concrete5 中。作为其中的一部分，concrete5 能够创建可以通过编辑器插入的“片段”。开发人员可以定义这些小部件产生什么样的 HTML 输出，但在编辑模式下，它只是显示一个具有以下 HTML 的占位符：
我已经研究过 CKEditor 小部件，但不一定想用大量按钮来激活我的工具栏来激活此类功能。我很好奇是否可以在样式组合下拉列表（或类似的下拉列表）中添加一些内容，然后插入上面的片段。
目前我必须尝试做的事情可以在https://github.com/ExchangeCore/Concrete5-CKEditor/blob/feature/magicstyles/assets/concrete5styles/plugin.js#L17-L30这不太行因为我无法将 插入selectedSnippet.scsName到样式的 innerHTML 中。有什么方法可以做到这一点，或者其他更明显的方法可以在 CKEditor 中实现这种插入功能，而无需制作大量的工具栏按钮？
此外，该跨度的内容应该能够被删除，但不可编辑。
javascript - 如何使内联 CKEditor 在 div 内滚动？
当在正文上完成滚动时，内联 CKEditor 正在正确滚动文本。以下为官方演示。
http://sdk.ckeditor.com/samples/inline.html
但是，当滚动不在正文中而是在 iframe 或 div 中时，滚动直到现在的最新版本（版本 4.5.5）才起作用。这里有一些问题，例如，
滚动“可滚动” div 时，CKeditor 内联编辑器留在屏幕上
此解决方案有效，但我可能在同一页面上有 20 多个编辑器，并且检查每个人对我的页面来说都太重了。
另一种看起来不错的解决方案对我不起作用，但我想要的是一些像这样的轻量级解决方案。
PS 对于那些想要测试您的解决方案是否有效的人，这里是您可以测试的代码的开头： https ://jsfiddle.net/pteryvk3/6/
angular - Angular 和动态添加的 CKEditors 中断
NgFor我在通过with渲染的动态添加的 CKEditors 遇到问题angular@2.0.0-alpha.44。
您可以看到三个正常工作的 CKEditor。然后单击底部的“添加”按钮，它会破坏容器中的最后一个 CKEditor，您甚至可以写入它，如果您按下任何工具栏按钮，它会抛出：
Uncaught TypeError: Cannot read property 'getSelection' of undefined.
有趣的是，只有最后一个 CKEditor 坏了，其他两个工作。Angular2 似乎以某种方式操纵了破坏 CKEditor 的最后一个元素。
我记得使用相同的方式添加新的 CKEditor angular@2.0.0-alpha.35，我认为它在那里工作，但也许我只是没有注意到。版本angular@2.0.0-alpha.47是一样的。
javascript - 无法销毁 CKEditor 实例
在我将 CKEditor 更新到最新的稳定版本4.5.6之前，一切都运行良好，但是在我更新之后，我在尝试使用以下代码破坏ckeditor 实例时遇到了这个错误
错误 ：
未捕获的类型错误：无法读取 null 的属性“getClientRect”
我在 sharepoint 2013 项目中使用这个编辑器
帮助总是受到赞赏。
谢谢！
plugins - 在 CKEditor 中将字体大小设置为父元素（段落、h1、h2）
当我将字体大小设置为所选文本时，CKEditor 创建新元素跨度并设置字体大小。
如果我将 font-size 设置为 H1 元素，它会在 H1 内创建新的 span 并将 font-size 设置为 span。
结果是假的行高。
除了跨度之外，如何将字体大小设置为父元素 h1、h2、p、ecc...？
谢谢！