问题标签 [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 回答
108 浏览

plugins - CKEditor 插件未禁用

我最初为 CkEditor 使用名为 pasterFromWord 的插件,但是当我从“/plugins”下删除文件夹并删除“config.js”文件中的所有代码时,插件的功能仍然有效,即当我从word文件中复制文本并粘贴,它会自动删除内容!

可能之前遇到过这个问题的人,请您指导我吗?这是一个缓存问题吗,因为我也清理了我的服务器目录和浏览器缓存......它仍然有效。如果您需要我的更多意见,请告诉我。

0 投票
0 回答
521 浏览

html - CKEditor 结合内联样式

重现步骤

我正在研究内联CKEditor。我使用字体大小、行高和字体系列插件。所有这些都适用于嵌套跨度。

例如文本输入是 - “CKEditor is awesome”

当我应用以下命令时。

    1. 添加后 - 字体系列:
    1. 添加后 - 字体大小:
    1. 添加后 - 行高:

因此,所有这些都添加到嵌套的 span 元素中。

预期结果

OR

实际结果

其他详情

为了获得预期的结果,我使用下面的代码片段为每个跨度添加公共类

CKEditor Version: 4.4.2

0 投票
0 回答
27 浏览

javascript - 自定义插件,必须点击两次确定吗?

一直在尝试创建我自己的插件并设法得到一个基本的排序。

我添加了一个自定义文本字段,以便我可以将自定义属性添加到这种格式的元素{"data-title":"My data title","data-id":"001"}。我还可以编辑元素并返回自定义属性。

这很好用,可以添加任意数量的内容。问题是当我想删除一个时,我只是从文本字段中删除它并单击确定,但我必须单击它两次并且无法找出原因。这是我到目前为止的代码,可能有更好的方法来做到这一点,但这有点工作。

}

问题似乎出在这一行element.removeAttribute(v.name); ,如果我用警报替换它,一切正常。现在双击不是世界末日,只是烦人我不知道为什么,任何人都会得到建议/修复。

0 投票
0 回答
298 浏览

ckeditor - CKEditor Widget 可编辑使 div 像输入一样工作

出于某种原因,CKEditor 默认情况下不允许在小部件中输入。有人提到您可以将其添加到,dtd.$editables但快速测试表明它对我来说不可编辑,因此我正在尝试使用推荐的divs.

问题是我想要占位符,在具有纯 css 的现代浏览器中将占位符添加到 div 不是问题。与主编辑器一样,问题在于 CKEditor 鄙视空的可编辑项 - 它<br>在完全空的可编辑项上添加 a ,从而停止显示占位符。编辑然后删除内容时,它会添加 unicode 字符以表示虚无 - &#8203;

问题:如何让 CKEditor 将空的可编辑视为.. 空,而不是插入随机的<br>or &#8203;

谢谢。

0 投票
1 回答
453 浏览

ckeditor - CKEditor 小部件在渲染后接收数据

查看文档,您可以将启动数据传递给小部件:

然而,这些数据是毫无意义的,因为似乎没有办法影响模板输出 - 它已经在小部件的初始化之前生成,而且数据在那时甚至不可用:

此外添加 CKEditor 标记会引发“未捕获的 TypeError:无法读取未定义的属性 'align'”异常,因此数据似乎也没有传递给原始模板:

CKEDITOR.template.output如果无法动态传递数据,那么拥有一个可以接受上下文的函数有什么意义?

到目前为止,我发现的唯一可怕的 hacky 解决方案是拦截 a 中的命令beforeCommandExec并阻止它,然后修改template并再次手动执行命令。

根据传递的数据生成动态模板的任何想法?谢谢。

0 投票
1 回答
235 浏览

asp.net-mvc - 如何在 CKEditor 中通过标签的 id 更改内容

我想在CKEditor中更改为带有id的内容。我将像模板一样在 CKEditor 中创建一个表格。我在帮助文档(http://docs.ckeditor.com/)中进行了研究,但我找不到该怎么做。

我想在单击按钮时在文本框中添加我写的内容。

来源:http: //jsfiddle.net/mstfcck/m2g4mj83/

0 投票
0 回答
417 浏览

jquery - 如何覆盖默认插件并使用它们来拥有按钮ckeditor

我知道这个问题被问了几个地方,但没有一个符合我的要求。

我想对我自己的按钮和图标使用默认的 ckeditors 插件。

可以说,我有一些按钮和图标,现在我想给他们控制 ckeditor 像普通的 ckeditor 一样工作。

比如说,我有按钮 B,上面有一些 B 图标。现在,我的问题是如何使按钮 B 像相同的 ckeditor 插件一样工作。

意思是,它如何像我们在 ckeditor 中那样加粗文本?

有什么办法吗?

我的一些js文件如下:

对于文本操作:

这是我的自定义 ckeditor 文件:

现在,我想要一个带有 B 的自定义按钮,当用户单击此 B 按钮时,文本变为粗体,斜体和下划线相同。

此外,更重要的部分,可以说,我有下拉菜单,其值左对齐、居中对齐、右对齐、对齐对齐。

因此,当用户从下拉菜单中单击右对齐按钮时,它将使文本右对齐。

如何使用ckeditor完成整个过程?

0 投票
2 回答
2413 浏览

javascript - 如何在 CKEditor 中使用 Line Height 插件?

我正在尝试在 CKEditor 4.5.3 上使用 Line Height 插件,但它不起作用。

CKEditor 甚至不会打开。我得到一个应该在的空白空间。

有人可以帮我吗?

这是我的 CKEditor 构建的链接:link

这是我的控制台所说的:

它指向这个代码行(plugin.js:70):

以下是一些有助于澄清的图像:

错误

代码

PS:Rich Combo 是 Line Height 工作所需的插件,已安装。

0 投票
2 回答
1049 浏览

ckeditor - 在 CKEditor 中添加字体

我是 Peoplesoft 开发人员。我们将 CKEditor 作为我们产品中的富文本编辑器,这是产品的一个交付功能。现在我必须对 CKEditor 的交付功能进行一些修改。我需要为工具提供的字体添加额外的字体。我已经按照博客中的说明进行了更改 - 文件名:\ckeditor_source\plugins\font\plugin.js

即使进行了上述更改,我也无法在 RTE 中查看新字体。我对 javasript 完全陌生。请协助我修改哪些文件。这种变化对我的下一个要求非常关键。

提前致谢

维诺斯·卡纳 M

0 投票
1 回答
168 浏览

javascript - CKEditor 显示多个光标

是否可以在一个编辑器中显示多个光标,

因为我们要实现协同编辑器,

我们需要显示超过 1 个光标让其他用户知道 - 哪个部分正在编辑以及编辑过程。