CKEditor是一个开源富文本编辑器生态系统，支持实时协作。将此标记与[ckeditor4]和[ckeditor5]标记一起使用以指示编辑器版本。
CKeditor 无法在 PythonAnywhere 上工作，但在 localhost (Django) 上工作
我有一个简单的博客项目，我想在 pythonanywhere 上展示。不幸的是我似乎无法解决 CKeditor 的问题。它在本地主机上工作，但在 pythonanywhere 上它显示错误并且仅显示标准
我正在使用CKEDITOR文本编辑器进行描述。如果我将其留空或输入一些没有文本的空格，结果将如下所示： ... 我使用CKEDITOR文本编辑器进行描述。如果我将其留空或输入一些没有文本的空格，结果将如下所示： <p> </p> <p> </p> <p> </p> <p> </p> html 是： <form action="<?= base_url('Blogs/submit_post'); ?>" method="post"> <label>Description</label> <textarea id="des" name="descr"></textarea> </form> PHP 脚本是 (CI4) $data = $this->request->getVar(); $data['descr'] = htmlentities($data['descr']); print_r($data); 现在我需要，如果这个文本区域提交时没有文本或空格，例如 - <p> </p> 那么 $data['descr'] 的值应该 null 否则 $data['descr'] 的值 = htmlentities($data['descr']) 如何检查提交的textarea值是否为空？ 如果您想检查提交的textarea值是否只包含不间断空格和HTML标签并将其视为空，您还可以使用strip_tags函数结合str_replace来删除HTML标签和不间断空格，然后检查结果字符串是否为空。 $data = $this->request->getVar(); $cleanedDescr = str_replace(' ', ' ', strip_tags($data['descr'])); if (empty(trim($cleanedDescr))) { $data['descr'] = null; } else { $data['descr'] = htmlentities($data['descr']); } print_r($data); 此方法还应该适用于处理值仅包含不间断空格和 HTML 标记的情况，将其视为空并将 $data['descr'] 设置为 null。
无法上传文件：*.png - CKEditor、CKFinder
我的API上传文件（ExpressJS） 在此输入图像描述 我在 ReactJS 上的 CKFinder 在此输入图像描述 我哪里出错了，有人可以帮助我吗？ --------------------- 对不起我的英语...
这个问题似乎有很多想要同样东西的人的问题，但似乎没有一个答案能够正确解决它（在这里，或在 CKEditor 论坛上），但是我如何粘贴到...
我已经在 Django 管理界面的 CKEditor 中上传了一些图像。我可以通过单击编辑器中的“图像”按钮来浏览和选择图像，然后单击win中的“浏览服务器”...
所以我有一个 CKeditor 5 文本区域，当我单击提交按钮时，它会运行获取文本区域，并且为了这个示例，将其作为更改而触发。然而问题是它会引发什么......
在 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 <br> </li> </ul> </li> <li> 这里，当 li 元素嵌套时，在 Microsoft Outlook 中打开内容时，内部 li 元素后面的空格将被删除。如果我们在 Gmail 中打开邮件，看起来不错。 如何在列表嵌套中引入空格？ 我尝试将内联 css 样式设置为 <li style ="margin-top : 10px;"></li> 我还尝试用 <br> 标签代替 我还尝试在 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;"> </p> 有时，是编辑器本身删除了它认为的空白区域。在这种情况下，上面的方法仍然可以工作，或者，您可以尝试使用一些奇特的字符，例如 ‌（零宽度非连接符），这些字符通常不会被删除。
CKEDITOR 5 带 Bootstrap 5.3 深色主题
我刚刚找到 CKEditor 并离开 TinyMCE，但我在页面上安装的 CKEditor 5 没有识别出页面上的主题设置为我的 Bootstrap 我刚刚找到 CKEditor 并离开 TinyMCE，但我在页面上安装的 CKEditor 5 没有识别出页面上的主题是我的 Bootstrap 设置的 <html data-bs-theme="dark" lang="en"> 如何让 CKE5 来呈现主题？ 我已经通过使用提供的链接并为我的项目自定义它来进行管理
CK-editor 在开发中工作正常，但在生产中却不起作用。 在控制台选项卡中显示错误： 无法加载资源：服务器响应状态为 404（未找到）ckeditor.js
我正在使用 npx playwright codegen 为我的剧作家测试提供代码。我有一个 CKEditor，我想填充一些测试内容。当我在 CKEditor 内部单击并写入“test&q...
在ckeditor中，当文本区域没有文本时，突出缩进图标被禁用。我进行了研究，但找不到任何解决方案（我知道我无法查看正确的位置:)）。 我怎样才能使用这个图标...
我们有一个要求，必须从 CKEditor 5 中删除一种列表样式 目前，如果启用了列表属性插件，则 CKE 5 中可以使用以下 6 种列表样式。 小数 带-
我们正在评估 ckeditor 5，需要以下信息 - 我们能否获得有关 CKE5 内部使用的第 3 方库的一些指针？ 我尝试搜索 cke5 API 文档（下面的链接）
Chrome 上的 ckeditor4 打字性能较低，HTML 编辑器中的大文本输入滞后
我有一个包含ckeditor4的项目。我使用“wysiwygarea”插件进行全屏 html 编辑。本地一切似乎都很好，但在测试环境中，大型文档上的 Chrome 输入开始滞后......
CKEditor 5 - 在外部操作/事件上为编辑器在深色和浅色主题/背景之间切换
我在 React 应用程序中使用 CKEditor5，并尝试实现一个切换以在 CKEditor5 的深色和浅色主题之间切换。 从他们的文档中我发现了这一点：https://ckeditor.com/docs/cked...
一切正常，但是当我上传图像时，出现此错误。 我找不到有关此错误的任何信息。我找到了很多类似的解决方案，但没有一个有效。 这是我的代码。我将 Express.js 与 ejs 一起使用......
我有 2 个带有 CKeditor 的表格 <p>我有 2 个带有 CKeditor 的表格</p> <pre><code><form id="save_category" class="uk-form" enctype="multipart/form-data"> <textarea id="editor1" class="uk-textarea" rows="5" aria-label="Textarea" name="description"><?echo $description?></textarea> </form> <form id="save_category_en" class="uk-form" enctype="multipart/form-data"> <textarea id="editor2" class="uk-textarea" rows="5" aria-label="Textarea" name="description"><?echo $description?></textarea> </form> <script> CKEDITOR.replace( 'editor1' ); CKEDITOR.add </script> <script> CKEDITOR.replace( 'editor2' ); CKEDITOR.add </script> </code></pre> <p>现在我用这个代码发送这2个表格的数据</p> <pre><code>$(document).on("submit", "#save_category", function(save_category){ save_category.preventDefault(); var formData = new FormData(this); $.ajax({ url: 'controllers/object/save_category.php', type: 'POST', contentType: false, cache: false, processData:false, data: formData, success: function(response){ $("#result").html(response); } }); var formData_en = new FormData($("#save_category_en")[0]); $.ajax({ url: 'controllers/object/save_category.php', type: 'POST', processData: false, contentType: false, data: formData_en, success: function(response){ $("#result").html(response); } }); }); </code></pre> <p>问题是当我使用 CKeditor 时，表单 #2 的 $_POST['description'] 不发送，只有 CKeditor 的文本区域字段不起作用。如果我禁用 ckeditor 它可以工作。有什么问题吗？</p> <p>仅使用 CKEDITOR 时才会出现问题</p> </question> <answer tick="false" vote="0"> <p>当将 CKEditor 与表单中的文本区域一起使用时，与父表单元素的集成是自动的。提交表单时，CKEditor 会自动更新替换的文本区域，因此在现有表单元素上启用 CKEditor 后，无需更改任何处理表单提交的服务器端代码1。但是，如果您通过 Ajax 提交表单数据，则可能需要在提交表单数据之前更新 CKEditor 实例。您可以通过在与您尝试提交的表单元素关联的 CKEditor 实例上调用 updateElement() 方法来完成此操作 来源：<a href="https://ckeditor.com/docs/ckeditor4/latest/examples/savetextarea.html" rel="nofollow noreferrer">https://ckeditor.com/docs/ckeditor4/latest/examples/savetextarea.html</a></p> <pre><code>$(document).on("submit", "#save_category", function(save_category){ save_category.preventDefault(); for (instance in CKEDITOR.instances) { CKEDITOR.instances[instance].updateElement(); } var formData = new FormData(this); $.ajax({ url: 'controllers/object/save_category.php', type: 'POST', contentType: false, cache: false, processData:false, data: formData, success: function(response){ $("#result").html(response); } }); var formData_en = new FormData($("#save_category_en")[0]); $.ajax({ url: 'controllers/object/save_category.php', type: 'POST', processData: false, contentType: false, data: formData_en, success: function(response){ $("#result").html(response); } }); }); </code></pre> </answer> </body></html>
当我尝试在本地安装 ck editor git repo 时，遇到以下错误 Git 存储库 - https://github.com/ckeditor/ckeditor5 npm 错误！代码 ERESOLVE npm 错误！ ERESOLVE 无法解决依赖...