ckeditor5 相关问题

CKEditor5：当气球中按下按钮时如何更新模型？

我正在创建一个稍微复杂的“简单框”插件（我已将其重命名为“标注”），用户可以在其中“对齐”左浮动、全宽或浮动的框...

Ckeditor 5：大图像副本应在转换为 Base64 之前调整图像大小

我正在使用ckeditor5库，当我复制图像时，它会使用Base64UploadAdapter插件将其转换为base64。如果图像很大，我想以编程方式将其大小调整为预定义...

CKEditor 在 laravel 中的 p 标签之前和之后添加额外的 p 标签

我正在使用 CKEditor 作为文本区域。我已将编辑器类添加到我的文本区域。我有一个公开的 ckeditor 文件夹。我在该文件夹中有两个文件[ckeditor.js 和 script.js]。我已经添加了

CKEditor React - 自定义图像浏览器未打开

我目前正在致力于将 CKEditor 与 React 应用程序中的自定义图像浏览器集成。尽管我做出了努力，但单击“插入图像...”时，默认图像浏览器仍会继续打开

如何使用reactjs在ckeditor5中上传图片base64

我正在使用ckeditor5制作一些富文本。我几乎需要经典构建器附带的所有功能。当我尝试插入一些图像时，我得到“filerepository-no-upload-adapter”...

如何在React Js中显示CKEditor5保存的内容

我正在使用CKEditor5 React组件框架。我已经成功地将CKEditor集成到我的项目中。并且能够使用它。 但问题是我必须保存编辑器的内容...

NextJs 13 API 无法使用 formidable 来处理上传文件

我有一个 NextJs 13 项目，需要 API 来处理发送给它的文件。我已经使用 formidable 来处理中间件 我的 app/api/uploadfile/route.ts 文件（代码已

ckeditor 5 删除空标签 - 我不希望它这样做

我正在使用 FA 来渲染图标，例如 ckeditor 5 删除它们。 有什么想法如何防止这种行为？ 注意 - 我正在使用 ckeditor v5。我已经...

尝试在 Remix js 中实现 CKEditor

当我使用此 NPM 包在 Remix js 上实现 CKEditor 时遇到一个错误 我正在尝试在 CKEditor 中实现 remix js 中的提及，但出现错误 `从...导入编辑器

如何将 CKEditor 5 的自定义版本与 React 和 Vite 结合使用？

在过去的几个月里，我一直在使用 Create React App 构建我的应用程序。 但是，Ionic 现在支持 Vite，我正在尝试将我的应用程序从 CRA 迁移到 Vite。 本来我做了一个CKEditor 5

ckeditor5 - 如何向上转换可选属性

我有一个自定义 ckeditor5 插件，它用自定义标签包装字符串并插入可选属性。也可以手动输入标签。三种可能的形式是： [ 我有一个自定义 ckeditor5 插件，它用自定义标签包装字符串并插入可选属性。也可以手动输入标签。三种可能的形式是： [<bbref ver="RSV">Mt 2:1 rsv</bbref>] [<bbref ver="">Mt 2:2 null</bbref>] [<bbref>Mt 2:3 none</bbref>]</p> 编辑器识别（向上转换）前两个，但将第三个视为纯文本。 我的向上代码： // Conversion from a view element to a model attribute conversion.for('upcast').elementToAttribute({ view: { name: 'bbref', attributes: ['ver'] }, model: { key: 'bibleref', // Callback function provides access to the view element value: viewElement => { let ver = viewElement.getAttribute('ver'); console.log('in upcast ver=['+ver+']'); return ver; } } }); 第三种形式似乎甚至没有调用 viewElement 回调。 您无需列出视图的属性即可在模型值回调中获取它们。 attributes: ['ver'] 充当对哪些视图元素将被向上转换的约束，并表示“仅向上转换具有 bbref 属性的 ver 元素”。 // Conversion from a view element to a model attribute conversion.for('upcast').elementToAttribute({ view: { name: 'bbref', }, model: { key: 'bibleref', // Callback function provides access to the view element value: viewElement => { // You can still get the ver attribute. let ver = viewElement.getAttribute('ver'); console.log('in upcast ver=['+ver+']'); return ver; } } });

如何将 CKEditor 5 与 Next.js 中的 MathTyp 插件一起使用

我在 Next.js 应用程序中使用 MathType 插件运行 CKEditor5 时遇到问题。 当我打开数学面板时，我看不到或执行附件中的任何操作，这是怎么回事： 这是...

ReferenceError：未定义 ClassicEditor（ckeditor5、ASP.NET MVC）

昨天我从官方网站下载了 build ckeditor5（版本 40）的经典编辑器，并且正在努力将其实现到我的 ASP.NET MVC 网站中。按照他们的 .NET 教程，我

CKeditor5。编辑器将第一个标签替换为 h1。如何禁用它？

编辑器会自动将第一行的标签添加或更改为H1标题标签。如何修复或禁用此问题？ 也就是说，我在文本中首先有 p 标签，编辑器将其格式化为 H1

在TYPO3 12.4.7中需要如何配置ckeditor 5的HTML支持？

我尝试根据此文档在 TYPO3 12.4.7 中配置 HTML 支持，不幸的是没有成功。 根据这个答案，它实际上应该在版本 12.4.7 中工作。 EXT：我的网站包...

在 MicroSoft Outlook 中打开时，CKEditor 在内容中嵌套列表后不允许有空格

大家好，我正在使用 CKEditor (react) 来编辑和创建要通过发送网格邮寄的内容。示例内容是这样的： Netflix 计划提高价格... 大家好，我正在使用 CKEditor (react) 来编辑和创建要通过发送网格邮寄的内容。内容举例是这样的： <ul><li><strong>Netflix plans to raise prices of ad-free tier following Actor’s Strike </strong> （链接） <strong>Details on timing and increase are still limited:</strong> It is still not known how much Netflix will raise prices by or when exactly the new prices will take effect, but the WSJ report says "a few months" after the strike ends </li> <li> <strong>Discussing raising prices in several markets globally, </strong>but will likely begin with the US and Canada </li> <li> <strong>Could represent the first price increase this year:</strong> Netflix last raised its prices in January 2022; The monthly cost for its basic plan for US customers rose $1 to $9.99, while its standard plan incr’d to $15.49 from $13.99 and the premium plan to $19.99 from $17.99 </li> <li> <strong>WGA noted that cost of their new contract will amount to 0.2% of Netflix’s annual revenue</strong> (<a href="https://www.thewrap.com/wga-strike-contract-studio-costs/">link</a>)<strong>:</strong> Under the new WGA contract, Netflix would pay up an additional $6mn, or 0.2% of its $31.6bn annual revenue; It remains to be seen how negotiations will shape up with the Screen Actor’s Guild and the impact it will have on the streamers’ financials&nbsp; <br> &nbsp; </li> </ul> </li> <li> 这里，当 li 元素嵌套时，在 Microsoft Outlook 中打开内容时，内部 li 元素后面的空格将被删除。如果我们在 Gmail 中打开邮件，看起来不错。 如何在列表嵌套中引入空格？ 我尝试将内联 css 样式设置为 <li style ="margin-top : 10px;"></li> 我还尝试用 <br> 标签代替 &nbsp; 我还尝试在 sendgrid 邮件模板中添加自定义样式，如下所示 <style>ul li ul li:last-child {margin-bottom: 10px;}</style> 上述解决方案均未按预期工作。 Outlook 在列表上应用间距的方式有点奇怪。在单个级别上（因此，不是嵌套的），第一个 <li> 的 margin-top 控制列表上方的间距，最后一个 <li> 的 margin-bottom 控制列表下方的间距。 IE。 不是 <ul> 或 <ol> 上的边距。 对于嵌套列表，在我刚才的测试中，是一样的。我测试了这个并且它有效： <ul> <li>And things here <ul> <li>one</li> <li>two</li> <li style="margin-bottom:50px;">three</li> </ul> </li> <li>And another story here <ul> <li>second list</li> <li>second two</li> <li>second three</li> </ul> </li> </ul> 或者，由于 Outlook 不接受像 :last-child (https://www.caniemail.com/features/css-pseudo-class-last-child/) 这样的花哨 CSS，您可以尝试向最后一个列表项并向其添加 margin-bottom ？ 但是为了在电子邮件客户端之间保持一致，您可能会发现有一个空白段落更容易——您只需稍稍有所不同即可： <p style="font-size:0;line-height:0;margin:50px 0 0 0;">&nbsp;</p> 有时，是编辑器本身删除了它认为的空白区域。在这种情况下，上面的方法仍然可以工作，或者，您可以尝试使用一些奇特的字符，例如 &zwnj;（零宽度非连接符），这些字符通常不会被删除。

将数据传递到 Modal 时出现重复的 CKEditor5 问题

我使用AJAX请求从数据库获取数据。当我将每个数据传递到输入表单时，都没有问题，但是当我将数据传输到CKEditor5时，我收到错误：每次关闭并重新打开...

如何在TYPO3 12的CKEditor 5中允许自定义HTML标签？

根据更新日志，CKEditor 5 插件“GeneralHTMLSupport”在 TYPO3 12 中可用。我想它可以在自己的编辑器配置（yaml）中激活： 进口： - {资源...

从 Online Builder 安装 Vue 3 CKEditor 5 不起作用

我正在按照他们的文档将我的自定义构建添加到 vue 3，这是我的组件 //在脚本设置中 从 '@ckeditor/ckeditor5-vue' 导入 CKEditor 从 'ckeditor5-custom-build/

从元素中删除内容或在编辑中清空 CKEditor 5 的下转型转换中的元素

在编辑Downcast的以下转换中，我想清空一个元素，以便其中的任何内容不会出现在CKEditor中。这个特定元素将被填充 v...