问题标签 [ckeditor5]

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 回答
490 浏览

javascript - 检测编辑器内容的任何变化 - CKeditor 5,通过 javascript

我查看了 CKEditor 5 文档,但仍然无法弄清楚如何在我的页面中单击任何气球编辑器区域时触发简单的 javascript alert('hello')。任何线索都非常感谢!

0 投票
1 回答
5118 浏览

javascript - CKEditor 5 和图像按钮

我试图弄清楚如何使用 CK Editor 5 上传图像。现在我已经看到了各种不同的插件,但我想了解这对我自己是如何工作的。我注意到的是,如果我单击图像按钮,我会看到一个对话框来上传图像,然后我选择一个图像,但什么也没有发生。

根据我一直在阅读的指南和文章,我的假设是我必须将图像保存到服务器,然后将 url 返回给 ckeditor,以便它可以使用它来显示图像。

我似乎无法弄清楚如何做到这一点。我会在 ckeditor js 代码的什么位置添加自己的逻辑,以便它可以拾取上传的图像,将其发送到服务器,然后将 url 返回给 ck 编辑器?

我已经阅读了很多诸如此类的文档,但似乎找不到任何东西。

https://docs.ckeditor.com/ckeditor5/latest/features/image.html
https://docs.ckeditor.com/ckeditor5/latest/features/image-upload.html
https://docs.ckeditor.com/ ckeditor5/latest/builds/guides/integration/configuration.html

0 投票
3 回答
3416 浏览

javascript - 检测文本何时更改且编辑器在 CKEditor 5 中失去焦点

我正在尝试在 CKEditor 5 中实现自动保存功能,其中仅在进行更改并且编辑器失去焦点后才会进行保存。

我怎么能这样做?文档让我很困惑。

这是我得到的最接近的:

我的解决方案的问题是,每当 CKEditor 调出模态框时,就会触发模糊事件。

0 投票
1 回答
1516 浏览

ckeditor - 有没有办法通过代码选择CKEditor 5的所有内容?

我想选择编辑器的所有内容并在 CKEditor 5 中对其执行命令。

是否可以?

0 投票
1 回答
326 浏览

ckeditor - 如何为ckeditor5添加条件buildModelConverter?

我正在创建一个新插件,在其中添加了一个带有样式标签的字体标签作为颜色属性。

但是是否可以进行任何更改buildModelConverter,以便如果我选择了任何其他 html 标签,那么只需为该标签添加样式标签,如果我选择了一些文本,然后将它们包装在字体标签中?

我当前的代码就像

0 投票
1 回答
228 浏览

ckeditor - 如何为ckeditor5中的每个标签启用样式属性?

如何在 ckeditor5 中启用样式属性?

我在旧的ckeditor4中有样式属性,所以要将它迁移到新版本,我需要支持样式属性。

这怎么可能?

0 投票
2 回答
2378 浏览

ckeditor - CKEditor 5 链接:设置链接的默认目标或编辑目标

在 CKEditor 5 中,我在链接对话框中看不到目标属性的字段。

在此处输入图像描述

如何添加这样的字段?或者将 target=_blank 设置为默认值。谢谢

0 投票
6 回答
24251 浏览

javascript - 如何进行 CKEditor 5 图片上传?

我的服务器响应应该是什么?我在后端使用 Java。无论我的反应是什么,它都会抛出一个对话框“无法上传文件”。

0 投票
1 回答
13397 浏览

javascript - CKEditor 5 缺少可用的工具栏项目

我已经列出了 CKEditor 5 内联编辑器的所有可用工具栏项目,我想知道为什么缺少一些基本项目。我正在使用https://cdn.ckeditor.com/ckeditor5/1.0.0-beta.1/inline/ckeditor.js上的构建,文档说它应该包括整个功能集。

editor.ui.componentFactory.names() 输出:

  • 撤消
  • 重做
  • 胆大
  • 斜体
  • 块引用
  • 图像文本替代
  • 图片上传
  • 标题
  • 图像样式:完整
  • 图像样式:侧面
  • 关联
  • 编号列表
  • 项目符号列表

如您所见,CKEditor 4 中包含的一些核心项目丢失了,例如:

  • 复制
  • 粘贴
  • 强调
  • 字体大小
  • 文字颜色
  • 左对齐
  • 正当理由
  • 对齐中心

为什么这些物品不见了?是因为 CKEditor 5 仍处于测试阶段吗?

0 投票
2 回答
599 浏览

javascript - 如何设置CKEditor5 textarea不能为空?

我现在正在使用 CKEditor5

文本区域是:

我想设置这个不能为空的字段,所以尝试了我的“必需”属性,但它使表单无法发送出去(到数据库)。

然后我试图阻止我的表单向数据库发送内容,如果它是空的:(PHP)

但是,我仍然能够将空内容发送到数据库。

因为即使我提交了一个空内容,它也会向数据库发送一些 html 标签。

在数据库中,我可以看到列单元格中存储有 html 标签,例如

使用 CKEditor 进行输入时,它取决于字体样式。它也可以<i></i>

还有其他方法可以解决这个问题吗?