问题标签 [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.
ckeditor - CKEditor5 视图模型位置和范围转换
该类engine/conversion/mapper
实现了我需要的功能,但是,我对如何最有效地获取/构建此对象有一些疑问。
我想让Mapper
对象处于两种方式(模型到视图和视图到模型)同时可以转换的状态。
a)有没有办法Mapper
从DataController
(例如事件)中获取?
b)如果我必须自己构建Mapper
,那么最好的方法是什么?
我真的很想避免修改DataController
. 但是,我更喜欢一个最有可能与未来的 CKEditor5 版本向前兼容的解决方案。
更新(更多上下文) :基本上这个问题是在方法中使用模型的后续问题。DataProcessor
toData
我从手头的任务开始,在我解释了我到底想对与原始问题更相关的职位做什么之后。
所以,我需要将编辑器数据转换为 BBCode(到目前为止一切顺利),但是我不知道 HTML 是什么(另一个插件会为等设置架构bold
)italic
。因此,我想使用模型进行一些转换,例如,即使我必须自己将属性转换为标签,通过这种方式转换模型中的文本节点似乎更容易。
然而,尽管在我的另一个问题上警告它可能会变得太复杂,我最好从 DOM 转换(我仍然不同意),我决定让它更复杂一点,并从两者转换视图和模型。现在,我们来到了这个问题。
我的转换计划如下:
a) 将 转换viewFragment
为modelFragment
。在这里,我希望以两种方式在它们之间进行所有位置转换。
b)在转换管道上传递,其中有一些用于处理元素和文本节点的通用框架,具有一组可扩展的“转换规则”对象,用于处理paragraph
和bold
˛属性。
在 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>'}
,ˇ
合适的位置对象指向的位置。
我希望有点清楚,我正在尝试做什么,它有点长,因为我试图描述这个问题,所以你可以更好地判断我尝试应用于它的解决方案。
ckeditor - 在 CKEditor 5 中使用 Writer.insert* 函数插入 HTML
我看到Writer
该类具有插入文本的方法。但是,我不明白这些方法中的哪一种是在编辑器中插入 HTML 的正确方法。
解释
我的案例场景是:用户可以创建某些内容模板并保存它。稍后用户应该能够将相同的内容插入编辑器并开始修改。
我正在使用以下代码处理此问题
它适用于“**text**”,但不适用于“ <strong>text</strong>
”。后者按原样显示。
所以我的问题是;以编程方式插入已经使用类之Writer
类的东西创建的 HTML 字符串的正确方法是什么?
我看到 中有一个模板的概念ui/template
,但是我不清楚如何转换editor.getData()
为该模板。
请注意:我不想给用户一个 HTML 编辑界面。我只是想创建模板让他的生活更轻松。因此,我的问题与基于“查看源代码”的问题无关。
ckeditor - ckeditor 框架中的 xml 支持
我正在评估用于内容编辑的工具..我们正在认真寻找 ckeditor 的自定义选项。我们要验证的一个主要方面是。
ckeditor 中的 XML 模式支持。我知道它是 HTML 编辑器,但我通过他们的文档看到它支持 XML 转换。
我们目前有 XML 编辑器,但它在定制方面缺乏灵活性。
我有疑问。我在他们的文档中找不到答案。
- ckeditor 可以用作 XML 编辑器吗?
- 可以根据 XML 语法/模式验证编辑内容吗?
- 我们可以通过CKEditor框架使CKEditor成为xml编辑器吗?如果可以,实现步骤。
任何有用的链接都将帮助我们进一步进行。
php - ckeditor5图片上传问题
我正在尝试在项目中实施/迁移(来自ckeditor4)ckeditor v5.0。
默认的经典编辑器工作正常。问题是图片上传。从弹出浏览器中选择图像后显示“无法上传文件:”。我已经看过这个问题,但没有太大帮助。
以下是我的代码片段:
Bakend - PHP v5.2 服务器 - Windows
ckeditor - CKEditor 5 在生产环境中
CKSource 的人刚刚推出了 CKEditor 5 的第一个版本。
在生产环境中使用它是否安全?(将使用它的平台从 4.x 更新到 5)还是更好地等待下一个次要版本?
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
ckeditor - 为什么CKEditor5使用promise来初始化它?
例子:
为什么编辑器创建需要异步?
ckeditor5 - CKEditor5:防止在输入时将属性复制到新段落
我正在开发一个允许用户将内容注入可编辑的项目。我contentid
在段落中添加了一个属性,这样我就可以跟踪添加的内容以及添加的位置。
当从该段落中按下回车时,输入的下一个段落也具有该contentid="1"
属性。我希望新段落没有该contentid
属性。
我正在尝试确定如何/在哪里最好地实现这一目标。我一直在听回车键,schema.addChildCheck
但没有取得太大进展。