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

问题 #3662💬 已回答提出于 2021年8月2日作者 aliibrahim1231 个反应

Style manager text type

快速解答作者 artf❤ 1

@aliibrahim123如果你不指定任何类型,会创建一个简单的文本类型属性:)

阅读下方完整回答 ↓

问题

Grapesjs Style Manager 有很多很棒的功能, 但它没有文本属性类型, 那为什么不加它呢

回答(3)

artf• 2021年8月2日

@aliibrahim123如果你不指定任何类型,会创建一个简单的文本类型属性:)

aliibrahim123• 2021年8月2日

你好 我做了一个简单的文本代理类型 这是代码 styleManager.addType('text', { create({ props, change }) { const el = document.createElement('div'); el.innerHTML = '<input type=“text” class=“my-input” />'; const inputEl = el.querySelector('.my-input'); inputEl.addEventListener('change', event => change({ event }));变化会触发发射...

GJSBlock• 2026年5月17日

谢谢你举报,@aliibrahim123。 关于FEAT: style manager文本类型的建议很棒!虽然这个具体功能还没有出现在核心 API 中,但有几种方法可以实现类似的行为。 使用事件系统: “JavaScript editor.on('component:update', (component) => { 你的逻辑 }); ``` 替代方法: 听取“selector:add”以获取CSS选择器更改 使用“selector:custom”来表示自定义规则 利用“change:*”事件进行细致跟踪 构建一个插件,扩展编辑器并具备此功能 正式宣布: 如果此功能能惠及更多用户,考虑在 G...

相关问答

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

问题 #3525

In Style Manager, Allow Requiring the Default Setting

你想给GrapesJS添加什么? CSS 属性 'float' 只适用于 'position: static;' 元素,而这恰好是默认设置。我只想在位置没有设置其他时显示浮球无线电选择器。 但是,如果我在属性定义中添加“require: ['static'];',该设置只在我明...

3 个回答更新于 2023年8月10日

问题 #4503

CKEditor 在添加原始 HTML 组件时使用的缺少内联样式

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 铬 v96 可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html 描述一下那个虫子 如何复现这个漏洞?在控制台标签页打开开发者...

4 个回答更新于 2024年8月6日

问题 #3206

Page Manager Plugin

功能: 可以用Grapesjs创建多个页面。功能设计 全球范围:[ ] 在顶部横幅“设备[下拉列表]”右侧添加一个链接,上面写着“当前<page-name>页面”。[x] 在右侧列“方块”右侧新增菜单项。图标会类似于[FA页面图标](https://fontawesome.co...

4 个回答更新于 2021年5月4日

问题 #3561

Enhanced Shadow DOM Support

你想给GrapesJS添加什么? 更好的 Shadow DOM 支持,允许开发者在 Shadow 元素中渲染 GrapesJS,而无需在配置中专门传递元素而非选择器。 详细描述你的功能需求详细 当前使用元素选择器时,GrapesJS 仅使用文档查询选择器。在渲染阴影DOM时,这...

4 个回答更新于 2021年7月21日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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