如何创建包含 HTML 和 CSS 和 JavaScript 内容的块。
你好！你要找的是[这里]（https://grapesjs.com/docs/modules/Components-js.html） 编辑。DomComponents.addType（'custom-type'，{ 模型：{ 默认值：{ 脚本：函数 （） { console.log（“你好的世界”）; } }, isComponent（）{ 返回真 } }, }) 你必须在块定义之前定义自定义类型。 然后在你的区块内容中修改这行，注入你的类型： <div data-gjs-type=“custom-type” class=“sampleclass”>Text<div class=“sampleclass2”><div><a>A L...
阅读下方完整回答 ↓问题
有人能给我演示一下如何用JavaScript和CSS样式创建块的代码示例吗？ “''js 编辑。BlockManager.add（'a_block'， { 标签：“Sample Block”， 内容： '<style> .sampleclass{ 填充：10像素 15像素; } .sampleclass2{ 不透明度：0; 可见性：隐藏; } .sampleclass：hover > .sampleclass2{ 可见性：可见; 不透明度：1; } @media（最大宽度：768px）{ .sampleclass{ 宽度：100%; } } </style> <div class=“samplecalss”>Text<div class=“sampleclass2”><div><a>A Link</a></div></div> <script> console.log（“你好的世界”）; </script> , 属性：{ 标题：“A区” }, }); `` 主要问题是js代码是在HTML之后添加的，而不是文件末尾
回答（3）
你好！你要找的是[这里]（https://grapesjs.com/docs/modules/Components-js.html） 编辑。DomComponents.addType（'custom-type'，{ 模型：{ 默认值：{ 脚本：函数 （） { console.log（“你好的世界”）; } }, isComponent（）{ 返回真 } }, }) 你必须在块定义之前定义自定义类型。 然后在你的区块内容中修改这行，注入你的类型： <div data-gjs-type=“custom-type” class=“sampleclass”>Text<div class=“sampl...
谢谢。
谢谢。
相关问答
通过相似的问题讨论继续研究。
问题 #1566
自定义方块的默认样式
你好，我正在用GrapesJS做Prestashop网站上的页面构建器。 这个想法是用自定义块设置默认模板存储在数据库中。商店和模板加载都正常。我的问题是，我只想使用我创建并添加到BlockManager中的自定义块，但使用默认CSS。我可以放 CSS，但默认如何设置这些块的媒...
问题 #511
通过块管理器 API 更新内容后无法编辑
你好，抱歉@artf我之前的问题，我必须创建一个新问题，我的问题是这样的错误 编辑：抱歉，我刚刚修复了脚本上的问题： “JavaScript 动态导航 blockManager.add（'dynamic-nav'， { 标签：“动态导航”， 属性：{ 类别：“Fa fa-省略号...
问题 #1310
Grape JS 为通讯工作
我们正在测试使用这个编辑器，想知道 grape js 编辑器是否适用于内容通讯，我们做过测试，但 HTML 中的 CSS 样式会作为类添加，而类在 Gmail 中不工作。 我怎样才能在编辑器中嵌入 CSS 到 HTML 里？ 例如： <div style = “color： #...
问题 #3626
如何将视频标签的原始字符设置为动态？
你好@artf， 你好，我有 blockmanager 里的拖放视频标签和按钮，点击按钮后，我需要把 URL 改成 src。但不行，请指点我。 编辑。BlockManager.add（“html/video”， { 标签：<div> <img src=“../../../Ima...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。