一个插入可编辑HTML的组件
你好@NorthstarTech， 我刚做了一个插件（非常早期，还需要更多改进），你可能会觉得有帮助：https://github.com/ryandeba/grapesjs-html-block。 你应该可以把这个文件包含在你的项目里，并在你的 grapesjs init 配置里包含插件： 'Grapesjs.init（{ ..., 插件：['html-block'] })` 完成后，你应该会看到一个新的“HTML代码”模块。拖拽到某个地方，选择元素，你应该会在工具栏看到一个“代码”按钮。点击代码按钮，你应该会得到一个可以编辑HTML内容的模态。 如果你遇到任何问题，告诉我。
阅读下方完整回答 ↓问题
是否有可能创建一个块，允许用户直接在模板上或样式/布局管理器中写响应式HTML？
回答（3）
你好@NorthstarTech， 我刚做了一个插件（非常早期，还需要更多改进），你可能会觉得有帮助：https://github.com/ryandeba/grapesjs-html-block。 你应该可以把这个文件包含在你的项目里，并在你的 grapesjs init 配置里包含插件： 'Grapesjs.init（{ ..., 插件：['html-block'] })` 完成后，你应该会看到一个新的“HTML代码”模块。拖拽到某个地方，选择元素，你应该会在工具栏看到一个“代码”按钮。点击代码按钮，你应该会得到一个可以编辑HTML内容的模态。 如果你遇到任何问题，告诉我。
@chiqui3d 将“isComponent”函数改为这个，以防止初始内部HTML被葡萄解析成组件： 我发布的[其他代码]（https://github.com/artf/grapesjs/issues/567#issuecomment-365481752）应该能防止grapesjs在通过modal编辑后解析html。关键是你需要把内部 html 设置在“content”属性里，而不是“components”里。
根据这里的第一条评论，我相信这个问题已经解决，可能会被关闭：https://github.com/ryandeba/grapesjs-html-block/issues/1。如果你想继续保持这个问题开放，@NorthstarTech能确认或回复更多细节吗？
相关问答
通过相似的问题讨论继续研究。
问题 #1812
：尝试添加背景图像时出现404（演示中可复现）
以隐身铬色访问 https://grapesjs.com/demo.html点击“Header”元素点击装饰>背景删除第2层点击第1层点击“x”删除紫色背景图像控制台中出现“GET https://grapesjs.com/none 404”错误点击“图片”尝试添加任何其他新图...
问题 #921
从面板按钮中选择并聚焦一个HTML元素
大家好， 有没有可能用Grapes在某个section的html里设置焦点，比如作为锚点？我有一个面板按钮，它只是选择我想要的部分，但不会聚焦到元素。这是代码： panel.addButton（'options'， [{ 编号：“链接”， 班级名称：“fa fa-th-list...
问题 #2008
添加大量自定义HTML后，画布会变暗且无法修改。
我以前用“editor.addComponent（）”添加自定义html。 大多数时候它运行良好，但当我尝试插入一个包含大量子元素的大型 HTML 时，画布会变黑且无法修改。我只能重新加载整个编辑器才能让它重新工作。
问题 #1978
：风格总是应用到职业上
你好， 我在为单个物品做样式时遇到了个问题。 以下html代码： '''html <div class=“ddm-flex-cols”> <div class=“ddm-flex-cols-element”> 这真是一段文字 </div> <div id=“icbp” clas...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。