如何在Drupal8中添加块上的ckeditor？无表单
在Drupal 8中添加块上的CKEditor需要进行以下步骤：
- 安装CKEditor模块：首先，您需要安装和启用Drupal 8的CKEditor模块。您可以访问腾讯云应用中心的Drupal模块页面，搜索并安装CKEditor模块。
- 配置CKEditor：在Drupal管理界面中，转到“内容管理”>“文本格式和编辑器”或“配置”>“内容管理”>“文本格式和编辑器”。选择您想要使用CKEditor的文本格式（如“基本 HTML”或“过滤 HTML”），然后将“编辑器”设置为“CKEditor”。保存更改。
- 配置文本格式：在上一步骤中选择的文本格式下，点击“编辑”以配置CKEditor。您可以在此处定义允许使用的HTML标签和属性，以及其他文本过滤选项。
- 添加块：转到“结构”>“区块布局”或“管理”>“结构”>“块布局”，找到您想要添加CKEditor的块，并点击“配置”按钮。在块的配置页面中，将“文本格式”设置为您在第2步中配置的格式。保存更改。
- 查看结果：现在，您的块已经配置为使用CKEditor。您可以转到前台页面或相应的内容编辑页面，查看块中的文本是否显示为CKEditor。
腾讯云产品推荐：腾讯云内容分发网络（CDN），用于加速静态资源的分发，提升网站性能和访问速度。您可以访问腾讯云CDN产品介绍页面（https://cloud.tencent.com/product/cdn）了解更多详情。
请注意，以上答案仅针对Drupal 8中添加块上的CKEditor的步骤进行了简要说明，具体操作可能因您的具体环境和需求而有所不同。建议您查阅Drupal 8的官方文档或参考更详细的教程进行操作。
相关·内容
我想在我的自定义表单中添加一个链接字段。下面是我一直试图使用的代码，但没有成功。那么，谁能让我知道如何在Drupal8中使用自定义表单中的核心链接字段呢？下面的代码适用于Drupal7，但不适用于Drupal8。我还尝试在下面的代码中使用#type => 'link‘。
$form['cta'] = [
'#type' => 'link_field',
'#field_name' => 'link_field',
'#field_parents' => a
浏览 0提问于2019-12-09得票数 2
回答已采纳
Drupal8以CKEditor为核心。CKEditor插入额外内容 用户输入"enter“(换行符)时的标签。如何配置以禁用此自动段落标签？
浏览 20提问于2020-06-14得票数 0
我正在使用Drupal8，并使用CKEditor字体和家族模块在我的CKEditor中添加字体和大小选项。我想在字体选项中添加额外的Cambria字体。我能为此做些什么呢？
浏览 0提问于2019-08-23得票数 0
我想使用Drupal 8中的块模块构建一个表单。我知道在Drupal7中构建表单，但在Drupal 8中似乎也是不同的。
请任何人谁曾在drupal8自定义表单作为块来帮助我。
浏览 0提问于2016-04-15得票数 7
在Drupal8中使用ckeditor。下拉菜单本身太小太短，里面的类型太大。如何才能真正更改样式下拉菜单本身的格式？
浏览 6提问于2018-08-26得票数 0
我正在尝试使用Drupal8，如何让代码片段出现在Ckeditor工具栏中？一个更广泛的问题:如何在Ckeditor中添加和使用插件？
有人能帮帮我吗？
浏览 0提问于2014-12-21得票数 0
我尝试将ckeditor6.1添加到我的表单中，允许用户发布文章。我跟踪了youtube上的一个视频来安装和设置，我成功地在django管理页面中添加了一个使用ckeditor的新帖子。但是在html页面中，richtext字段显示了但下面的错误。当我只是使用GET方法呈现页面时(还没有提交表单)，在控制台中我总是会得到错误：ckeditor.js:21 CKEDITOR错误代码:exportpdf.和submit也不工作。我是django的新手，这是最后一个学校项目。我不需要导出到PDF，我如何才能只是禁用？或者任何想法，请帮帮我，我已经在这里呆了几天了。
class Article(mo
浏览 4提问于2021-07-09得票数 4
回答已采纳
1回答
我已经用Drupal8的form API创建了一个定制的表单。 我需要使用通过表单获得的数据在数据库中运行研究，并使用html将结果打印到同一页上。 我通过buildForm方法创建了表单，并使用submitForm方法获得了通过表单获得的数据。 有没有办法通过HTML块将通过表单获得的结果打印到同一页上？
浏览 21提问于2021-01-04得票数 0
我想在Shift+Enter 5中禁用CKEditor键，当用户粘贴到编辑器中时，我还想从复制的conent中删除该键。基本上，我只是不想在文档中的任何位置。它肯定是一个非常简单的设置，但我只是在文档中找不到它。有人能帮忙吗？
谢谢!狮子座
浏览 3提问于2021-03-25得票数 2
回答已采纳
这是我的代码，不起作用。我在drupal8/modules/custom/custom_ckeditor/src/Plugin/CKEditorPlugin中添加的这个文件为CustomDialogAdvTab.php
同样，为iframe，CustomFakeObjects.php添加伪造对象的加注
namespace Drupal\custom_ckeditor\Plugin\CKEditorPlugin;
use Drupal\ckeditor\CKEditorPluginBase;
use Drupal\editor\Entity\Editor;
/**
* Defines t
浏览 0提问于2018-08-29得票数 -2
回答已采纳
我是学习Drupal8的新手。
您能帮我在Drupal8中创建自定义注册和登录表单吗？我已经找到了一些解决方案，但这对我没有帮助。
我们可以在Drupal8中使用模板创建注册和登录表单吗？
谢谢..！！
浏览 22提问于2019-11-19得票数 0
我想在listblock工具栏派生插件上的mouseover事件上触发一些操作(确切地说: richcombo插件)。
我在listblock插件本身中进行了一些调整，还检查了浮动面板(和面板)是如何工作的。最后，我走近了(至少我觉得我已经接近了)，找到了
listItem = CKEDITOR.addTemplate(“面板-列表-项目”)
在列表块第12行中。
在那里我看到
onclick="CKEDITOR.tools.callFunction({clickFn}...
集成，最终在HTML列表代码中结束。
我还找到了通过单击列表项调用的目标函数，代码位于rich
浏览 6提问于2016-05-12得票数 0
1回答
在Drupal8编辑器中创建可用短代码的最佳方向是什么？
Ckeditor被放在内核中，短码模块或shortcode_wysiwig模块被移植，我不太确定从哪里开始。
浏览 1提问于2016-01-08得票数 0
1回答
我有个问题。我想将require_js属性添加到CKEditor设置中。有一个关于如何做它的教程。，但我不明白该把这个设置放在哪里：
{
paths: {
'ckeditor': '{{ asset("bundles/fosckeditor/ckeditor") }}'
},
shim: {
'ckeditor': {
deps: ['jQuery'],
exports: 'CKEDITOR'
浏览 2提问于2022-02-16得票数 -2
我正在研究Symfony，我想在CKEditor上添加CollectionType中的一个TextType。
让我解释一下情况:我已经在网站的其他地方使用了CKEditor，而且它运行得很好。但是现在，我需要将该编辑器添加到另一个由CollectionType调用的字段中。
所以，我没有任何错误，但是当我点击' add‘按钮来添加一个新的轶事时，它就调用了一个简单的TextAreaType而不是CKEditor。我想，我不知道该如何与JS打交道。
我希望我的问题是清楚的！现在，我会给你看我的代码。
这是我的树枝密码：
<h1>{{ action }}</h1>
浏览 6提问于2022-06-04得票数 0
我想在Drupal8的“站点信息”表单中添加一个新的自定义字段。我尝试了很多答案，但没有得到正确的解决方案。有没有办法添加自定义字段。请提个建议。提前谢谢。
浏览 22提问于2019-02-06得票数 2
回答已采纳
1回答
我在无头模式下使用drupal8。因此，我在Drupal8上有一个后端，在JS中有一个前端。我希望drupal8中的内容URL指向前端域，而不是后端(后端没有任何模板来显示内容)。
backend.example.com/mycontent for Drupal8 www.example.com/mycontent for the前端
如何更新UI中的所有链接，使前端域取代后端域？(编辑表单上的视图或管理/内容或面包屑)。
浏览 0提问于2016-11-23得票数 2
我希望能够在Drupal8中添加多个段落组件到一个块中。
将创建一个包含字段的段落类型，用户的理想用例是添加一个新的段落字段，其作用类似于实体引用。
我只是想知道是否有开箱即用的解决方案，或者我正在考虑自定义实现？
提前感谢！
浏览 4提问于2017-06-22得票数 1
我想把它嵌入到材料标签中。我想要编辑器支持字体颜色特性，所以我从以下链接构建ckeditor：
然后通过以下命令安装CKEditor 5 WYSIWYG编辑器组件：
npm install --save @ckeditor/ckeditor5-angular
根据下面中的说明，我将ckeditor.js和相应的翻译文件复制到src目录中，并将其导入到组件文件中；然后修改tsconfig.json。
但是，编辑器没有显示。
如何配置编辑器，使其能够支持字体颜色功能？
这是。
浏览 2提问于2020-03-16得票数 0
4回答
我一直在寻找一个解决方案，允许我添加标签到我的网站，类似于这个页面。
到目前为止，我一直在使用ckeditor内部的HTML编写我的所有内容。然而，现在我需要能够有一个表单和标签。
有人能给我提供一个模块或解决方案，让我有制表符和表单吗？
提前谢谢你
H.
浏览 0提问于2015-01-16得票数 1
回答已采纳
我刚刚更新了一个Drupal8站点到v8.3.5，我还更新了可用的安全补丁。我已经清除了缓存并检查了问题。主要问题是CKEditor不能正确显示。奇怪的是，它在我的本地站点副本上工作，我已经提交了更改并将它们推送到repo。我已经将更新拉到另一台服务器上，这就是显示此问题的地方。我尝试过更改文件权限等，但到目前为止都没有成功。
对如何排序有什么建议吗？
浏览 12提问于2017-07-25得票数 0
2回答
我正在创建一个基于jQuery向导的表单(表单分为5个步骤) ，在最后两个步骤中，我提出了两个ckeditor respectively.My问题，即它们没有响应，即它们不接受任何输入。我无法理解为什么没有表单向导的情况下，这个happens.the相同的ckeditor工作得很好。我认为表单向导插件和ckeditor插件之间存在冲突，但不知道到底发生了什么。
示例项目在github 上。
Edit1：
这是我的自定义设置：
<div class="form-content">
<div class="wizard-ignore">
浏览 3提问于2013-10-30得票数 0
回答已采纳
我对Drupal非常陌生，并且开始学习Drupal8。谁能给我提供一个在Drupal8自定义块中使用自定义细枝模板的例子。
浏览 3提问于2018-09-22得票数 2
有人知道如何通过Drupal8？中的小枝模板将搜索块添加到主菜单块中吗？
我需要类似main-menu.html.twig这样的东西：
<div class="wrapper">
<div class="col-md-9"> menu ....</div>
<div class="col-md-3"> Search block should be added there</div>
</div>
非常感谢！
浏览 4提问于2016-02-18得票数 1
1回答
存在与CKEditor段落间距有关的问题。如果我在输入ckeditor，它就能正常工作。如果我从浏览器复制粘贴的东西，它可以正常工作。但是，当我复制粘贴word文件中的东西时，两段之间有很大的空间。因此，我需要手动删除两段之间的额外一行。我在网上搜索过解决方案。我也有一些解决办法。但是他们中没有一个是从word文件复制/粘贴的。我已经尝试过这些解决方案。
这些解决方案可以很好地解决手工键入或复制/粘贴表单浏览器时的问题。但无法从word文件中复制/粘贴。我不明白为什么会这样。如果有人知道答案，我们将不胜感激。
浏览 2提问于2016-09-29得票数 0
回答已采纳
我计划使用 (React)构建一个完全解耦的Drupal8站点。因此，我将只使用Drupal来构造(内容类型、段落)，输入和更新所有内容和数据，并使用React (和Gatsby)作为前端。
该网站还需要一个(简单的)表单。为此，我将使用。
但是，如何在Gatsby (React)中获得Drupal表单，并在提交后将所有已完成的字段发送到数据库？
浏览 18提问于2019-05-22得票数 1
请注意，我正在使用我的angular应用程序中的ckeditor，但不能与我一起工作。这是我做的，我安装了这个包 npm install --save @ckeditor/ckeditor5-angular 在我安装这个包之后 npm install --save @ckeditor/ckeditor5-build-classic 在应用程序模块中，我正在添加此导入 import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
import { FormsModule } from '@angular/f
浏览 31提问于2021-01-04得票数 1
xPage (Domino8.5.3)中的内置CKEditor总是将dir属性添加到文本容器的标记中，比如P或H2。
例如：
<p dir="ltr">test</p>
我可以从富文本元素设置或CKEditor自定义配置中更改方向"ltr“或"rtl”，但我根本无法删除此属性。
如果我使用简单的CKEditor，那么在我特别设置contentsLangDirection属性之前，这个属性是不存在的。
所以看起来xPage在任何情况下都会强制设置这个属性。
有人知道如何从xPage的内置CKEditor中删除它吗？
浏览 4提问于2012-09-06得票数 0
CKEditor转换以下html代码：
<a><h1>H1</h1></a>
至
<h1><a>H1</a></h1>
如何防止CkEditor做这样的更改？
我的配置：
allowedContent : true;
代码片段：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor</titl
浏览 0提问于2016-05-26得票数 0
我想在Drupal8中有4个不同的表单，每个表单将有大约250 - 300个字段。 将会有大量的数据(计数) 现在，我在Drupal8中选择了什么模块/方法？
浏览 19提问于2018-12-26得票数 1
我必须形成数据列表字段。如果用户选择不正确的日期，例如1970-02-31，则显示异常：
数组包含无效的值。在Drupal\Component\Datetime\DateTimePlus::createFromArray()中( core/lib/Drupal/Component/Datetime/DateTimePlus.php).的第149行)
回溯：
Drupal\Component\Datetime\DateTimePlus::createFromArray()呼叫/var/www/drupal8/core/modules/datetime/datetime.module:802
f
浏览 0提问于2014-05-02得票数 0
如何在CSS style的CKEditor (4.0)中设置数据？
$quote = $editor + '<br />'+
'<div class="quote">'+
'<div class="quote-infos">'+
'<i class="icon-comment icon-white"></i>'+
浏览 2提问于2013-03-30得票数 0
回答已采纳
在大量的帮助下，我终于得到了CKEditor来更新相关的文本区域。。
但是，当表单上有一个以上的文本区域时，如何让CKEditor更新每个相关的文本区域，这让我很困惑。
以下是我目前拥有的jquery。它只更新表单上最后一个与CKEditor相关的文本区域：
for (var i in CKEDITOR.instances) {
CKEDITOR.instances[i].on('change', function() { CKEDITOR.instances[i].updateElement() }); //update the relative hi
浏览 1提问于2014-02-27得票数 7
回答已采纳
我在引导选项卡中有一个带有CKEditor的应用程序，选项卡由javascript驱动，当我在CKEditor 初始化选项卡之前初始化时，选项卡只在Chrome中工作。
我想出了一个解决方案，只有在CKEditor选项卡处于活动状态时才初始化CKEditor，而现在当我提交表单(所有选项卡都包装在表单中)时，CKEditor不发送表单的内容。
我怎么才能解决这个问题？
以下是一些代码：
当我在选项卡之前初始化ckeditor时，选项卡只在chrome中工作。
$(function(){
$('.editor').ckeditor();
});
当我初始化ckeditor时，
浏览 4提问于2013-01-13得票数 0
回答已采纳
我正在使用onclick功能向我的表单添加一个ckeditor --也就是说，当用户单击一个按钮时，ckeditor就会被添加到表单中。我正在回显通过javascript函数将ckeditor添加到页面时生成的html。
ckeditor已添加，但不能修改文本区。
是不是因为我添加了html来生成ckeditor : ckeditor.innerHTML = '......'；
是否有其他方法可以使用javascript onclick (如: onclick="addCKEditor();")将检查器添加到我的表单中
谢谢!
浏览 2提问于2010-05-08得票数 0
回答已采纳
1回答
我正在将我的网站从开发环境迁移到生产环境，这样用户在CkEditor、内容或字段中输入的绝对路径url将不会在域中工作。
我能做什么?数据库可以是巨大的，所以我正在寻找其他东西，而不是在一个40个月的sql文件中搜索和替换。
我使用的是带有mysql的Drupal8
浏览 10提问于2018-01-11得票数 0
1回答
我使用CKEditor的一个实例，并且能够在光标点的CKEditor中插入文本。我希望能够抓取光标左边的所有文本到行的开头。
我试着找出光标的X，y坐标，但没有帮助。我相信，有了所有的CKEDITOR工具，这是可以做到的，但我还没有弄清楚应该一起使用哪些工具来使其工作。
var theEditor = CKEDITOR.instances.editorFull;
sel = theEditor.getSelection();
obj = sel.getStartElement().$;
range = theEditor.getSelection().getRanges();
containe
浏览 1提问于2015-07-16得票数 0
回答已采纳
1回答
我是Drupal8的新手，我想从后端添加内容，并在前端列出。
我尝试从back创建联系人表单end.here是我的表单
我不想发送emails.only display添加的项目
提交到数据库后，我想列出items.is，这个方法是错的吗？但是现在联系人表单没有列出任何东西?我的方式可以吗？请纠正我
浏览 5提问于2019-06-19得票数 0
1回答
使用PHP的检查器内容检索
、、、、
我一直在尝试将ckeditor集成到我的php网站中，我遇到了以下问题。
实际上，提交表单后，ckeditor中的内容不会出现在$_POST变量中。
我查找了这个问题，很明显，必须用一小段代码更新表单域。
因此，我编写了相应的脚本并将其链接到提交按钮，以获得我想要的结果，但$_POST仍然显示为空。
我没有使用Javascript的经验，所以错误可能出在那里。有什么想法吗？
cktest.php：
<!DOCTYPE html>
<html>
<head>
<title>A Simple Page with CKEdi
浏览 0提问于2014-09-06得票数 0
2回答
我正在尝试创建一个内容如下的页面：
📷
我使用CKEditor编辑内容，它允许我向文章中添加图像。但是，图像必须已经出现在某些URL上。
有什么方法我可以上传一个图像(医生的形象与一个垫)到我的drupal网站，然后使用它的URL插入图像在我的文章？
换句话说，我如何上传一个图像到我的drupal网站，以便它可以用于其他地方？
浏览 0提问于2013-10-07得票数 0
我试图运行一个ckeditor插件“展示块”，有几种不同的方法，从问题和答案，但没有任何工作。有人知道如何不用点击就运行插件吗？
CKEDITOR.tools.callFunction(199, this);
CKEDITOR.instances['editor1'].execCommand('show blocks');
浏览 0提问于2019-02-08得票数 0
回答已采纳
我有一段HTML，我想要用CKEditor编辑，但是有两个不同的部分。
理想情况下，我希望我的HTML看起来像：
<div class="page-header">
<h1>
<span>Heading</span>
<small>Subheading</small>
</h1>
</div>
其中，子标题将显示在与标题相同的行上，并且每个子标题都可单独编辑。在没有启用CKEditor的情况下，这看起来很好。
一种尝试是对编辑器进行黑客攻击，以启用span和小
浏览 3提问于2013-09-27得票数 0
回答已采纳
我已经在drupal8中创建了一个网站错误表单，并希望在他们提交表单时获取用户代理。当用户单击submit按钮时，用户代理也应该与所有字段的数据一起保存到数据库中。
浏览 0提问于2020-08-30得票数 -3
3回答
我在我的7项目中使用了CKEditor 5。我跟踪了正式文档，并在编辑器内容使用'ChangeEvent'.更改时检索了数据。现在，只要单击“保存”按钮，我就想检索数据。
我在CKEditor的工具栏中没有保存按钮，如何添加它？
当我单击“保存”按钮时，如何检索数据？
我希望在表单中使用CKEditor，以便在单击submit按钮时检索数据。如何做到这一点？
以下是html代码：
<ckeditor [editor]="Editor" (change)="onChange($event)" >
</cke
浏览 0提问于2018-12-06得票数 4
回答已采纳
我已经安装了nodejs和gulp来自动编译带有gulp的模块的引导无文件(v3.3.5)。
一切都很好，希望有一件事:我必须停止并开始吞咽以重新生成bootstrap.css。
有关信息，Gulp正在检测到包含在bootstrap.less中的一个bootstrap.less文件已被修改，我有以下消息：
[23:14:40] Starting 'default'...
[23:14:42] Finished 'default' after 2.04 s
[23:16:42] LESS saw variable-overrides.less was change
浏览 2提问于2016-01-05得票数 1
我对ckeditor和jquery对话框窗口有问题。我有一个表单，在这个表单中我将一个div拖到一个可排序的表中。拖动时，我克隆div并打开一个包含ckeditor的jquery对话框。编辑器是在对话框的open方法上创建的，并在关闭时被销毁。第一次拖动编辑器后，它将在对话框中打开，但随后页面中的所有对话框都不会打开。当试图用编辑器打开另一个对话框或拖动另一个div时，我得到了这个错误：Uncaught TypeError: Object [object Object] has no method 'dialog'。我的代码是：
var CKEditor
$("#dia
浏览 2提问于2013-03-06得票数 0
回答已采纳
1回答
我有一个在Rails 5中写文章的表单，我使用的是CKEditor文本编辑器，它工作得很好。但是，单击浏览器的“前进”或“后退”按钮，每次将一个文本编辑器堆放在另一个文本编辑器上，就会加载一个新的文本编辑器。参考:我正在使用“galetahub”中的CKEditor宝石。我的问题类似于这个问题：
我认为这是一个问题，但我不知道还能尝试什么。除了完全禁用涡轮筒外，我还试过：
在div和form字段中插入"data-no-turbolink“和"data：{ turbolinks: false }”。
我尝试了从gem到"init_ckeditor“js文件的标准实
浏览 0提问于2019-09-15得票数 0
我在管理面板中使用ckeditor，但在用户提交表单中使用简单的文本框，因此用户可以输入文本并提交。问题是，当用户在文本区域中使用换行符输入文本时，它会保存为SQL中的文本。我想在sql中的每一行后面添加BR。
例如，用户提交：
![F.R.I.E.N.D.S.:
(F)ight for you.
(R)espect you.
(I)nvolve you.
(E)ncourage you.
(N)eed you.
(D)eserve you and
(S)tand by you.][1]![SCREENSHOT oF DB SAVE][2]
保存在数据库中，输出中显示下一行。但我想在数
浏览 8提问于2012-10-10得票数 4
回答已采纳
我试图将ckeditor集成到我的symfony2项目中，这样一些文本区就会有ckeditor html编辑器。通过在表单中调用class=" ckeditor“，我在所需的文本区域中引入了ckeditor。我现在面临的问题是，当我使用ckeditor时，我表单的提交按钮将不起作用，相反，我将不得不使用ckeditor工具栏的内置“保存”选项来提交表单。当我从文本区域中删除ckeditor并使用普通文本区域时，提交按钮似乎起作用了。
我不想使用ckeditor工具栏上的"Save“按钮提交我的表单。有没有办法让submit按钮起作用？我尝试在谷歌上搜索可能的解决方案，但没有找到
浏览 1提问于2011-11-27得票数 9
回答已采纳
我正在使用一个增强的图片插件来上传图片到server.My后端是Django.By，从django-ckeditor得到一些帮助，我已经在CKEDITOR中实现了图片上传的前端和后端部分。
然而，Django-Ckeditor在图像上传中不处理csrf保护。它使用csrf_exempt装饰器来免除csrf保护。
upload = csrf_exempt(ImageUploadView.as_view())
如何在图片上传的post请求中添加csrf token?我是否需要在处理csrf token的上传插件中编写自己的表单？
浏览 23提问于2015-07-18得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
