问题 #1089💬 已回答提出于 2018年5月7日作者 kuldeepcis0 个反应

带有特质的自定义插件

快速解答作者 xr0master

你需要启动内容字段。大概是用来覆盖HTML的方法。这取决于什么方法不行

阅读下方完整回答 ↓

问题

“''js Grapesjs.Plugins.add('Social-Icons-Component', (editor, opts = {}) => { 设c = opts; 设默认值 = { 方块:“社交偶像”, 默认风格 defaultStyle: true, 默认的开始时间,比如'2018-01-25 00:00' 开始时间:“, }; 加载默认值 对于(设默认名称){ 如果(!(c)) 中的名称 c[name] = defaults[name]; } // 添加组件 loadComponents(editor, c); // 添加组件 loadBlocks(编辑器,c); const domc = 编辑。主导组件; const defaultType = domc.getType('default'); const textType = domc.getType('text'); const defaultModel = defaultType.model; const defaultView = defaultType.view; const textModel = textType.model; const textView = textType.view; const pfx = c.countdownClsPfx; domc.addType('social-ic...

回答(3)

xr0master2018年5月8日

你需要启动内容字段。大概是用来覆盖HTML的方法。这取决于什么方法不行

artf2018年5月10日

@kuldeepcis你没有展示如何使用组件,请通过jsfidle提供一个实时示例

kuldeepcis2018年5月10日

你好@artf,

这就是它的把柄 https://jsfiddle.net/apaoa5o2/14/

在额外部分里有社交图标的块 这里的问题有: 1)拖拽时需要选择父选项才能看到右侧的设置部分。在设置里你会看到Facebook的网址和facebbok。 2)当你在Facebook编辑URL并勾选复选框时,左侧会看到反射。我希望这个复选框在页面加载时被预选。 3)导出时,Facebook图标没有我们设置的URL。请告诉我我们该怎么做。

相关问答

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

问题 #1100

无法更新自定义组件HTML中的特征值

我为社交图标创建了一个自定义组件。选中这个组件时,我在设置Facebook网址和显示Facebook时有两个属性,更新后它们会更新并在Canvas中反映,但导出时没有通过特征设置的Facebook网址。 以下是附带的代码。 Grapesjs.Plugins.add('Socia...

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

问题 #1255

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

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

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

问题 #1655

IsComponent() 未被调用

我正在尝试制作一个插件,但我遇到了 isComponent 的问题。我的组件在编辑器加载代码时不会调用它,这是脚本。我哪里错了? 索引 组成部分 封锁

2 个回答更新于 2019年12月14日

问题 #648

面板可能是可移动的,但防止移动,移除子节点上的属性

你好, 我怎样才能防止搬迁,移除子孙的属性? 在这种情况下(见下方代码),用户可以移动父节点(Template2),但所有子节点不能移动。 我试过用“propagate”,但这些属性同样适用于父级。 我也需要一个专门针对儿童的房产选项。 'blockManager.add('T...

2 个回答更新于 2019年9月18日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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