如何在提交表单时删除ckeditor中代码的缩进
在提交表单时删除CKEditor中代码的缩进，可以通过以下步骤实现：
- 获取CKEditor中的内容：使用CKEditor提供的API方法，如
getData()来获取编辑器中的内容。 - 删除缩进：对获取到的内容进行处理，可以使用正则表达式或字符串操作方法，将缩进部分删除。具体的处理方式取决于缩进的格式和要求。
- 更新编辑器内容：使用CKEditor提供的API方法，如
setData()来更新编辑器中的内容。将处理后的内容重新设置到编辑器中。
以下是一个示例代码，演示如何在提交表单时删除CKEditor中代码的缩进：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor 缩进删除示例</title>
<script src="https://cdn.ckeditor.com/4.16.2/standard/ckeditor.js"></script>
</head>
<body>
<form id="myForm" action="submit.php" method="post">
<textarea name="editor1"></textarea>
<input type="submit" value="提交">
</form>
<script>
// 初始化 CKEditor
CKEDITOR.replace('editor1');
// 表单提交时处理 CKEditor 内容
document.getElementById('myForm').addEventListener('submit', function(event) {
// 获取 CKEditor 内容
var editorData = CKEDITOR.instances.editor1.getData();
// 删除缩进
var processedData = editorData.replace(/\t/g, '').replace(/\n\s+/g, '\n');
// 更新 CKEditor 内容
CKEDITOR.instances.editor1.setData(processedData);
// 可以在这里将处理后的内容提交到服务器
// ...
// 阻止表单默认提交行为
event.preventDefault();
});
</script>
</body>
</html>在上述示例中，我们使用了CKEditor的replace()方法来初始化编辑器，并给表单添加了一个提交事件监听器。在提交事件中，我们获取编辑器内容并进行缩进删除处理，然后使用setData()方法将处理后的内容重新设置到编辑器中。最后，我们可以将处理后的内容提交到服务器或进行其他操作。
请注意，上述示例中使用的是CKEditor的CDN链接，你也可以下载CKEditor并在本地引入。另外，缩进删除的处理方式可能因具体需求而异，上述示例仅提供了一种常见的处理方式。
相关·内容
1回答
电子邮件模板显示在ckeditor中。电子邮件模板的html代码为压缩格式。问题是，当我在ckeditor的电子邮件模板中做了一些更改时，html代码会以缩进的形式返回给我。与缩进我的电子邮件模板设计看起来不好。我有这样的配置文件： /&#
浏览 20提问于2016-09-05得票数 0
我试图将ckeditor集成到我的symfony2项目中，这样一些文本区就会有ckeditor html编辑器。通过在表单中调用class=" ckeditor“，我在所需的文本区域中引入了ckeditor。我现在面临的问题是，当我使用ckeditor时，我表单的提交按钮将不起作用，相反，我将不得不使用ckeditor
浏览 1提问于2011-11-27得票数 9
回答已采纳
我有一个CKEditor组件和它的缩进/凸出功能的问题。当我查看HTML代码时，我看到缩进/出口对应于“margin left”属性。在编辑模式下打开CK
浏览 4提问于2013-02-09得票数 1
在多选项卡页上，一些选项卡submit进程通过ajaxSubmit更改其他选项卡的内容。如果另一个选项卡包含active tinyMCE编辑，那么在替换它的内容之前我应该对该选项卡做什么，以及在替换之后应该做什么(如果有的话)？目前，代码对目标选项卡中的所有编辑器执行tinyMCE.execCommand("mceRemoveControl", true, ed_id);，并依赖于系统的正常功能，以便在更改后使它们返回。在更改之后，我在tinyMCE代码</e
浏览 4提问于2017-07-17得票数 8
2回答
我有一个CKEditor，我对JS和修改后的CKEdiot不是很好。有一个解决方案是在编辑器中添加the空间。当我按下制表器按钮时，我也可以设置一个按钮来做这件事，但我不知道怎么做！
谢谢你！
浏览 2提问于2011-10-28得票数 0
我在上发布了一篇关于如何从Python / Django中删除侵犯性空白段落的相关说明。但是，我想更直接地问一下，CKeditor是否提供了在添加空白段落时选择退出的功能，或者在提交之前删除所有空白段落的功能。HTML源代码的一个示例，其中有一个以编程方式添加的空白段落(缩进行由一个选项卡缩进，而不是按空格缩进)：
&
浏览 5提问于2017-03-16得票数 4
回答已采纳
我有一个带有textarea的表单。我已经在表单上实现了。parsley验证工作正常，直到我将添加到textarea。我遇到的问题是，即使在向parsley中输入字符之后，当我在CKEditor中提交没有值的表单时，仍然(总是显示)存在CKEditor错误消息。如何在将数据输入到CKEditor中时清除欧芹错误消息？我认为原因是
浏览 3提问于2014-08-20得票数 1
在urls.py中放置"path('ckeditor/'，include('ckeditor_uploader.urls'))“
放置CKEDITOR配置## #################################### CKEDITOR_JQUERY_URL = '‘CKEDITOR_UPLOAD_P
浏览 1提问于2019-03-28得票数 1
回答已采纳
使用Drupal 7中的CKEditor，我可以配置CKEditor来格式化代码，自动添加换行和缩进HTML代码。例如，将其粘贴到源代码中：可以将CKEditor配置为将其转换为：
<div
浏览 0提问于2016-09-04得票数 4
回答已采纳
正如标题所示，当我将CKEditor类应用于我的Symfony2字段表单时，我不知道为什么，如下所示： 'label' =>'Content: ', 如果提交了表单，
浏览 0提问于2014-12-29得票数 0
在Drupal4.6.2(当前捆绑在Drupal8中)中，CKEditor默认情况下是禁用的，以确保一些特殊的插件能够正常工作。因此，需要说明的是:我不想启用ACF，也不能使用allowedContent或disallowedContent。我正在尝试防止从Word粘贴的一些元素(如h1和p[styles])被注入。为了做到这一点，我正在尝试将这些添加到pasteFilter中，它在非Word粘贴的内容上工作得很好，
浏览 120提问于2017-08-04得票数 5
我使用ajax收集CKEditor内容并将其提交给服务器。一旦我在提交之后查看它，所有的html标签<和>都已经被转换成它们的html实体。这不是我想要的，因为我显然需要保留HTML。
浏览 0提问于2009-10-28得票数 1
回答已采纳
在提交表单之前，我使用了来验证我的表单。 <script type="text/javascript"> ); ]]>在这种形式中，我有一些Ckeditor字段，但是
浏览 1提问于2014-07-01得票数 1
回答已采纳
4回答
我下载了当前版本，并将其包含在我的表单中，如下所示：<script type="text/javascript" src="ext/ckeditor/ckeditor.j
浏览 2提问于2013-07-08得票数 2
回答已采纳
我使用的是带有CKEDITOR Textarea的表单。我的代码：
浏览 2提问于2012-12-31得票数 0
3回答
我需要完全禁用排序列表和无序列表(<ul>，<ol>)在CKEditor (4.2或4.3)中的缩进，因为我需要将(非常有限的) HTML转换成另一种不支持缩进的标记语言。-你不能删除他们时，建立一个CKEditor包从网站。当通过CKEDITOR.plugins控制台查看FireBug时，这些插件仍然存在。甚至没有一个自己的插件文件夹-似
浏览 6提问于2014-01-10得票数 0
回答已采纳
3回答
当使用ajax提交带有使用CkEditor的文本区域的表单时，服务器端的post是空的。
如果我删除CkEditor，这个值就会被发布。有什么想法吗？
浏览 0提问于2011-12-07得票数 3
回答已采纳
5回答
我已经开始在一个php项目中使用CKEditor v3 ago.using it了几个星期，我一直在jquery中使用它(使用jquery适配器)，所有这些都是在使用$.ajax (因为在使用jquery表单时不能处理错误)提交的时候使用的，我认为一切都很好。所以这里弹出一个例子，我需要使用normal form机制来提交ckeditor内容和表单的所有其他信息。
令我惊讶的是，内容是空的<
浏览 0提问于2011-12-03得票数 0
3回答
是否有可能在CKEditor中创建一个不会被编辑器本身触及的代码块，并在用户显式更改之前将其保持在预期状态？我一直试图输入javascript变量(绑定在脚本标记中)和一个flash电影后续，但是CKEditor继续重写我粘贴的代码/标记，并且这样做破坏了我的代码。我正在处理以下设置： var ed
浏览 3提问于2009-11-16得票数 12
回答已采纳
我们有一些代码用于验证在CKEditor上运行的文本区域的输入。我们向所有使用CKEditor的文本区域添加一个模糊类，并运行此代码将必要的函数附加到ckeditor_textarea事件： // Validation functions here});
当blu
浏览 1提问于2015-09-29得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
