问题 #1121💬 已回答提出于 2018年5月18日作者 alimajed930 个反应

<Tbody> 在里面<Table>

快速解答作者 artf

我认为这是因为当你添加 HtmlCode 时,浏览器会解析它,但不在表格范围内,因此会剥离你的标签。尝试通过传递一个组件对象来跳过解析器: “''js 与其添加,<tbody>我更倾向于重新设置一个,因为这样可能会导致两个人 editor.getSelected().components({ 标签名:“tbody”, 组件:{ 标签名称:'tr', 组件:{ 标签名称:“TD”, components: '[HTML代码其余部分]'' } } }); ```

阅读下方完整回答 ↓

问题

你好@artf,

我创建了一个新组件,地址是 'tagName = 'table''。当选择并点击我创建的工具栏选项时,会打开一个新的模态,用户提交后,应该会在该模块中添加一些内容。我使用的是 'editor.getSelected().get('components').add(HtmlCode)',HTML 代码总是以 ''' 开头<tbody><tr><td>。我的问题是这些标签被省略了。所以最终结果是“<table>[HTML代码的其余部分]”,而不是“<table><tbody><tr><td>[HTML代码的其余部分]”。

我觉得是因为Tbody只能拖到桌子里?但正如我提到的,组件本身就是一个表。如果每个<tbody><tr><td>例子中“''被替换为”'<div>,一切正常工作。

有人知道怎么解决这个问题吗?

谢谢!

回答(3)

artf2018年5月23日

我认为这是因为当你添加 HtmlCode 时,浏览器会解析它,但不在表格范围内,因此会剥离你的标签。尝试通过传递一个组件对象来跳过解析器: “''js 与其添加,<tbody>我更倾向于重新设置一个,因为这样可能会导致两个人 editor.getSelected().components({ 标签名:“tbody”, 组件:{ 标签名称:'tr', 组件:{ 标签名称:“TD”, components: '[HTML代码其余部分]'' } } });

no-response[bot]2018年6月2日

由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。

lock[bot]2019年9月17日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

通过相似的问题讨论继续研究。

问题 #1696

特质首次出现在自定义组件的拖拽中

你好,artf,我创建了自定义组件并为它添加了特征,当拖动这个组件到编辑器并选择它时,设置特征是正常工作的。 问题是,当将同一个组件拖到旧组件后面到编辑器并选择设置特征时,默认特征(ID,标题)会只显示,这是我实现的代码 对于创建组件: this.editor.BlockMan...

3 个回答更新于 2020年4月15日

问题 #1804

在同一个HTML标签上应用两个不同的特征,但只应用一个

你好,@artf, 如果我们需要在同一个HTML标签上初始化两个特征,那这可行吗? 实际上,我在同一个标签上定义了两种不同的特征(“在链接/标签上”)。 让我简单介绍一下你。 假设我有一组链接包含类类,类似于“非拖放”。 所以,它的HTML代码就像 所以对于上述类别的“非拖放”...

3 个回答更新于 2020年3月10日

问题 #1255

:如何从自定义组件中设置编辑器的HTML内容?

我在Grapes编辑器中无法让自定义块+组件显示其模板HTML时遇到了困难。在导出的 HTML 中,标记和 CSS 按预期生成。 不过在编辑器里,块不会留下任何界面(不过根据导出的 html/css 它已经成功拖入了)。 我的问题是: 'toHtml' 方法的输出如何正确地应用...

3 个回答更新于 2019年9月17日

问题 #2008

添加大量自定义HTML后,画布会变暗且无法修改。

我以前用“editor.addComponent()”添加自定义html。 大多数时候它运行良好,但当我尝试插入一个包含大量子元素的大型 HTML 时,画布会变黑且无法修改。我只能重新加载整个编辑器才能让它重新工作。

3 个回答更新于 2020年5月21日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。