PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #5450💬 已回答提出于 2023年10月10日作者 ChiragS-Prajapati0 个反应

该章节应与 grapes j中存在重叠问题

快速解答作者 artf

@ChiragS-Prajapati 你必须使用 [可拖拽/丢弃组件属性](https://grapesjs.com/docs/api/component.html#properties)来控制组件可以拖拽的位置,以及哪些组件可以被丢入其中。

阅读下方完整回答 ↓

问题

GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器? 版本 117.0.5938.134(官方构建)(64位) 可复制演示链接 https://jsfiddle.net/ap404703/0e5zop1n/ 描述一下那个虫子 示例如下 Grapes Js 文件 :- 初始化GrapesJSconst editor = grapesjs.init({ 画布:{ 风格:[ “https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css”, “https://unpkg.com/swiper@7/swiper-bundle.min.css” ] }, styleManager: { // 配置样式管理器 clearProperties: 1, }, blockManager: { 附录:“#block”, }, 面板:{ 默认值:[] }, 容器:“#grapesjs-容器”, fromElement: true, // 传递 true 以从容器加载初始 HTML storageManager: { 配置本地存储插件 autoload:true,// 在编辑器初始化时自动从本地存储加载数据 autosave: false, // 自动保存数据到本地存储 类型:“local”,// 使用本地存储作为存储类型...

回答(2)

GJS Helper• 2026年5月17日

你遇到的问题是,一个部分块可以被丢弃到另一个区块里,这是GrapesJS默认常见的行为。GrapesJS 把 HTML 元素如 <div> 和 <section> 当作容器,允许其他组件嵌套其中,除非明确说明。你的自定义块作为<section>元素,因此是可丢弃的目标。 根本原因 GrapesJS 中 section 元素的默认组件模型允许它接受子组件。当你用简单的 HTML 字符串(如 <section class="..."><button>...</button></section>)定义你的块时,GrapesJS 会解析成一个组件,根 section 元素保留其默认的 droppab...

相关问答

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

问题 #3832

每次重载后,CSS 类都会被移除,并且每个 HTML 标签的自动生成 ID(例如:ivj5m-2)都会被更改

GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何重现这个bug? 在 React 应用中安装 grapes js 进入编辑器,拖动一个组件。(示例:文本组件) 使用样式管理器为组件做样...

4 个回答更新于 2021年9月29日

问题 #6502

内联样式覆盖基于ID的CSS规则

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v135.0.7049.96 可复制演示链接 https://jsfiddle.net/bqkLwt8j/ 描述一下那个虫子 当元素具有内联样式且匹配基于ID的CSS规则时,...

2 个回答更新于 2025年5月16日

问题 #4097

MousePosFetcher 在 resizer config & change:style listener 无法工作

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 勇敢 V1.34.81 可复制演示链接 https://jsfiddle.net/joshmamroud/vkrcxuzb/41/ 描述一下那个虫子 如何复现这个漏洞?在画布上添加一个网...

3 个回答更新于 2022年1月26日

问题 #6365

样式管理器未能正确解释后裔选择器

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome 版本 131.0.6778.205 可复制演示链接 https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4...

4 个回答更新于 2025年1月11日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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