附录：不使用特质管理器
谢谢你举报，@throne1986。 关于附进“不使用特质经理的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'， （c） => console.log（'component ready...
阅读下方完整回答 ↓问题
我有一个基本的例子如下 HTML <div id=“gjs”> <div class=“traits-container”></div> <div style=“padding： 25px”>Hello World!!</div> </div> <h1> 附加特质管理器 </h1> <div class=“traits-container”></div> J const editor = Grapesjs.init（{ 容器：“#gjs”， fromElement： true， 身高：“100%”， storageManager： false， traitManager： { appendTo： document.querySelector（'#traits-container'）， }, 插件： ['gjs-blocks-basic']， dragMode：“绝对” }); Jsfiddle在此：[https://jsfiddle.net/tuw32kjo/4/]（网址） 为什么特质管理器没有附加到自定义容器上？
回答（1）
谢谢你举报，@throne1986。 关于附进“不使用特质经理的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'， （c） => console....
相关问答
通过相似的问题讨论继续研究。
问题 #3688
如何自定义组件
我 https://grapesjs.com/docs/modules/Components.html#define-custom-component-type 读了这份文档，并尝试编写以下代码。我想让“mj-body”无法删除： 但我看不到效果，请帮帮我
问题 #3242
当样式管理器在另一个 div 中时，“使用样式管理器前选择元素”的消息不显示
版本：0.16.34 预期的行为是什么？ 编辑器初始化时，没有选择任何元素，因此样式管理器应像编辑器配置中未使用“appendTo”时一样，提示“使用样式管理器前选择元素”。 目前的行为是什么？ 在编辑器配置中使用“appendTo”时，像这样： 样式管理器开始时显示所有扇区，...
问题 #5000
本地化的操作很奇怪
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬111 可复制演示链接 https://jsfiddle.net/zfkuq7sh/ 描述一下那个虫子 有些文本被翻译，有些则没有。有些翻译是我点击某个工具按钮后才翻译出来的。 比如顶部栏按钮S...
问题 #3347
我怎样才能获得无压缩的 JS 代码以便编辑？
你好，感谢你帮我解答这个问题。我想用自己的JSEditor来编辑html、css和js。 1、首先，我用 'getHtml'， 'getCss'， 'getJs' 在我的 JSEditor 里显示代码。我发现JS代码是压缩的。我怎样才能获得无压缩代码？ 我用的是'编辑器'。Co...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
教程
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
浏览插件分类
直接跳转到市场上的插件分类页面。