问题标签 [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.

0 投票
1 回答
328 浏览

ckeditor - CKEditor 样式下拉列表:将类添加到所选元素

我在 CKEditor 中尝试做的是添加一些应该应用于多个元素的自定义样式。我的每个元素(从 h2 到 h6 的标题,加上链接 a)必须有 3 个只会改变颜色的项目。

为了避免一一描述每种样式:H2 Red、H2 Blue、H2 Green、H3 Red、H3... 我想像往常一样从 Format 列表中选择元素,然后从样式列表中选择 itemization。我将有 3 种样式:红色、蓝色、绿色,它们可以通过简单地添加一个类而不是通过定义元素本身来应用于所选元素。

可行吗?

我考虑使用自定义颜色列表(http://docs.ckeditor.com/#!/guide/dev_colorbutton),但颜色是通过颜色代码“即时”添加的,因此当您的网站颜色发生变化时,您可以'不要简单地更改 3 类颜色属性,您必须修改所有编写的文本,我不想要的,老实说不太优雅。

我尝试设置这样的样式,但没有指定元素(我在 Drupal 下,但我们并不关心):

但这不起作用,会自动添加一个跨度。

谢谢你的帮助!

0 投票
1 回答
1266 浏览

ckeditor - 如何在 CKEditor 4 中禁用编辑模式?(内联编辑器)

我需要在内联模式下禁用编辑模式。

我尝试使用此代码

此代码隐藏工具栏,但菜单(鼠标右键单击)已启用,我需要完全禁用(只读模式)仅用于“渲染内容”,但我需要所有插件,包括“代码”和引用。(如果我将渲染与“removePlugin”工具栏“一起使用,我的插件代码、引用等不会使我的代码正确)有什么想法吗?

0 投票
1 回答
820 浏览

widget - 如何在自定义 CKEditor 小部件中使 a-tag 可编辑?

我为 CKEditor 4.5 创建了一个自定义常见问题小部件。plugin.js文件如下所示。基本上,该小部件使用Twitter Bootstrap折叠功能添加了一个 div 来呈现一个常见问题解答条目。

编辑答案字段可以正常工作,但在 CKEditor 中我无法编辑问题

CKEditor 中的 FAQ 条目的屏幕截图

编辑器中生成的源代码如下所示:

0 投票
0 回答
155 浏览

drupal-7 - 如何使用 drupal 和 ckeditor 嵌入链接到更大彩盒图像的 flickr 缩略图

经过 1 天的搜索和测试,我想知道是否可以使用 drupal 7、ckeditor 4.5.6 和 colorbox(例如)在节点中嵌入或插入来自 flickr(或来自 google+ 的照片是同样的问题)的照片。

更精确:我想要实现的是嵌入来自 flickr 的缩略图,我可以调整大小和移动(如这里所示)并且与颜色框(或任何类似的东西)兼容。我整天都在使用 ckeditor 插件 image2、autoembed 和 embed 进行测试,它的潜力令人印象深刻,但是在编辑器中粘贴的每个 flickr 链接都会变成一个不可调整大小的画廊(??),而我没有不需要整个画廊。

这是我想要的一个很好的例子,但这是通过 drupal flickr 模块的 flickr 过滤器完成的,它可以完成工作,但没有 ckeditor 小部件系统的强大功能,这意味着:我必须复制每个链接,我的用户 ID ,更改CSS,为每张照片...

有人这样做过吗?

0 投票
0 回答
66 浏览

ckeditor - 漏洞?CKeditor添加空格开始P标签

我在模式下使用 CKEditor,rtl当我在其中写一些东西时,我在输出中看到一些空间,如下图所示:

在此处输入图像描述

如何防止这个空格?

我的代码:

0 投票
3 回答
15949 浏览

javascript - CKEditor - 在一页中限制更多编辑器的字符

我正在开发一个基于网络的 ERP,我需要一些帮助。

作为文本编辑器,我选择 CKEditor,效果很好,可以做我需要的一切。嗯……不完全是……

我添加了一个插件名称“wordcount”,用于计算单词或字符并设置限制。

问题是我在一页上有更多的 CKeditor,我需要为每个页面设置不同的限制。如您所见,插件为两个编辑器设置了相同的限制:

在此处输入图像描述

参数通过 config.js 传递:

你知道有什么方法可以做到这一点吗?也可以使用另一个插件或“手动”。

提前致谢!

0 投票
1 回答
1156 浏览

javascript - CKEditor 4 具有可拖动内容的小部件

我正在尝试制作一个 CKEditor 小部件,其中包含监听dragstart dragdragend事件的孩子。问题是这些事件永远不会被触发 - 就像.cke_widget_wrapper(包装小部件的 div)取消这些事件一样。

请注意,我并不是要使整个小部件可拖动(小部件功能的一部分),而是使小部件中的元素可拖动。

.cke_widget_wrapper如果我打开(从而移除包装器)的孩子,那么一切都会按预期工作。但似乎这个包装阻止了孩子们拖动。

我不会发布有关我如何进行拖动的代码,因为它在一个隔离的测试用例中按预期工作,并且正如所解释的,当我从.cke_widget_wrapper.

这是我创建小部件的方式:

这是生成的 HTML:

div.resize元素附加了事件处理程序以允许拖动。如前所述,这适用于孤立的测试用例,并且当我移除.cke_widget_wrapper包装器时。

有谁知道我如何允许在小部件内拖动,以便事件处理程序在.resize元素上正常运行?

谢谢

0 投票
1 回答
63 浏览

ckeditor - 自定义路径/到/插件

根据文档,插件和小部件将存储在 /ckeditor_root/plugins/plugindir

当我计划为内容管理系统开发一个小部件时,我更愿意将插件存储在 cms 的资产中。

ckeditor是否允许设计?

干杯,

奥利弗

0 投票
1 回答
535 浏览

html-entities - 如何在 Ckeditor 4 中将 MS Word 智能引号和破折号转换为简单的引号和破折号

嗨,我真的很喜欢新的 Ckeditor 4 高级内容过滤以及 pastefromword 插件 - 并且已经阅读了关于允许和不允许哪些 html 标记的文档,我理解为什么它将我客户的 MS Word 废话转换为htmlentities但是,在将文本发送到 CMS 数据库之前,我想做一些干预并将智能引号转换为直引号 - 并将所有破折号转换为纯破折号并且不允许。但我找不到关于此的任何文档或示例。

我可以看到在旧论坛 Ckeditor 论坛上有很多关于此的问题http://ckeditor.com/forums/CKEditor-3.x/Replacing-smart-quotes-regular-quoteshttp://ckeditor.com/forums /CKEditor-3.x/Problem-copyingpasting-MS-Word但他们没有得到答复。

我也希望 ckeditor 团队阅读这些论坛,因为这是他们建议我们现在发布问题的地方。

0 投票
0 回答
632 浏览

javascript - ckeditor 4在我们的产品中加载太慢,如何预加载ckeditor4?

我可以预加载ckeditor4吗?我做了一些研究并尝试了一些谷歌上可用的解决方案,但没有任何帮助。有什么方法可以加快 ckeditor4 的加载时间吗?特别是当它第一次加载时。

此外,我尝试在 window.onload 上的隐藏 div 和 textarea 中加载 ckeditor4。替换隐藏的 div 元素或 textarea 无效。

提前致谢 :)

PS - 我已经删除了所有不必要的插件并从源代码编译。