ckeditor5 相关问题

ckeditor 5 中添加更多文本时工具栏未修复

当我们在 ckeditor 中添加更多单词并且向下滚动时，ckeditor 工具不会显示并且不是静态的。 即使注释很长，ckeditor 工具栏也应该位于顶部。这样当我们

CKEditor5：以只读模式启用源代码视图

我正在尝试创建一个只读但允许源代码查看的CKEditor。 当我使用 CKEditor 的只读模式时，源编辑插件被禁用。 我正在寻找一种简单的方法来做到这一点，我确实......

Django：WindowsPath 类型的对象不可 JSON 序列化

我正在尝试将 ckeditor_uploader 添加到我的项目中，并在 django 默认管理站点中添加帖子。 我收到以下错误： 模板渲染期间出错 env\lib\sitepackages\djang

CK Editor 内联元素拖放问题

我创建了一个自定义插件，如图所示。我可以添加带有“占位符”类的对象。 循环-ANS(Q2)。 内联小部件 c...

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;（零宽度非连接符），这些字符通常不会被删除。