ckeditor 相关问题

CKEditor是一个开源富文本编辑器生态系统，支持实时协作。将此标记与[ckeditor4]和[ckeditor5]标记一起使用以指示编辑器版本。

CKFinder 文件上传器在 PHP 8.2 中无法工作

我在php版本7中使用ckfinder没有问题，但是将服务器更新到php 8.2后，当我通过快速上传上传照片时，出现以下错误。 CKSource\CKFinder\Filesystem\File\

symfony upload ckeditor ckfinder php-8.2

回答 1 投票 0

CKeditor 实例已存在

我在堆栈溢出上找到了一些类似的帖子，但没有一个给出有效的答案。我的页面上有几个选项卡，根据他们点击的选项卡，他们会看到一个特定的...

jquery ckeditor

回答 5 投票 0

在redmine docker中安装插件redminex_ckeditor会抛出捆绑器错误

我正在将旧的 redmine 2.6 迁移到较新的版本 (5.x)。迁移本身效果很好。我可以找到我的问题和配置。一切看起来都很好。我现在需要导入插件。第一个已经...

docker-compose ckeditor redmine-plugins

回答 1 投票 0

Ck Editor 4 中的图片上传器看不到加载的图片

我正在使用 Ck 编辑器来编辑我的描述字段。当我单击上传文件时，它可以，但 ckeditor 不会在文本区域上渲染图像。这是我在 _Layout.cshtml 中使用的配置函数 <...

asp.net asp.net-mvc ckeditor ckeditor5 ckeditor4.x

回答 1 投票 0

删除使用 ImageInsert 在 CKEDITOR 5 中上传图像的选项

我正在使用CKEditor 5，我需要阻止用户将图像上传到我的服务器。我知道通过删除相应的模块 Image 可以轻松完成此操作。这里要注意的是，ImageInsert 模块看起来不错...

ckeditor ckeditor5

回答 3 投票 0

为什么当我在 ckeditor 区域内开始输入时，在 Laravel 11 应用程序中添加的 ckeditor 会丢失？

阅读 https://startutorial.com/view/using-ckeditor-with-laravel-livewire 文章我在 Laravel 11 应用程序中的 1 页中添加了 ckeditor，就像示例一样，它工作正常。但要让编辑器有一些默认值

laravel ckeditor laravel-livewire

回答 1 投票 0

Ckeditor 4 将内容复制到word文档

Ckeditor 4 内容要复制到 Microsoft Word 文档。 HTML：复制 <h1>标题</h1> ...</desc> <question vote="0"> <p>将 Ckeditor 4 内容复制到 Microsoft Word 文档。</p> <p>HTML：</p> <pre><code><button id="copy">Copy</button> <textarea id="textarea"> <h1>Title</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </textarea> </code></pre> <p>JS：</p> <pre><code>var editor = CKEDITOR.replace( 'textarea' ); document.getElementById('copy').onclick = function(){ var content = CKEDITOR.instances.textarea.getData(), newElement = document.createElement("textarea"); newElement.style.position = 'absolute'; newElement.style.left = '99999px'; newElement.innerHTML = content; document.body.appendChild(newElement) newElement.select(); document.execCommand('copy'); } </code></pre> <p>这是一个用于测试的小提琴：<a href="https://jsfiddle.net/oL04y3g5/" rel="nofollow noreferrer">https://jsfiddle.net/oL04y3g5/</a></p> <p>此代码将复制 html 源代码：</p> <pre><code><h1>Title</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </code></pre> <p>将其粘贴到 Word 文档中会将其显示为纯文本，而不是应有的样子。</p> <p>如何像选择框中的文本一样复制并将其粘贴到word文档中？</p> </question> <answer tick="false" vote="0"> <p>您需要有一个隐藏的 <pre><code>div</code></pre>，一旦用户单击副本，所有内容都会进入剪贴板。这样就可以得到<pre><code>textarea</code></pre>的内部内容了。</p> <p>参考下面的示例代码：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>var editor = CKEDITOR.replace('textarea'); document.getElementById('copy').onclick = function () { var content = CKEDITOR.instances.textarea.getData(); var hiddenDiv = document.createElement('div'); // Create a sample hidden div element hiddenDiv.style.position = 'absolute'; // add sample styling hiddenDiv.style.left = '-9999px'; hiddenDiv.style.whiteSpace = 'pre-wrap'; hiddenDiv.innerHTML = content; document.body.appendChild(hiddenDiv); var range = document.createRange(); range.selectNodeContents(hiddenDiv); var selection = window.getSelection(); selection.removeAllRanges(); selection.addRange(range); document.execCommand('copy'); // Copy things out selection.removeAllRanges(); // Remove everything out document.body.removeChild(hiddenDiv); };</code></pre> <pre><code><script src="https://cdn.ckeditor.com/4.16.2/standard/ckeditor.js"></script> <button id="copy">Copy</button> <textarea id="textarea"> <h1>Title</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </textarea></code></pre> </div> </div> <p></p> </answer> </body></html>

javascript ckeditor ckeditor4.x

回答 0 投票 0

CKEditor5 图像无法正确调整大小

我尝试使用ckeditor5但图像无法正确调整大小.. 我通过ckeditor5插入图像，它变成了200像素，但是ckeditor生成了这个代码我尝试使用 ckeditor5 但图像大小无法正确调整.. 我通过ckeditor5插入图像，它变成了200像素，但是ckeditor生成了这个代码 <figure class="image image_resized" style="width:200px;"> <img style="aspect-ratio:1280/720;" src="data:image/jpeg;base64 etc etc.." width="1280" height="720"> </figure> 浏览器尊重 img 标签的宽度根据此页面上的文档，您需要包含内容的 css 样式。例如： <link rel="stylesheet" href="https://cdn.ckeditor.com/ckeditor5/42.0.0/ckeditor5-content.css">

ckeditor ckeditor5

回答 1 投票 0

为什么figure和oembed标签不起作用？文档标题

给出以下 html：文档标题嘿... 鉴于以下html： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title of the document</title> </head> <body> <h2>Header</h2> <figure> <oembed url="https://www.youtube.com/watch?v=7km4EHgkQiw&list=RDQK-Z1K67uaA&index=9"></oembed> </figure> </body> </html> 为什么页面不显示 youtube 视频？ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title of the document</title> </head> <body> <h2>Header</h2> <figure> <oembed url="https://www.youtube.com/watch?v=7km4EHgkQiw&list=RDQK-Z1K67uaA&index=9"></oembed> </figure> </body> </html> 主体代码由CKEditor生成（我刚刚从figure标签中删除了“media”类）。您可以在这里查看我的原始帖子link 已针对 CKeditor 5 测试解决方案使用以下代码将 CKeditor 中显示的确切视图保存到数据库中 mediaEmbed: { previewsInData:true }, 完整的JS代码 var KTCkeditorDocument = function () { // Private functions var demo = function () { ClassicEditor .create( document.querySelector( '#kt-editor' ),{ mediaEmbed: { previewsInData:true }, } ) .then( editor => { // console.log( editor ); } ) .catch( error => { // console.error( error ); Swal.fire("Info !", error, "error"); } ); } return { // public functions init: function() { demo(); } }; }(); jQuery(document).ready(function() { KTCkeditorDocument.init(); }); 有关更多详细信息，您可以查看此链接：https://ckeditor.com/docs/ckeditor5/latest/features/media-embed.html figure 和 oembed 标签无法显示预览。为了使其工作，我必须将 youtube 链接转换为可嵌入链接并使用 iframe 添加它们。为此，我使用了此线程中提出的解决方案：link function getId(url) { var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; var match = url.match(regExp); if (match && match[2].length == 11) { return match[2]; } else { return 'error'; } } var videoId = getId('http://www.youtube.com/watch?v=zbYf5_S7oJo'); var iframeMarkup = '<iframe width="560" height="315" src="//www.youtube.com/embed/' + videoId + '" frameborder="0" allowfullscreen></iframe>'; 这有点旧了，但我总是很难获得 React 的 CKEditor 答案：将此配置添加到 CKEditor 组件中： config={{ mediaEmbed: { previewsInData: true } } 我可以在ckeditor5中预览视频。但是，我保存了 ckeditor 中的内容，并在另一个页面的 div 中显示内容，而不是在 ckeditor5 中。如何让视频在 div 中工作？我得到的是类似的东西

html ckeditor figure oembed

回答 4 投票 0

如何防止CKEditor改变标签顺序

ckeditor

回答 2 投票 0

以编程方式从 CKEditor5 修订历史记录工具栏触发“打开修订历史记录”

我目前在我的项目中使用CKEditor5修订历史记录功能。我需要以编程方式打开修订历史记录而不使用工具栏选项，是否有任何函数或 API

javascript reactjs typescript ckeditor ckeditor5

回答 1 投票 0

如何让Ckeditor richcombo像html datalist普通搜索一样可搜索

我正在使用 CKEDITOR 中的丰富组合创建自定义下拉菜单。我想在其中添加搜索功能，例如按键搜索或输入文本框搜索。我的投递箱看起来像这样。

javascript jquery ckeditor