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

ckeditor - CKEditor5 视图模型位置和范围转换

该类engine/conversion/mapper实现了我需要的功能,但是,我对如何最有效地获取/构建此对象有一些疑问。

我想让Mapper对象处于两种方式(模型到视图和视图到模型)同时可以转换的状态。

a)有没有办法MapperDataController(例如事件)中获取?

b)如果我必须自己构建Mapper,那么最好的方法是什么?

我真的很想避免修改DataController. 但是,我更喜欢一个最有可能与未来的 CKEditor5 版本向前兼容的解决方案。

更新(更多上下文) :基本上这个问题是在方法中使用模型的后续问题。DataProcessortoData

我从手头的任务开始,在我解释了我到底想对与原始问题更相关的职位做什么之后。

所以,我需要将编辑器数据转换为 BBCode(到目前为止一切顺利),但是我不知道 HTML 是什么(另一个插件会为等设置架构bolditalic。因此,我想使用模型进行一些转换,例如,即使我必须自己将属性转换为标签,通过这种方式转换模型中的文本节点似乎更容易。

然而,尽管在我的另一个问题上警告它可能会变得太复杂,我最好从 DOM 转换(我仍然不同意),我决定让它更复杂一点,并从两者转换视图和模型。现在,我们来到了这个问题。

我的转换计划如下:

a) 将 转换viewFragmentmodelFragment。在这里,我希望以两种方式在它们之间进行所有位置转换。

b)在转换管道上传递,其中有一些用于处理元素和文本节点的通用框架,具有一组可扩展的“转换规则”对象,用于处理paragraphbold˛属性。

在 b) 中,每个“转换规则”可以根据他们想要转换的内容(视图、模型、转换为视图到 DOM 或 Markdown 或其他)来决定,然后以文本形式返回转换结果,即指向下一个元素之前的模型位置待处理,并且在视图中的位置相同。

例如,作为文本,数据处理器将在模型和视图以及文档片段中<p><b>text</b></p><p>...</p>的第一个位置之前获得一个位置。p当所有的魔法发生时,它会返回一个对象,即 has {result:'[b]text[/b]\n\n', modelPos:'[par]...[/par]ˇ[par]...[/par]', viewPos: '<p><b>text</b></p>ˇ<p>...</p>'}ˇ合适的位置对象指向的位置。

我希望有点清楚,我正在尝试做什么,它有点长,因为我试图描述这个问题,所以你可以更好地判断我尝试应用于它的解决方案。

0 投票
1 回答
3316 浏览

ckeditor - 在 CKEditor 5 中使用 Writer.insert* 函数插入 HTML

我看到Writer该类具有插入文本的方法。但是,我不明白这些方法中的哪一种是在编辑器中插入 HTML 的正确方法。

解释

我的案例场景是:用户可以创建某些内容模板并保存它。稍后用户应该能够将相同的内容插入编辑器并开始修改。

我正在使用以下代码处理此问题

它适用于“**text**”,但不适用于“ <strong>text</strong>”。后者按原样显示。

所以我的问题是;以编程方式插入已经使用类之Writer类的东西创建的 HTML 字符串的正确方法是什么?

我看到 中有一个模板的概念ui/template,但是我不清楚如何转换editor.getData()为该模板。

请注意:我不想给用户一个 HTML 编辑界面。我只是想创建模板让他的生活更轻松。因此,我的问题与基于“查看源代码”的问题无关。

0 投票
0 回答
174 浏览

ckeditor - ckeditor 框架中的 xml 支持

我正在评估用于内容编辑的工具..我们正在认真寻找 ckeditor 的自定义选项。我们要验证的一个主要方面是。

ckeditor 中的 XML 模式支持。我知道它是 HTML 编辑器,但我通过他们的文档看到它支持 XML 转换。

我们目前有 XML 编辑器,但它在定制方面缺乏灵活性。

我有疑问。我在他们的文档中找不到答案。

  • ckeditor 可以用作 XML 编辑器吗?
  • 可以根据 XML 语法/模式验证编辑内容吗?
  • 我们可以通过CKEditor框架使CKEditor成为xml编辑器吗?如果可以,实现步骤。

任何有用的链接都将帮助我们进一步进行。

0 投票
0 回答
824 浏览

php - ckeditor5图片上传问题

我正在尝试在项目中实施/迁移(来自ckeditor4)ckeditor v5.0。

默认的经典编辑器工作正常。问题是图片上传。从弹出浏览器中选择图像后显示“无法上传文件:”。我已经看过这个问题,但没有太大帮助。

以下是我的代码片段:

Bakend - PHP v5.2 服务器 - Windows

0 投票
1 回答
371 浏览

ckeditor - CKEditor 5 在生产环境中

CKSource 的人刚刚推出了 CKEditor 5 的第一个版本。

在生产环境中使用它是否安全?(将使用它的平台从 4.x 更新到 5)还是更好地等待下一个次要版本?

0 投票
2 回答
751 浏览

laravel - 通过npm安装并通过laravel mix编译后找不到ckeditor5

我已经在我的 laravel 5.6 项目(npm install --save @ckeditor/ckeditor5-build-classic)中使用 npm 安装了 ckeditor5,然后我添加window.ckeditor = require('@ckeditor/ckeditor5-build-classic'); 到我的resources/assets/js/app.js并运行npm run dev。编译成功。在我看来,当我尝试引用时ckeditor,它说它找不到 ckeditor。请帮忙

这是我的resources/assets/js/app.js

0 投票
1 回答
574 浏览

angular - 在 CKEditor 中使用 ckeditor5-typing 包

0 投票
1 回答
1061 浏览

java - CKEditor 5上传图片,上传图片返回什么信息?

这是网页代码:

这是弹簧控制器:

这里我返回磁盘上图像的地址。它是 json 字符串样式。我希望 CKEditor 5 api 返回信息,但仍然失败。

我需要在后台返回什么才能成功,还是我错过了这一步?谢谢你。

在此处输入图像描述

0 投票
1 回答
297 浏览

ckeditor - 为什么CKEditor5使用promise来初始化它?

例子:

为什么编辑器创建需要异步?

0 投票
1 回答
176 浏览

ckeditor5 - CKEditor5:防止在输入时将属性复制到新段落

我正在开发一个允许用户将内容注入可编辑的项目。我contentid在段落中添加了一个属性,这样我就可以跟踪添加的内容以及添加的位置。

当从该段落中按下回车时,输入的下一个段落也具有该contentid="1"属性。我希望新段落没有该contentid属性。

我正在尝试确定如何/在哪里最好地实现这一目标。我一直在听回车键,schema.addChildCheck但没有取得太大进展。