deploy docs

docs/404.html

@@ -9,14 +9,14 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/18.f00dd790.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/11.6211b361.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/2.2c5d9b1d.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/18.b7385ed2.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/11.00909638.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/2.76987c6d.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
-    <div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-default-content"><h1>404</h1> <blockquote>Looks like we've got some broken links.</blockquote> <a href="/docs/" class="router-link-active">
+    <div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-default-content"><h1>404</h1> <blockquote>There's nothing here.</blockquote> <a href="/docs/" class="router-link-active">
       Take me home.
     </a></div></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/18.f00dd790.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/18.b7385ed2.js" defer></script>
   </body>
 </html>

docs/Home.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/19.a9a64d12.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/19.46b34bc8.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -337,6 +337,6 @@ The default one is the localStorage which is pretty simple and all the data are
   <span class="token punctuation">}</span>
 <span class="token operator">...</span>
 </code></pre></div><blockquote><p>Check <a href="API-Storage-Manager">Storage Manager API Reference</a></p></blockquote></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/Home.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">7/13/2018, 12:12:35 AM</span></div></footer> <!----> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/19.a9a64d12.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/19.46b34bc8.js" defer></script>
   </body>
 </html>

docs/api/block_manager.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/23.61a787a4.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/23.eea06144.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -34,7 +34,7 @@
   Twitter
   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
     GitHub
-    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" aria-current="page" class="active sidebar-link">Block Manager</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#blockmanager" class="sidebar-link">BlockManager</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#getconfig" class="sidebar-link">getConfig</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#onload" class="sidebar-link">onLoad</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#getall" class="sidebar-link">getAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#getallvisible" class="sidebar-link">getAllVisible</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#remove" class="sidebar-link">remove</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#getcategories" class="sidebar-link">getCategories</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#getcontainer" class="sidebar-link">getContainer</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#render" class="sidebar-link">render</a></li></ul></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="blockmanager"><a href="#blockmanager" class="header-anchor">#</a> BlockManager</h2> <p>You can customize the initial state of the module from the editor initialization, by passing the following <a href="https://github.com/artf/grapesjs/blob/master/src/block_manager/config/config.js" target="_blank" rel="noopener noreferrer">Configuration Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" aria-current="page" class="active sidebar-link">Block Manager</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#blockmanager" class="sidebar-link">BlockManager</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#getconfig" class="sidebar-link">getConfig</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#onload" class="sidebar-link">onLoad</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#getall" class="sidebar-link">getAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#getallvisible" class="sidebar-link">getAllVisible</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#remove" class="sidebar-link">remove</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#getcategories" class="sidebar-link">getCategories</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#getcontainer" class="sidebar-link">getContainer</a></li><li class="sidebar-sub-header"><a href="/docs/api/block_manager.html#render" class="sidebar-link">render</a></li></ul></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/pages.html" class="sidebar-link">Pages</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="blockmanager"><a href="#blockmanager" class="header-anchor">#</a> BlockManager</h2> <p>You can customize the initial state of the module from the editor initialization, by passing the following <a href="https://github.com/artf/grapesjs/blob/master/src/block_manager/config/config.js" target="_blank" rel="noopener noreferrer">Configuration Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
  blockManager<span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token comment">// options</span>
  <span class="token punctuation">}</span>
@@ -92,6 +92,6 @@ document<span class="token punctuation">.</span><span class="token function">get
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/23.61a787a4.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/23.eea06144.js" defer></script>
   </body>
 </html>

docs/api/commands.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/25.e87e2b98.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/25.9769e6e3.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -34,7 +34,7 @@
   Twitter
   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
     GitHub
-    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" aria-current="page" class="active sidebar-link">Commands</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/commands.html#commands" class="sidebar-link">Commands</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#extend" class="sidebar-link">extend</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#has" class="sidebar-link">has</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#getall" class="sidebar-link">getAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#run" class="sidebar-link">run</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#stop" class="sidebar-link">stop</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#isactive" class="sidebar-link">isActive</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#getactive" class="sidebar-link">getActive</a></li></ul></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="commands"><a href="#commands" class="header-anchor">#</a> Commands</h2> <p>You can customize the initial state of the module from the editor initialization, by passing the following <a href="https://github.com/artf/grapesjs/blob/master/src/commands/config/config.js" target="_blank" rel="noopener noreferrer">Configuration Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" aria-current="page" class="active sidebar-link">Commands</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/commands.html#commands" class="sidebar-link">Commands</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#extend" class="sidebar-link">extend</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#has" class="sidebar-link">has</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#getall" class="sidebar-link">getAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#run" class="sidebar-link">run</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#stop" class="sidebar-link">stop</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#isactive" class="sidebar-link">isActive</a></li><li class="sidebar-sub-header"><a href="/docs/api/commands.html#getactive" class="sidebar-link">getActive</a></li></ul></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/pages.html" class="sidebar-link">Pages</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="commands"><a href="#commands" class="header-anchor">#</a> Commands</h2> <p>You can customize the initial state of the module from the editor initialization, by passing the following <a href="https://github.com/artf/grapesjs/blob/master/src/commands/config/config.js" target="_blank" rel="noopener noreferrer">Configuration Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
  commands<span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token comment">// options</span>
  <span class="token punctuation">}</span>
@@ -80,6 +80,6 @@ commands<span class="token punctuation">.</span><span class="token function">isA
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/25.e87e2b98.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/25.9769e6e3.js" defer></script>
   </body>
 </html>

docs/api/css_composer.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/28.04a0965c.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/28.cc45d02f.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -34,7 +34,7 @@
   Twitter
   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
     GitHub
-    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" aria-current="page" class="active sidebar-link">CSS Composer</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#csscomposer" class="sidebar-link">CssComposer</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#load" class="sidebar-link">load</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#store" class="sidebar-link">store</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#getall" class="sidebar-link">getAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#clear" class="sidebar-link">clear</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#setrule" class="sidebar-link">setRule</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#getrule" class="sidebar-link">getRule</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#getrules" class="sidebar-link">getRules</a></li></ul></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="csscomposer"><a href="#csscomposer" class="header-anchor">#</a> CssComposer</h2> <p>This module contains and manage CSS rules for the template inside the canvas.
+    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/pages.html" class="sidebar-link">Pages</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" aria-current="page" class="active sidebar-link">CSS Composer</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#csscomposer" class="sidebar-link">CssComposer</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#load" class="sidebar-link">load</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#store" class="sidebar-link">store</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#getall" class="sidebar-link">getAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#clear" class="sidebar-link">clear</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#setrule" class="sidebar-link">setRule</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#getrule" class="sidebar-link">getRule</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#getrules" class="sidebar-link">getRules</a></li></ul></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="csscomposer"><a href="#csscomposer" class="header-anchor">#</a> CssComposer</h2> <p>This module contains and manage CSS rules for the template inside the canvas.
 You can customize the initial state of the module from the editor initialization, by passing the following <a href="https://github.com/artf/grapesjs/blob/master/src/css_composer/config/config.js" target="_blank" rel="noopener noreferrer">Configuration Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
  cssComposer<span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token comment">// options</span>
@@ -60,7 +60,7 @@ rule<span class="token punctuation">.</span><span class="token function">set</sp
   width<span class="token operator">:</span> <span class="token string">'300px'</span><span class="token punctuation">,</span>
   color<span class="token operator">:</span> <span class="token string">'#000'</span><span class="token punctuation">,</span>
 <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-</code></pre></div><p>Returns <strong>(Model | null)</strong></p> <h2 id="getall"><a href="#getall" class="header-anchor">#</a> getAll</h2> <p>Get the collection of rules</p> <p>Returns <strong>Collection</strong></p> <h2 id="clear"><a href="#clear" class="header-anchor">#</a> clear</h2> <p>Remove all rules</p> <p>Returns <strong>this</strong></p> <h2 id="setrule"><a href="#setrule" class="header-anchor">#</a> setRule</h2> <p>Add/update the CSS rule with a generic selector</p> <h3 id="parameters-5"><a href="#parameters-5" class="header-anchor">#</a> Parameters</h3> <ul><li><code>selectors</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Selector, eg. '.myclass'</li> <li><code>style</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Style properties and values</li> <li><code>opts</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Additional properties (optional, default <code>{}</code>)
+</code></pre></div><p>Returns <strong>(Model | null)</strong></p> <h2 id="getall"><a href="#getall" class="header-anchor">#</a> getAll</h2> <p>Get the collection of rules</p> <p>Returns <strong>Collection</strong></p> <h2 id="clear"><a href="#clear" class="header-anchor">#</a> clear</h2> <p>Remove all rules</p> <h3 id="parameters-5"><a href="#parameters-5" class="header-anchor">#</a> Parameters</h3> <ul><li><code>opts</code>   (optional, default <code>{}</code>)</li></ul> <p>Returns <strong>this</strong></p> <h2 id="setrule"><a href="#setrule" class="header-anchor">#</a> setRule</h2> <p>Add/update the CSS rule with a generic selector</p> <h3 id="parameters-6"><a href="#parameters-6" class="header-anchor">#</a> Parameters</h3> <ul><li><code>selectors</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Selector, eg. '.myclass'</li> <li><code>style</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Style properties and values</li> <li><code>opts</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Additional properties (optional, default <code>{}</code>)
 <ul><li><code>opts.atRuleType</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> At-rule type, eg. 'media' (optional, default <code>''</code>)</li> <li><code>opts.atRuleParams</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> At-rule parameters, eg. '(min-width: 500px)' (optional, default <code>''</code>)</li></ul></li></ul> <h3 id="examples-3"><a href="#examples-3" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">// Simple class-based rule</span>
 <span class="token keyword">const</span> rule <span class="token operator">=</span> cc<span class="token punctuation">.</span><span class="token function">setRule</span><span class="token punctuation">(</span><span class="token string">'.class1.class2'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> color<span class="token operator">:</span> <span class="token string">'red'</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>rule<span class="token punctuation">.</span><span class="token function">toCSS</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token comment">// output: .class1.class2 { color: red }</span>
@@ -73,17 +73,17 @@ console<span class="token punctuation">.</span><span class="token function">log<
  atRuleParams<span class="token operator">:</span> <span class="token string">'(min-width: 500px)'</span><span class="token punctuation">,</span>
 <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 <span class="token comment">// output: @media (min-width: 500px) { .class1:hover { color: red } }</span>
-</code></pre></div><p>Returns <strong>CssRule</strong> The new/updated rule</p> <h2 id="getrule"><a href="#getrule" class="header-anchor">#</a> getRule</h2> <p>Get the CSS rule by a generic selector</p> <h3 id="parameters-6"><a href="#parameters-6" class="header-anchor">#</a> Parameters</h3> <ul><li><code>selectors</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Selector, eg. '.myclass:hover'</li> <li><code>opts</code>   (optional, default <code>{}</code>)</li></ul> <h3 id="examples-4"><a href="#examples-4" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> rule <span class="token operator">=</span> cc<span class="token punctuation">.</span><span class="token function">getRule</span><span class="token punctuation">(</span><span class="token string">'.myclass1:hover'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+</code></pre></div><p>Returns <strong>CssRule</strong> The new/updated rule</p> <h2 id="getrule"><a href="#getrule" class="header-anchor">#</a> getRule</h2> <p>Get the CSS rule by a generic selector</p> <h3 id="parameters-7"><a href="#parameters-7" class="header-anchor">#</a> Parameters</h3> <ul><li><code>selectors</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Selector, eg. '.myclass:hover'</li> <li><code>opts</code>   (optional, default <code>{}</code>)</li></ul> <h3 id="examples-4"><a href="#examples-4" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> rule <span class="token operator">=</span> cc<span class="token punctuation">.</span><span class="token function">getRule</span><span class="token punctuation">(</span><span class="token string">'.myclass1:hover'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> rule2 <span class="token operator">=</span> cc<span class="token punctuation">.</span><span class="token function">getRule</span><span class="token punctuation">(</span><span class="token string">'.myclass1:hover, div#myid'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> rule3 <span class="token operator">=</span> cc<span class="token punctuation">.</span><span class="token function">getRule</span><span class="token punctuation">(</span><span class="token string">'.myclass1'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
  atRuleType<span class="token operator">:</span> <span class="token string">'media'</span><span class="token punctuation">,</span>
  atRuleParams<span class="token operator">:</span> <span class="token string">'(min-width: 500px)'</span><span class="token punctuation">,</span>
 <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-</code></pre></div><p>Returns <strong>CssRule</strong></p> <h2 id="getrules"><a href="#getrules" class="header-anchor">#</a> getRules</h2> <p>Find rules, in different states (eg. like <code>:hover</code>) and media queries, matching the selector.</p> <h3 id="parameters-7"><a href="#parameters-7" class="header-anchor">#</a> Parameters</h3> <ul><li><code>selector</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Selector, eg. '.myclass'</li></ul> <h3 id="examples-5"><a href="#examples-5" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">// Common scenario, take all the component specific rules</span>
+</code></pre></div><p>Returns <strong>CssRule</strong></p> <h2 id="getrules"><a href="#getrules" class="header-anchor">#</a> getRules</h2> <p>Find rules, in different states (eg. like <code>:hover</code>) and media queries, matching the selector.</p> <h3 id="parameters-8"><a href="#parameters-8" class="header-anchor">#</a> Parameters</h3> <ul><li><code>selector</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Selector, eg. '.myclass'</li></ul> <h3 id="examples-5"><a href="#examples-5" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">// Common scenario, take all the component specific rules</span>
 <span class="token keyword">const</span> id <span class="token operator">=</span> someComponent<span class="token punctuation">.</span><span class="token function">getId</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> rules <span class="token operator">=</span> cc<span class="token punctuation">.</span><span class="token function">getRules</span><span class="token punctuation">(</span><span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">#</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>id<span class="token interpolation-punctuation punctuation">}</span></span><span class="token template-punctuation string">`</span></span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>rules<span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token parameter">rule</span> <span class="token operator">=&gt;</span> rule<span class="token punctuation">.</span><span class="token function">toCSS</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">)</span>
-</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>&lt;CssRule&gt;</strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/css_composer.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/6/2021, 9:36:33 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>&lt;CssRule&gt;</strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/css_composer.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">4/20/2021, 11:36:21 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
       ←
       <a href="/docs/api/selector_manager.html" class="prev">
         Selector Manager
@@ -92,6 +92,6 @@ console<span class="token punctuation">.</span><span class="token function">log<
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/28.04a0965c.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/28.cc45d02f.js" defer></script>
   </body>
 </html>

docs/api/device_manager.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/29.f5e06615.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/29.4c939d39.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -34,7 +34,7 @@
   Twitter
   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
     GitHub
-    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" aria-current="page" class="active sidebar-link">Device Manager</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/device_manager.html#devicemanager" class="sidebar-link">DeviceManager</a></li><li class="sidebar-sub-header"><a href="/docs/api/device_manager.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/device_manager.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/device_manager.html#getall" class="sidebar-link">getAll</a></li></ul></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="devicemanager"><a href="#devicemanager" class="header-anchor">#</a> DeviceManager</h2> <p>You can customize the initial state of the module from the editor initialization, by passing the following <a href="https://github.com/artf/grapesjs/blob/master/src/device_manager/config/config.js" target="_blank" rel="noopener noreferrer">Configuration Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/pages.html" class="sidebar-link">Pages</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" aria-current="page" class="active sidebar-link">Device Manager</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/device_manager.html#devicemanager" class="sidebar-link">DeviceManager</a></li><li class="sidebar-sub-header"><a href="/docs/api/device_manager.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/device_manager.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/device_manager.html#getall" class="sidebar-link">getAll</a></li></ul></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="devicemanager"><a href="#devicemanager" class="header-anchor">#</a> DeviceManager</h2> <p>You can customize the initial state of the module from the editor initialization, by passing the following <a href="https://github.com/artf/grapesjs/blob/master/src/device_manager/config/config.js" target="_blank" rel="noopener noreferrer">Configuration Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
  deviceManager<span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token comment">// options</span>
  <span class="token punctuation">}</span>
@@ -63,6 +63,6 @@ console<span class="token punctuation">.</span><span class="token function">log<
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/29.f5e06615.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/29.4c939d39.js" defer></script>
   </body>
 </html>

docs/api/i18n.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/31.dbc6776c.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/31.5b8e0e55.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -34,7 +34,7 @@
   Twitter
   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
     GitHub
-    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" aria-current="page" class="active sidebar-link">I18n</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/i18n.html#i18n" class="sidebar-link">I18n</a></li><li class="sidebar-sub-header"><a href="/docs/api/i18n.html#getconfig" class="sidebar-link">getConfig</a></li><li class="sidebar-sub-header"><a href="/docs/api/i18n.html#setlocale" class="sidebar-link">setLocale</a></li><li class="sidebar-sub-header"><a href="/docs/api/i18n.html#getlocale" class="sidebar-link">getLocale</a></li><li class="sidebar-sub-header"><a href="/docs/api/i18n.html#getmessages" class="sidebar-link">getMessages</a></li><li class="sidebar-sub-header"><a href="/docs/api/i18n.html#setmessages" class="sidebar-link">setMessages</a></li><li class="sidebar-sub-header"><a href="/docs/api/i18n.html#addmessages" class="sidebar-link">addMessages</a></li><li class="sidebar-sub-header"><a href="/docs/api/i18n.html#t" class="sidebar-link">t</a></li></ul></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="i18n"><a href="#i18n" class="header-anchor">#</a> I18n</h2> <p>You can customize the initial state of the module from the editor initialization, by passing the following <a href="https://github.com/artf/grapesjs/blob/master/src/i18n/config.js" target="_blank" rel="noopener noreferrer">Configuration Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" aria-current="page" class="active sidebar-link">I18n</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/i18n.html#i18n" class="sidebar-link">I18n</a></li><li class="sidebar-sub-header"><a href="/docs/api/i18n.html#getconfig" class="sidebar-link">getConfig</a></li><li class="sidebar-sub-header"><a href="/docs/api/i18n.html#setlocale" class="sidebar-link">setLocale</a></li><li class="sidebar-sub-header"><a href="/docs/api/i18n.html#getlocale" class="sidebar-link">getLocale</a></li><li class="sidebar-sub-header"><a href="/docs/api/i18n.html#getmessages" class="sidebar-link">getMessages</a></li><li class="sidebar-sub-header"><a href="/docs/api/i18n.html#setmessages" class="sidebar-link">setMessages</a></li><li class="sidebar-sub-header"><a href="/docs/api/i18n.html#addmessages" class="sidebar-link">addMessages</a></li><li class="sidebar-sub-header"><a href="/docs/api/i18n.html#t" class="sidebar-link">t</a></li></ul></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/pages.html" class="sidebar-link">Pages</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="i18n"><a href="#i18n" class="header-anchor">#</a> I18n</h2> <p>You can customize the initial state of the module from the editor initialization, by passing the following <a href="https://github.com/artf/grapesjs/blob/master/src/i18n/config.js" target="_blank" rel="noopener noreferrer">Configuration Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
  i18n<span class="token operator">:</span> <span class="token punctuation">{</span>
    locale<span class="token operator">:</span> <span class="token string">'en'</span><span class="token punctuation">,</span>
    localeFallback<span class="token operator">:</span> <span class="token string">'en'</span><span class="token punctuation">,</span>
@@ -83,6 +83,6 @@ obj<span class="token punctuation">.</span><span class="token function">t</span>
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/31.dbc6776c.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/31.5b8e0e55.js" defer></script>
   </body>
 </html>

docs/api/index.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/21.9e10819a.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/21.5fbfcbfa.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container page__apis"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -34,11 +34,11 @@
   Twitter
   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
     GitHub
-    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="active sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="api-reference"><a href="#api-reference" class="header-anchor">#</a> API Reference</h1> <p>Here you can find the documentation about GrapesJS' APIs. Mainly, you would use them for your editor to extend the basic functionality of the framework or you could also <a href="/docs/modules/Plugins.html">create a plugin</a> and make those extensions reusable and available to others.</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/README.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">7/9/2018, 1:03:59 AM</span></div></footer> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/docs/api/editor.html">
+    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="active sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/pages.html" class="sidebar-link">Pages</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="api-reference"><a href="#api-reference" class="header-anchor">#</a> API Reference</h1> <p>Here you can find the documentation about GrapesJS' APIs. Mainly, you would use them for your editor to extend the basic functionality of the framework or you could also <a href="/docs/modules/Plugins.html">create a plugin</a> and make those extensions reusable and available to others.</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/README.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">7/9/2018, 1:03:59 AM</span></div></footer> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/docs/api/editor.html">
         Editor
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/21.9e10819a.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/21.5fbfcbfa.js" defer></script>
   </body>
 </html>

docs/api/keymaps.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/32.eb0f0320.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/32.120a63a8.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -34,7 +34,7 @@
   Twitter
   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
     GitHub
-    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" aria-current="page" class="active sidebar-link">Keymaps</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/keymaps.html#keymaps" class="sidebar-link">Keymaps</a></li><li class="sidebar-sub-header"><a href="/docs/api/keymaps.html#getconfig" class="sidebar-link">getConfig</a></li><li class="sidebar-sub-header"><a href="/docs/api/keymaps.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/keymaps.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/keymaps.html#getall" class="sidebar-link">getAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/keymaps.html#remove" class="sidebar-link">remove</a></li><li class="sidebar-sub-header"><a href="/docs/api/keymaps.html#removeall" class="sidebar-link">removeAll</a></li></ul></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="keymaps"><a href="#keymaps" class="header-anchor">#</a> Keymaps</h2> <p>You can customize the initial state of the module from the editor initialization</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/pages.html" class="sidebar-link">Pages</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" aria-current="page" class="active sidebar-link">Keymaps</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/keymaps.html#keymaps" class="sidebar-link">Keymaps</a></li><li class="sidebar-sub-header"><a href="/docs/api/keymaps.html#getconfig" class="sidebar-link">getConfig</a></li><li class="sidebar-sub-header"><a href="/docs/api/keymaps.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/keymaps.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/keymaps.html#getall" class="sidebar-link">getAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/keymaps.html#remove" class="sidebar-link">remove</a></li><li class="sidebar-sub-header"><a href="/docs/api/keymaps.html#removeall" class="sidebar-link">removeAll</a></li></ul></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="keymaps"><a href="#keymaps" class="header-anchor">#</a> Keymaps</h2> <p>You can customize the initial state of the module from the editor initialization</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
  keymaps<span class="token operator">:</span> <span class="token punctuation">{</span>
     <span class="token comment">// Object of keymaps</span>
    defaults<span class="token operator">:</span> <span class="token punctuation">{</span>
@@ -74,6 +74,6 @@ or just a command id as a string</p> <h2 id="get"><a href="#get" class="header-a
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/32.eb0f0320.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/32.120a63a8.js" defer></script>
   </body>
 </html>

docs/api/modal_dialog.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/33.830a3ed1.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/33.4a67243d.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -34,7 +34,7 @@
   Twitter
   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
     GitHub
-    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" aria-current="page" class="active sidebar-link">Modal</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#modal" class="sidebar-link">Modal</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#open" class="sidebar-link">open</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#close" class="sidebar-link">close</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#onceclose" class="sidebar-link">onceClose</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#onceopen" class="sidebar-link">onceOpen</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#isopen" class="sidebar-link">isOpen</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#settitle" class="sidebar-link">setTitle</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#gettitle" class="sidebar-link">getTitle</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#setcontent" class="sidebar-link">setContent</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#getcontent" class="sidebar-link">getContent</a></li></ul></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="modal"><a href="#modal" class="header-anchor">#</a> Modal</h2> <p>You can customize the initial state of the module from the editor initialization, by passing the following <a href="https://github.com/artf/grapesjs/blob/master/src/modal_dialog/config/config.js" target="_blank" rel="noopener noreferrer">Configuration Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/pages.html" class="sidebar-link">Pages</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" aria-current="page" class="active sidebar-link">Modal</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#modal" class="sidebar-link">Modal</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#open" class="sidebar-link">open</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#close" class="sidebar-link">close</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#onceclose" class="sidebar-link">onceClose</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#onceopen" class="sidebar-link">onceOpen</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#isopen" class="sidebar-link">isOpen</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#settitle" class="sidebar-link">setTitle</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#gettitle" class="sidebar-link">getTitle</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#setcontent" class="sidebar-link">setContent</a></li><li class="sidebar-sub-header"><a href="/docs/api/modal_dialog.html#getcontent" class="sidebar-link">getContent</a></li></ul></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="modal"><a href="#modal" class="header-anchor">#</a> Modal</h2> <p>You can customize the initial state of the module from the editor initialization, by passing the following <a href="https://github.com/artf/grapesjs/blob/master/src/modal_dialog/config/config.js" target="_blank" rel="noopener noreferrer">Configuration Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
  modal<span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token comment">// options</span>
  <span class="token punctuation">}</span>
@@ -54,6 +54,6 @@ The callback will be called one only time</p> <h3 id="parameters-3"><a href="#pa
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/33.830a3ed1.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/33.4a67243d.js" defer></script>
   </body>
 </html>

docs/api/pages.html

@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>GrapesJS</title>
+    <meta name="generator" content="VuePress 1.7.1">
+    <link rel="icon" href="/docs/logo-icon.png">
+    <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
+    <script src="../js/grapes.min.js?v0.17.3"></script>
+    <meta name="description" content="GrapesJS documentation">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/34.991371c4.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
+  </head>
+  <body>
+    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
+  Docs
+</a></div><div class="nav-item"><a href="/docs/api/" class="nav-link router-link-active">
+  API Reference
+</a></div><div class="nav-item"><a href="https://opencollective.com/grapesjs" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  Support Us
+  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://twitter.com/grapesjs" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  Twitter
+  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
+    GitHub
+    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/docs/" class="nav-link">
+  Docs
+</a></div><div class="nav-item"><a href="/docs/api/" class="nav-link router-link-active">
+  API Reference
+</a></div><div class="nav-item"><a href="https://opencollective.com/grapesjs" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  Support Us
+  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://twitter.com/grapesjs" target="_blank" rel="noopener noreferrer" class="nav-link external">
+  Twitter
+  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
+    GitHub
+    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/pages.html" aria-current="page" class="active sidebar-link">Pages</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/pages.html#pages" class="sidebar-link">Pages</a></li><li class="sidebar-sub-header"><a href="/docs/api/pages.html#available-events" class="sidebar-link">Available Events</a></li><li class="sidebar-sub-header"><a href="/docs/api/pages.html#methods" class="sidebar-link">Methods</a></li><li class="sidebar-sub-header"><a href="/docs/api/pages.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/pages.html#remove" class="sidebar-link">remove</a></li><li class="sidebar-sub-header"><a href="/docs/api/pages.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/pages.html#getmain" class="sidebar-link">getMain</a></li><li class="sidebar-sub-header"><a href="/docs/api/pages.html#getall" class="sidebar-link">getAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/pages.html#select" class="sidebar-link">select</a></li><li class="sidebar-sub-header"><a href="/docs/api/pages.html#getselected" class="sidebar-link">getSelected</a></li></ul></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="pages"><a href="#pages" class="header-anchor">#</a> Pages</h2> <p>You can customize the initial state of the module from the editor initialization</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+ <span class="token operator">...</span><span class="token punctuation">.</span>
+ pageManager<span class="token operator">:</span> <span class="token punctuation">{</span>
+   pages<span class="token operator">:</span> <span class="token punctuation">[</span>
+     <span class="token punctuation">{</span>
+       id<span class="token operator">:</span> <span class="token string">'page-id'</span><span class="token punctuation">,</span>
+       styles<span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">.my-class { color: red }</span><span class="token template-punctuation string">`</span></span><span class="token punctuation">,</span> <span class="token comment">// or a JSON of styles</span>
+       component<span class="token operator">:</span> <span class="token string">'&lt;div class=&quot;my-class&quot;&gt;My element&lt;/div&gt;'</span><span class="token punctuation">,</span> <span class="token comment">// or a JSON of components</span>
+     <span class="token punctuation">}</span>
+  <span class="token punctuation">]</span>
+ <span class="token punctuation">}</span><span class="token punctuation">,</span>
+<span class="token punctuation">}</span><span class="token punctuation">)</span>
+</code></pre></div><p>Once the editor is instantiated you can use its API. Before using these methods you should get the module from the instance</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> pageManager <span class="token operator">=</span> editor<span class="token punctuation">.</span>Pages<span class="token punctuation">;</span>
+</code></pre></div><h2 id="available-events"><a href="#available-events" class="header-anchor">#</a> Available Events</h2> <ul><li><code>page:add</code> - Added new page. The page is passed as an argument to the callback</li> <li><code>page:remove</code> - Page removed. The page is passed as an argument to the callback</li> <li><code>page:select</code> - New page selected. The newly selected page and the previous one, are passed as arguments to the callback</li> <li><code>page:update</code> - Page updated. The updated page and the object containing changes are passed as arguments to the callback</li> <li><code>page</code> - Catch-all event for all the events mentioned above. An object containing all the available data about the triggered event is passed as an argument to the callback</li></ul> <h2 id="methods"><a href="#methods" class="header-anchor">#</a> Methods</h2> <ul><li><a href="#add">add</a></li> <li><a href="#get">get</a></li> <li><a href="#getall">getAll</a></li> <li><a href="#getmain">getMain</a></li> <li><a href="#remove">remove</a></li> <li><a href="#select">select</a></li> <li><a href="#getselected">getSelected</a></li></ul> <h2 id="add"><a href="#add" class="header-anchor">#</a> add</h2> <p>Add new page</p> <h3 id="parameters"><a href="#parameters" class="header-anchor">#</a> Parameters</h3> <ul><li><code>props</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Page properties</li> <li><code>opts</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>?</strong> Options (optional, default <code>{}</code>)</li></ul> <h3 id="examples"><a href="#examples" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> newPage <span class="token operator">=</span> pageManager<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+ id<span class="token operator">:</span> <span class="token string">'new-page-id'</span><span class="token punctuation">,</span> <span class="token comment">// without an explicit ID, a random one will be created</span>
+ styles<span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">.my-class { color: red }</span><span class="token template-punctuation string">`</span></span><span class="token punctuation">,</span> <span class="token comment">// or a JSON of styles</span>
+ component<span class="token operator">:</span> <span class="token string">'&lt;div class=&quot;my-class&quot;&gt;My element&lt;/div&gt;'</span><span class="token punctuation">,</span> <span class="token comment">// or a JSON of components</span>
+<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+</code></pre></div><p>Returns <strong>Page</strong></p> <h2 id="remove"><a href="#remove" class="header-anchor">#</a> remove</h2> <p>Remove page</p> <h3 id="parameters-2"><a href="#parameters-2" class="header-anchor">#</a> Parameters</h3> <ul><li><code>page</code> <strong>(<a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> | Page)</strong> Page or page id</li> <li><code>opts</code>   (optional, default <code>{}</code>)</li></ul> <h3 id="examples-2"><a href="#examples-2" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> removedPage <span class="token operator">=</span> pageManager<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span><span class="token string">'page-id'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+<span class="token comment">// or by passing the page</span>
+<span class="token keyword">const</span> somePage <span class="token operator">=</span> pageManager<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'page-id'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+pageManager<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span>somePage<span class="token punctuation">)</span><span class="token punctuation">;</span>
+</code></pre></div><p>Returns <strong>Page</strong></p> <h2 id="get"><a href="#get" class="header-anchor">#</a> get</h2> <p>Get page by id</p> <h3 id="parameters-3"><a href="#parameters-3" class="header-anchor">#</a> Parameters</h3> <ul><li><code>id</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Page id</li></ul> <h3 id="examples-3"><a href="#examples-3" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> somePage <span class="token operator">=</span> pageManager<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'page-id'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+</code></pre></div><p>Returns <strong>Page</strong></p> <h2 id="getmain"><a href="#getmain" class="header-anchor">#</a> getMain</h2> <p>Get main page (the first one available)</p> <h3 id="examples-4"><a href="#examples-4" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> mainPage <span class="token operator">=</span> pageManager<span class="token punctuation">.</span><span class="token function">getMain</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+</code></pre></div><p>Returns <strong>Page</strong></p> <h2 id="getall"><a href="#getall" class="header-anchor">#</a> getAll</h2> <p>Get all pages</p> <h3 id="examples-5"><a href="#examples-5" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> arrayOfPages <span class="token operator">=</span> pageManager<span class="token punctuation">.</span><span class="token function">getAll</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>&lt;Page&gt;</strong></p> <h2 id="select"><a href="#select" class="header-anchor">#</a> select</h2> <p>Change the selected page. This will switch the page rendered in canvas</p> <h3 id="parameters-4"><a href="#parameters-4" class="header-anchor">#</a> Parameters</h3> <ul><li><code>page</code> <strong>(<a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> | Page)</strong> Page or page id</li> <li><code>opts</code>   (optional, default <code>{}</code>)</li></ul> <h3 id="examples-6"><a href="#examples-6" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code>pageManager<span class="token punctuation">.</span><span class="token function">select</span><span class="token punctuation">(</span><span class="token string">'page-id'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+<span class="token comment">// or by passing the page</span>
+<span class="token keyword">const</span> somePage <span class="token operator">=</span> pageManager<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'page-id'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+pageManager<span class="token punctuation">.</span><span class="token function">select</span><span class="token punctuation">(</span>somePage<span class="token punctuation">)</span><span class="token punctuation">;</span>
+</code></pre></div><p>Returns <strong>this</strong></p> <h2 id="getselected"><a href="#getselected" class="header-anchor">#</a> getSelected</h2> <p>Get the selected page</p> <h3 id="examples-7"><a href="#examples-7" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> selectedPage <span class="token operator">=</span> pageManager<span class="token punctuation">.</span><span class="token function">getSelected</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+</code></pre></div><p>Returns <strong>Page</strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/pages.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">4/21/2021, 8:08:58 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+      ←
+      <a href="/docs/api/panels.html" class="prev">
+        Panels
+      </a></span> <span class="next"><a href="/docs/api/style_manager.html">
+        Style Manager
+      </a>
+      →
+    </span></p></div> </main></div><div class="global-ui"></div></div>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/34.991371c4.js" defer></script>
+  </body>
+</html>

docs/api/panels.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/34.597d99de.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/35.62067c34.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -34,7 +34,7 @@
   Twitter
   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
     GitHub
-    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" aria-current="page" class="active sidebar-link">Panels</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/panels.html#panels" class="sidebar-link">Panels</a></li><li class="sidebar-sub-header"><a href="/docs/api/panels.html#getpanels" class="sidebar-link">getPanels</a></li><li class="sidebar-sub-header"><a href="/docs/api/panels.html#getpanelsel" class="sidebar-link">getPanelsEl</a></li><li class="sidebar-sub-header"><a href="/docs/api/panels.html#addpanel" class="sidebar-link">addPanel</a></li><li class="sidebar-sub-header"><a href="/docs/api/panels.html#removepanel" class="sidebar-link">removePanel</a></li><li class="sidebar-sub-header"><a href="/docs/api/panels.html#getpanel" class="sidebar-link">getPanel</a></li><li class="sidebar-sub-header"><a href="/docs/api/panels.html#addbutton" class="sidebar-link">addButton</a></li><li class="sidebar-sub-header"><a href="/docs/api/panels.html#removebutton" class="sidebar-link">removeButton</a></li><li class="sidebar-sub-header"><a href="/docs/api/panels.html#getbutton" class="sidebar-link">getButton</a></li></ul></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="panels"><a href="#panels" class="header-anchor">#</a> Panels</h2> <p>You can customize the initial state of the module from the editor initialization, by passing the following <a href="https://github.com/artf/grapesjs/blob/master/src/panels/config/config.js" target="_blank" rel="noopener noreferrer">Configuration Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" aria-current="page" class="active sidebar-link">Panels</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/panels.html#panels" class="sidebar-link">Panels</a></li><li class="sidebar-sub-header"><a href="/docs/api/panels.html#getpanels" class="sidebar-link">getPanels</a></li><li class="sidebar-sub-header"><a href="/docs/api/panels.html#getpanelsel" class="sidebar-link">getPanelsEl</a></li><li class="sidebar-sub-header"><a href="/docs/api/panels.html#addpanel" class="sidebar-link">addPanel</a></li><li class="sidebar-sub-header"><a href="/docs/api/panels.html#removepanel" class="sidebar-link">removePanel</a></li><li class="sidebar-sub-header"><a href="/docs/api/panels.html#getpanel" class="sidebar-link">getPanel</a></li><li class="sidebar-sub-header"><a href="/docs/api/panels.html#addbutton" class="sidebar-link">addButton</a></li><li class="sidebar-sub-header"><a href="/docs/api/panels.html#removebutton" class="sidebar-link">removeButton</a></li><li class="sidebar-sub-header"><a href="/docs/api/panels.html#getbutton" class="sidebar-link">getButton</a></li></ul></li><li><a href="/docs/api/pages.html" class="sidebar-link">Pages</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="panels"><a href="#panels" class="header-anchor">#</a> Panels</h2> <p>You can customize the initial state of the module from the editor initialization, by passing the following <a href="https://github.com/artf/grapesjs/blob/master/src/panels/config/config.js" target="_blank" rel="noopener noreferrer">Configuration Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
  panels<span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token comment">// options</span>
  <span class="token punctuation">}</span>
@@ -90,11 +90,11 @@ command<span class="token operator">:</span> <span class="token punctuation">{</
       ←
       <a href="/docs/api/component.html" class="prev">
          - Component
-      </a></span> <span class="next"><a href="/docs/api/style_manager.html">
-        Style Manager
+      </a></span> <span class="next"><a href="/docs/api/pages.html">
+        Pages
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/34.597d99de.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/35.62067c34.js" defer></script>
   </body>
 </html>

docs/api/rich_text_editor.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/35.3ebeaeac.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/36.2b20b664.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -34,7 +34,7 @@
   Twitter
   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
     GitHub
-    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" aria-current="page" class="active sidebar-link">Rich Text Editor</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/rich_text_editor.html#richtexteditor" class="sidebar-link">RichTextEditor</a></li><li class="sidebar-sub-header"><a href="/docs/api/rich_text_editor.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/rich_text_editor.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/rich_text_editor.html#getall" class="sidebar-link">getAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/rich_text_editor.html#remove" class="sidebar-link">remove</a></li><li class="sidebar-sub-header"><a href="/docs/api/rich_text_editor.html#gettoolbarel" class="sidebar-link">getToolbarEl</a></li></ul></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="richtexteditor"><a href="#richtexteditor" class="header-anchor">#</a> RichTextEditor</h2> <p>This module allows to customize the built-in toolbar of the Rich Text Editor and use commands from the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand" target="_blank" rel="noopener noreferrer">HTML Editing APIs<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>.
+    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/pages.html" class="sidebar-link">Pages</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" aria-current="page" class="active sidebar-link">Rich Text Editor</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/rich_text_editor.html#richtexteditor" class="sidebar-link">RichTextEditor</a></li><li class="sidebar-sub-header"><a href="/docs/api/rich_text_editor.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/rich_text_editor.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/rich_text_editor.html#getall" class="sidebar-link">getAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/rich_text_editor.html#remove" class="sidebar-link">remove</a></li><li class="sidebar-sub-header"><a href="/docs/api/rich_text_editor.html#gettoolbarel" class="sidebar-link">getToolbarEl</a></li></ul></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="richtexteditor"><a href="#richtexteditor" class="header-anchor">#</a> RichTextEditor</h2> <p>This module allows to customize the built-in toolbar of the Rich Text Editor and use commands from the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand" target="_blank" rel="noopener noreferrer">HTML Editing APIs<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>.
 It's highly recommended to keep this toolbar as small as possible, especially from styling commands (eg. 'fontSize') and leave this task to the Style Manager</p> <p>You can customize the initial state of the module from the editor initialization, by passing the following <a href="https://github.com/artf/grapesjs/blob/master/src/rich_text_editor/config/config.js" target="_blank" rel="noopener noreferrer">Configuration Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
  richTextEditor<span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token comment">// options</span>
@@ -109,6 +109,6 @@ rte<span class="token punctuation">.</span><span class="token function">add</spa
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/35.3ebeaeac.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/36.2b20b664.js" defer></script>
   </body>
 </html>

docs/api/selector_manager.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/36.1ab33e1a.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/37.9c426a13.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -34,7 +34,7 @@
   Twitter
   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
     GitHub
-    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" aria-current="page" class="active sidebar-link">Selector Manager</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#selectormanager" class="sidebar-link">SelectorManager</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#getconfig" class="sidebar-link">getConfig</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#setstate" class="sidebar-link">setState</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#getstate" class="sidebar-link">getState</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#addclass" class="sidebar-link">addClass</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#getall" class="sidebar-link">getAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#escapename" class="sidebar-link">escapeName</a></li></ul></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="selectormanager"><a href="#selectormanager" class="header-anchor">#</a> SelectorManager</h2> <p>Selectors in GrapesJS are used in CSS Composer inside Rules and in Components as classes. To illustrate this concept let's take
+    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/pages.html" class="sidebar-link">Pages</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" aria-current="page" class="active sidebar-link">Selector Manager</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#selectormanager" class="sidebar-link">SelectorManager</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#getconfig" class="sidebar-link">getConfig</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#setstate" class="sidebar-link">setState</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#getstate" class="sidebar-link">getState</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#addclass" class="sidebar-link">addClass</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#getall" class="sidebar-link">getAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#escapename" class="sidebar-link">escapeName</a></li></ul></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="selectormanager"><a href="#selectormanager" class="header-anchor">#</a> SelectorManager</h2> <p>Selectors in GrapesJS are used in CSS Composer inside Rules and in Components as classes. To illustrate this concept let's take
 a look at this code:</p> <div class="language-css extra-class"><pre class="language-css"><code><span class="token selector">span &gt; #send-btn.btn</span><span class="token punctuation">{</span>
  ...
 <span class="token punctuation">}</span>
@@ -73,6 +73,6 @@ sm<span class="token punctuation">.</span><span class="token function">addClass<
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/36.1ab33e1a.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/37.9c426a13.js" defer></script>
   </body>
 </html>

docs/api/style_manager.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/38.5b5df7e9.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/39.b704c28a.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -34,7 +34,7 @@
   Twitter
   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
     GitHub
-    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/style_manager.html" aria-current="page" class="active sidebar-link">Style Manager</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#stylemanager" class="sidebar-link">StyleManager</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#getconfig" class="sidebar-link">getConfig</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#addsector" class="sidebar-link">addSector</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#getsector" class="sidebar-link">getSector</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#removesector" class="sidebar-link">removeSector</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#getsectors" class="sidebar-link">getSectors</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#addproperty" class="sidebar-link">addProperty</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#getproperty" class="sidebar-link">getProperty</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#removeproperty" class="sidebar-link">removeProperty</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#getproperties" class="sidebar-link">getProperties</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#getmodeltostyle" class="sidebar-link">getModelToStyle</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#addtype" class="sidebar-link">addType</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#gettype" class="sidebar-link">getType</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#gettypes" class="sidebar-link">getTypes</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#createtype" class="sidebar-link">createType</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#settarget" class="sidebar-link">setTarget</a></li></ul></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="stylemanager"><a href="#stylemanager" class="header-anchor">#</a> StyleManager</h2> <p>With Style Manager you build categories (called sectors) of CSS properties which could be used to customize the style of components.
+    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/pages.html" class="sidebar-link">Pages</a></li><li><a href="/docs/api/style_manager.html" aria-current="page" class="active sidebar-link">Style Manager</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#stylemanager" class="sidebar-link">StyleManager</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#getconfig" class="sidebar-link">getConfig</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#addsector" class="sidebar-link">addSector</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#getsector" class="sidebar-link">getSector</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#removesector" class="sidebar-link">removeSector</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#getsectors" class="sidebar-link">getSectors</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#addproperty" class="sidebar-link">addProperty</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#getproperty" class="sidebar-link">getProperty</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#removeproperty" class="sidebar-link">removeProperty</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#getproperties" class="sidebar-link">getProperties</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#getmodeltostyle" class="sidebar-link">getModelToStyle</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#addtype" class="sidebar-link">addType</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#gettype" class="sidebar-link">getType</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#gettypes" class="sidebar-link">getTypes</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#createtype" class="sidebar-link">createType</a></li><li class="sidebar-sub-header"><a href="/docs/api/style_manager.html#settarget" class="sidebar-link">setTarget</a></li></ul></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="stylemanager"><a href="#stylemanager" class="header-anchor">#</a> StyleManager</h2> <p>With Style Manager you build categories (called sectors) of CSS properties which could be used to customize the style of components.
 You can customize the initial state of the module from the editor initialization, by passing the following <a href="https://github.com/artf/grapesjs/blob/master/src/style_manager/config/config.js" target="_blank" rel="noopener noreferrer">Configuration Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
  styleManager<span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token comment">// options</span>
@@ -108,13 +108,13 @@ someContainer<span class="token punctuation">.</span><span class="token function
 </code></pre></div><p>Returns <strong>PropertyView</strong></p> <h2 id="settarget"><a href="#settarget" class="header-anchor">#</a> setTarget</h2> <p>Select different target for the Style Manager.
 It could be a Component, CSSRule, or a string of any CSS selector</p> <h3 id="parameters-12"><a href="#parameters-12" class="header-anchor">#</a> Parameters</h3> <ul><li><code>target</code> <strong>(Component | CSSRule | <a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)</strong></li> <li><code>opts</code></li></ul> <p>Returns <strong>Styleable</strong> A Component or CSSRule</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/style_manager.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">9/2/2020, 2:16:24 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
       ←
-      <a href="/docs/api/panels.html" class="prev">
-        Panels
+      <a href="/docs/api/pages.html" class="prev">
+        Pages
       </a></span> <span class="next"><a href="/docs/api/storage_manager.html">
         Storage Manager
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/38.5b5df7e9.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/39.b704c28a.js" defer></script>
   </body>
 </html>

docs/api/undo_manager.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/39.f5efacfa.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/40.615e6955.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -34,7 +34,7 @@
   Twitter
   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
     GitHub
-    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" aria-current="page" class="active sidebar-link">Undo Manager</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#undomanager" class="sidebar-link">UndoManager</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#getconfig" class="sidebar-link">getConfig</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#remove" class="sidebar-link">remove</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#removeall" class="sidebar-link">removeAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#start" class="sidebar-link">start</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#stop" class="sidebar-link">stop</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#undo" class="sidebar-link">undo</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#undoall" class="sidebar-link">undoAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#redo" class="sidebar-link">redo</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#redoall" class="sidebar-link">redoAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#hasundo" class="sidebar-link">hasUndo</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#hasredo" class="sidebar-link">hasRedo</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#getstack" class="sidebar-link">getStack</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#getstackgroup" class="sidebar-link">getStackGroup</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#clear" class="sidebar-link">clear</a></li></ul></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="undomanager"><a href="#undomanager" class="header-anchor">#</a> UndoManager</h2> <p>This module allows to manage the stack of changes applied in canvas.
+    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/pages.html" class="sidebar-link">Pages</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="sidebar-link">Selector Manager</a></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" aria-current="page" class="active sidebar-link">Undo Manager</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#undomanager" class="sidebar-link">UndoManager</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#getconfig" class="sidebar-link">getConfig</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#remove" class="sidebar-link">remove</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#removeall" class="sidebar-link">removeAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#start" class="sidebar-link">start</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#stop" class="sidebar-link">stop</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#undo" class="sidebar-link">undo</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#undoall" class="sidebar-link">undoAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#redo" class="sidebar-link">redo</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#redoall" class="sidebar-link">redoAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#hasundo" class="sidebar-link">hasUndo</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#hasredo" class="sidebar-link">hasRedo</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#isregistered" class="sidebar-link">isRegistered</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#getstack" class="sidebar-link">getStack</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#getstackgroup" class="sidebar-link">getStackGroup</a></li><li class="sidebar-sub-header"><a href="/docs/api/undo_manager.html#clear" class="sidebar-link">clear</a></li></ul></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="undomanager"><a href="#undomanager" class="header-anchor">#</a> UndoManager</h2> <p>This module allows to manage the stack of changes applied in canvas.
 Once the editor is instantiated you can use its API. Before using these methods you should get the module from the instance</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> um <span class="token operator">=</span> editor<span class="token punctuation">.</span>UndoManager<span class="token punctuation">;</span>
 </code></pre></div><ul><li><a href="#getconfig">getConfig</a></li> <li><a href="#add">add</a></li> <li><a href="#remove">remove</a></li> <li><a href="#removeall">removeAll</a></li> <li><a href="#start">start</a></li> <li><a href="#stop">stop</a></li> <li><a href="#undo">undo</a></li> <li><a href="#undoall">undoAll</a></li> <li><a href="#redo">redo</a></li> <li><a href="#redoall">redoAll</a></li> <li><a href="#hasundo">hasUndo</a></li> <li><a href="#hasredo">hasRedo</a></li> <li><a href="#getstack">getStack</a></li> <li><a href="#clear">clear</a></li></ul> <h2 id="getconfig"><a href="#getconfig" class="header-anchor">#</a> getConfig</h2> <p>Get module configurations</p> <h3 id="examples"><a href="#examples" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> config <span class="token operator">=</span> um<span class="token punctuation">.</span><span class="token function">getConfig</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 <span class="token comment">// { ... }</span>
@@ -50,7 +50,8 @@ Note: New Components and CSSRules will be added automatically</p> <h3 id="parame
 </code></pre></div><p>Returns <strong>this</strong></p> <h2 id="redoall"><a href="#redoall" class="header-anchor">#</a> redoAll</h2> <p>Redo all changes</p> <h3 id="examples-10"><a href="#examples-10" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code>um<span class="token punctuation">.</span><span class="token function">redoAll</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 </code></pre></div><p>Returns <strong>this</strong></p> <h2 id="hasundo"><a href="#hasundo" class="header-anchor">#</a> hasUndo</h2> <p>Checks if exists an available undo</p> <h3 id="examples-11"><a href="#examples-11" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code>um<span class="token punctuation">.</span><span class="token function">hasUndo</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 </code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="hasredo"><a href="#hasredo" class="header-anchor">#</a> hasRedo</h2> <p>Checks if exists an available redo</p> <h3 id="examples-12"><a href="#examples-12" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code>um<span class="token punctuation">.</span><span class="token function">hasRedo</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="getstack"><a href="#getstack" class="header-anchor">#</a> getStack</h2> <p>Get stack of changes</p> <h3 id="examples-13"><a href="#examples-13" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> stack <span class="token operator">=</span> um<span class="token punctuation">.</span><span class="token function">getStack</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="isregistered"><a href="#isregistered" class="header-anchor">#</a> isRegistered</h2> <p>Check if the entity (Model/Collection) to tracked
+Note: New Components and CSSRules will be added automatically</p> <h3 id="parameters-5"><a href="#parameters-5" class="header-anchor">#</a> Parameters</h3> <ul><li><code>obj</code></li> <li><code>entity</code> <strong>(Model | Collection)</strong> Entity to track</li></ul> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="getstack"><a href="#getstack" class="header-anchor">#</a> getStack</h2> <p>Get stack of changes</p> <h3 id="examples-13"><a href="#examples-13" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> stack <span class="token operator">=</span> um<span class="token punctuation">.</span><span class="token function">getStack</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 stack<span class="token punctuation">.</span><span class="token function">each</span><span class="token punctuation">(</span><span class="token parameter">item</span> <span class="token operator">=&gt;</span> <span class="token operator">...</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 </code></pre></div><p>Returns <strong>Collection</strong></p> <h2 id="getstackgroup"><a href="#getstackgroup" class="header-anchor">#</a> getStackGroup</h2> <p>Get grouped undo manager stack.
 The difference between <code>getStack</code> is when you do multiple operations at a time,
@@ -58,11 +59,11 @@ like appending multiple components:
 <code>editor.getWrapper().append(</code></p><div>C1</div><div>C2</div><code>);</code> <code>getStack</code> will return a collection length of 2.
 <code>getStackGroup</code> instead will group them as a single operation (the first
 inserted component will be returned in the list) by returning an array length of 1.<p></p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="clear"><a href="#clear" class="header-anchor">#</a> clear</h2> <p>Clear the stack</p> <h3 id="examples-14"><a href="#examples-14" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code>um<span class="token punctuation">.</span><span class="token function">clear</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
-</code></pre></div><p>Returns <strong>this</strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/undo_manager.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">4/23/2020, 1:46:38 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
+</code></pre></div><p>Returns <strong>this</strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/undo_manager.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">4/20/2021, 11:36:21 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
       ←
       <a href="/docs/api/keymaps.html" class="prev">
         Keymaps
       </a></span> <!----></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/39.f5efacfa.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/40.615e6955.js" defer></script>
   </body>
 </html>

docs/assets/js/11.6211b361.js → docs/assets/js/11.00909638.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[11,13],{381:function(t,n,e){},384:function(t,n,e){"use strict";e(381)},417:function(t,n,e){"use strict";e.r(n);var a={render:function(t){return t("div",{class:"carbon-ads",attrs:{id:"native-carbon"}})},mounted:function(){window.BSANativeCallback=function(t){if(!t.ads.length){var n=document.createElement("script");n.src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=grapesjscom",n.setAttribute("id","_carbonads_js");var e=document.getElementById("native-carbon");e&&e.appendChild(n)}},this.load()},watch:{$route:function(t,n){t.path!==n.path&&this.$el.querySelector("#carbonads")&&(this.$el.innerHTML="",this.load())}},methods:{initCarbon:function(){var t=window._bsa;void 0!==t&&t&&t.init("default","CK7I62QJ","placement:grapesjscomdocs",{target:"#native-carbon"})},load:function(){var t=this,n=document.createElement("script");n.src="//m.servedby-buysellads.com/monetization.js",n.onload=function(){return t.initCarbon()},this.$el.appendChild(n)}}},o=(e(384),e(52)),i=Object(o.a)(a,void 0,void 0,!1,null,null,null);n.default=i.exports},498:function(t,n,e){"use strict";e.r(n);var a=e(455),o=e(417),i={components:{Layout:a.a,CarbonAds:o.default}},r=e(52),s=Object(r.a)(i,(function(){var t=this.$createElement,n=this._self._c||t;return n("Layout",[n("CarbonAds",{attrs:{slot:"sidebar-top"},slot:"sidebar-top"})],1)}),[],!1,null,null,null);n.default=s.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[11,13],{381:function(t,n,e){},384:function(t,n,e){"use strict";e(381)},417:function(t,n,e){"use strict";e.r(n);var a={render:function(t){return t("div",{class:"carbon-ads",attrs:{id:"native-carbon"}})},mounted:function(){window.BSANativeCallback=function(t){if(!t.ads.length){var n=document.createElement("script");n.src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=grapesjscom",n.setAttribute("id","_carbonads_js");var e=document.getElementById("native-carbon");e&&e.appendChild(n)}},this.load()},watch:{$route:function(t,n){t.path!==n.path&&this.$el.querySelector("#carbonads")&&(this.$el.innerHTML="",this.load())}},methods:{initCarbon:function(){var t=window._bsa;void 0!==t&&t&&t.init("default","CK7I62QJ","placement:grapesjscomdocs",{target:"#native-carbon"})},load:function(){var t=this,n=document.createElement("script");n.src="//m.servedby-buysellads.com/monetization.js",n.onload=function(){return t.initCarbon()},this.$el.appendChild(n)}}},o=(e(384),e(52)),i=Object(o.a)(a,void 0,void 0,!1,null,null,null);n.default=i.exports},494:function(t,n,e){"use strict";e.r(n);var a=e(455),o=e(417),i={components:{Layout:a.a,CarbonAds:o.default}},r=e(52),s=Object(r.a)(i,(function(){var t=this.$createElement,n=this._self._c||t;return n("Layout",[n("CarbonAds",{attrs:{slot:"sidebar-top"},slot:"sidebar-top"})],1)}),[],!1,null,null,null);n.default=s.exports}}]);

docs/assets/js/12.c765569c.js → docs/assets/js/12.8abc0790.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{403:function(t,n,e){},443:function(t,n,e){"use strict";e(403)},505:function(t,n,e){"use strict";e.r(n);e(443);var s=e(52),i=Object(s.a)({},(function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"demo-container"},[this._t("default")],2)}),[],!1,null,"b3715568",null);n.default=i.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{403:function(t,n,e){},443:function(t,n,e){"use strict";e(403)},506:function(t,n,e){"use strict";e.r(n);e(443);var s=e(52),i=Object(s.a)({},(function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"demo-container"},[this._t("default")],2)}),[],!1,null,"b3715568",null);n.default=i.exports}}]);

docs/assets/js/14.e419d6e1.js → docs/assets/js/14.f6679dbc.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{412:function(t,e,n){},452:function(t,e,n){"use strict";n(412)},506:function(t,e,n){"use strict";n.r(e);var i={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:function(t,e){var n=e.props,i=e.slots;return t("span",{class:["badge",n.type],style:{verticalAlign:n.vertical}},n.text||i().default)}},r=(n(452),n(52)),p=Object(r.a)(i,void 0,void 0,!1,null,"15b7b770",null);e.default=p.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{412:function(t,e,n){},452:function(t,e,n){"use strict";n(412)},507:function(t,e,n){"use strict";n.r(e);var i={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:function(t,e){var n=e.props,i=e.slots;return t("span",{class:["badge",n.type],style:{verticalAlign:n.vertical}},n.text||i().default)}},r=(n(452),n(52)),p=Object(r.a)(i,void 0,void 0,!1,null,"15b7b770",null);e.default=p.exports}}]);

docs/assets/js/15.63207b19.js → docs/assets/js/15.e1f63ebd.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{413:function(e,t,c){},453:function(e,t,c){"use strict";c(413)},492:function(e,t,c){"use strict";c.r(t);var i={name:"CodeBlock",props:{title:{type:String,required:!0},active:{type:Boolean,default:!1}}},n=(c(453),c(52)),s=Object(n.a)(i,(function(){var e=this.$createElement;return(this._self._c||e)("div",{staticClass:"theme-code-block",class:{"theme-code-block__active":this.active}},[this._t("default")],2)}),[],!1,null,"6d04095e",null);t.default=s.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{413:function(e,t,c){},453:function(e,t,c){"use strict";c(413)},503:function(e,t,c){"use strict";c.r(t);var i={name:"CodeBlock",props:{title:{type:String,required:!0},active:{type:Boolean,default:!1}}},n=(c(453),c(52)),s=Object(n.a)(i,(function(){var e=this.$createElement;return(this._self._c||e)("div",{staticClass:"theme-code-block",class:{"theme-code-block__active":this.active}},[this._t("default")],2)}),[],!1,null,"6d04095e",null);t.default=s.exports}}]);

docs/assets/js/16.aede6296.js → docs/assets/js/16.50cb9f03.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{414:function(e,t,o){},454:function(e,t,o){"use strict";o(414)},493:function(e,t,o){"use strict";o.r(t);o(27),o(116),o(76),o(118);var a={name:"CodeGroup",data:function(){return{codeTabs:[],activeCodeTabIndex:-1}},watch:{activeCodeTabIndex:function(e){this.codeTabs.forEach((function(e){e.elm.classList.remove("theme-code-block__active")})),this.codeTabs[e].elm.classList.add("theme-code-block__active")}},mounted:function(){var e=this;this.codeTabs=(this.$slots.default||[]).filter((function(e){return Boolean(e.componentOptions)})).map((function(t,o){return""===t.componentOptions.propsData.active&&(e.activeCodeTabIndex=o),{title:t.componentOptions.propsData.title,elm:t.elm}})),-1===this.activeCodeTabIndex&&this.codeTabs.length>0&&(this.activeCodeTabIndex=0)},methods:{changeCodeTab:function(e){this.activeCodeTabIndex=e}}},c=(o(454),o(52)),n=Object(c.a)(a,(function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"theme-code-group"},[o("div",{staticClass:"theme-code-group__nav"},[o("ul",{staticClass:"theme-code-group__ul"},e._l(e.codeTabs,(function(t,a){return o("li",{key:t.title,staticClass:"theme-code-group__li"},[o("button",{staticClass:"theme-code-group__nav-tab",class:{"theme-code-group__nav-tab-active":a===e.activeCodeTabIndex},on:{click:function(t){return e.changeCodeTab(a)}}},[e._v("\n          "+e._s(t.title)+"\n        ")])])})),0)]),e._v(" "),e._t("default"),e._v(" "),e.codeTabs.length<1?o("pre",{staticClass:"pre-blank"},[e._v("// Make sure to add code blocks to your code group")]):e._e()],2)}),[],!1,null,"32c2d7ed",null);t.default=n.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{414:function(e,t,o){},454:function(e,t,o){"use strict";o(414)},504:function(e,t,o){"use strict";o.r(t);o(27),o(116),o(76),o(118);var a={name:"CodeGroup",data:function(){return{codeTabs:[],activeCodeTabIndex:-1}},watch:{activeCodeTabIndex:function(e){this.codeTabs.forEach((function(e){e.elm.classList.remove("theme-code-block__active")})),this.codeTabs[e].elm.classList.add("theme-code-block__active")}},mounted:function(){var e=this;this.codeTabs=(this.$slots.default||[]).filter((function(e){return Boolean(e.componentOptions)})).map((function(t,o){return""===t.componentOptions.propsData.active&&(e.activeCodeTabIndex=o),{title:t.componentOptions.propsData.title,elm:t.elm}})),-1===this.activeCodeTabIndex&&this.codeTabs.length>0&&(this.activeCodeTabIndex=0)},methods:{changeCodeTab:function(e){this.activeCodeTabIndex=e}}},c=(o(454),o(52)),n=Object(c.a)(a,(function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"theme-code-group"},[o("div",{staticClass:"theme-code-group__nav"},[o("ul",{staticClass:"theme-code-group__ul"},e._l(e.codeTabs,(function(t,a){return o("li",{key:t.title,staticClass:"theme-code-group__li"},[o("button",{staticClass:"theme-code-group__nav-tab",class:{"theme-code-group__nav-tab-active":a===e.activeCodeTabIndex},on:{click:function(t){return e.changeCodeTab(a)}}},[e._v("\n          "+e._s(t.title)+"\n        ")])])})),0)]),e._v(" "),e._t("default"),e._v(" "),e.codeTabs.length<1?o("pre",{staticClass:"pre-blank"},[e._v("// Make sure to add code blocks to your code group")]):e._e()],2)}),[],!1,null,"32c2d7ed",null);t.default=n.exports}}]);

docs/assets/js/17.22bc8766.js → docs/assets/js/17.1b60a777.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{494:function(e,t,r){"use strict";r.r(t);r(214);var s={name:"DemoViewer",props:{value:{type:String,default:""},user:{type:String,default:"artur_arseniev"},width:{type:String,default:"100%"},height:{type:String,default:"300"}},computed:{src:function(){var e=this.value,t=this.user;return"//jsfiddle.net/".concat(t,"/").concat(e,"/embedded/js,html,css,result")}}},i=r(52),n=Object(i.a)(s,(function(){var e=this.$createElement;return(this._self._c||e)("iframe",{attrs:{width:this.width,height:this.height,src:this.src,allowfullscreen:"allowfullscreen",frameborder:"0"}})}),[],!1,null,null,null);t.default=n.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{502:function(e,t,r){"use strict";r.r(t);r(214);var s={name:"DemoViewer",props:{value:{type:String,default:""},user:{type:String,default:"artur_arseniev"},width:{type:String,default:"100%"},height:{type:String,default:"300"}},computed:{src:function(){var e=this.value,t=this.user;return"//jsfiddle.net/".concat(t,"/").concat(e,"/embedded/js,html,css,result")}}},i=r(52),n=Object(i.a)(s,(function(){var e=this.$createElement;return(this._self._c||e)("iframe",{attrs:{width:this.width,height:this.height,src:this.src,allowfullscreen:"allowfullscreen",frameborder:"0"}})}),[],!1,null,null,null);t.default=n.exports}}]);

docs/assets/js/18.f00dd790.js → docs/assets/js/18.b7385ed2.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{501:function(t,e,s){"use strict";s.r(e);var n=["There's nothing here.","How did we get here?","That's a Four-Oh-Four.","Looks like we've got some broken links."],o={methods:{getMsg:function(){return n[Math.floor(Math.random()*n.length)]}}},i=s(52),h=Object(i.a)(o,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"theme-container"},[e("div",{staticClass:"theme-default-content"},[e("h1",[this._v("404")]),this._v(" "),e("blockquote",[this._v(this._s(this.getMsg()))]),this._v(" "),e("RouterLink",{attrs:{to:"/"}},[this._v("\n      Take me home.\n    ")])],1)])}),[],!1,null,null,null);e.default=h.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{493:function(t,e,s){"use strict";s.r(e);var n=["There's nothing here.","How did we get here?","That's a Four-Oh-Four.","Looks like we've got some broken links."],o={methods:{getMsg:function(){return n[Math.floor(Math.random()*n.length)]}}},i=s(52),h=Object(i.a)(o,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"theme-container"},[e("div",{staticClass:"theme-default-content"},[e("h1",[this._v("404")]),this._v(" "),e("blockquote",[this._v(this._s(this.getMsg()))]),this._v(" "),e("RouterLink",{attrs:{to:"/"}},[this._v("\n      Take me home.\n    ")])],1)])}),[],!1,null,null,null);e.default=h.exports}}]);

docs/assets/js/21.9e10819a.js → docs/assets/js/21.5fbfcbfa.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{512:function(t,e,s){"use strict";s.r(e);var a=s(52),o=Object(a.a)({},(function(){var t=this.$createElement,e=this._self._c||t;return e("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[e("h1",{attrs:{id:"api-reference"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#api-reference"}},[this._v("#")]),this._v(" API Reference")]),this._v(" "),e("p",[this._v("Here you can find the documentation about GrapesJS' APIs. Mainly, you would use them for your editor to extend the basic functionality of the framework or you could also "),e("RouterLink",{attrs:{to:"/modules/Plugins.html"}},[this._v("create a plugin")]),this._v(" and make those extensions reusable and available to others.")],1)])}),[],!1,null,null,null);e.default=o.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{513:function(t,e,s){"use strict";s.r(e);var a=s(52),o=Object(a.a)({},(function(){var t=this.$createElement,e=this._self._c||t;return e("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[e("h1",{attrs:{id:"api-reference"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#api-reference"}},[this._v("#")]),this._v(" API Reference")]),this._v(" "),e("p",[this._v("Here you can find the documentation about GrapesJS' APIs. Mainly, you would use them for your editor to extend the basic functionality of the framework or you could also "),e("RouterLink",{attrs:{to:"/modules/Plugins.html"}},[this._v("create a plugin")]),this._v(" and make those extensions reusable and available to others.")],1)])}),[],!1,null,null,null);e.default=o.exports}}]);

docs/assets/js/40.44e40a93.js → docs/assets/js/41.27038fe0.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[40],{534:function(t,s,e){"use strict";e.r(s);var n=e(52),a=Object(n.a)({},(function(){var t=this.$createElement,s=this._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[s("h1",{attrs:{id:"faq"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#faq"}},[this._v("#")]),this._v(" FAQ")]),this._v(" "),s("p",[this._v("Coming soon")])])}),[],!1,null,null,null);s.default=a.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[41],{529:function(t,s,e){"use strict";e.r(s);var n=e(52),a=Object(n.a)({},(function(){var t=this.$createElement,s=this._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[s("h1",{attrs:{id:"faq"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#faq"}},[this._v("#")]),this._v(" FAQ")]),this._v(" "),s("p",[this._v("Coming soon")])])}),[],!1,null,null,null);s.default=a.exports}}]);

docs/faq.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/40.44e40a93.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/41.27038fe0.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -35,6 +35,6 @@
   <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
     GitHub
     <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/" aria-current="page" class="sidebar-link">Introduction</a></li><li><a href="/docs/getting-started.html" class="sidebar-link">Getting Started</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Modules</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/docs/modules/Assets.html" class="sidebar-link">Assets</a></li><li><a href="/docs/modules/Blocks.html" class="sidebar-link">Blocks</a></li><li><a href="/docs/modules/Commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/modules/Components.html" class="sidebar-link">Components</a></li><li><a href="/docs/modules/Components-js.html" class="sidebar-link">Components &amp; JS</a></li><li><a href="/docs/modules/I18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/modules/Traits.html" class="sidebar-link">Traits</a></li><li><a href="/docs/modules/Style-manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/modules/Storage.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/modules/Plugins.html" class="sidebar-link">Plugins</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Guides</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/docs/guides/Replace-Rich-Text-Editor.html" class="sidebar-link">Replace Rich Text Editor</a></li><li><a href="/docs/guides/Custom-CSS-parser.html" class="sidebar-link">Use Custom CSS Parser</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="faq"><a href="#faq" class="header-anchor">#</a> FAQ</h1> <p>Coming soon</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/faq.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">7/9/2018, 12:48:25 AM</span></div></footer> <!----> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/40.44e40a93.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/41.27038fe0.js" defer></script>
   </body>
 </html>

docs/getting-started.html

@@ -10,9 +10,9 @@
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
     <meta name="keywords" content="grapesjs getting started">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/41.8377dc00.js" as="script"><link rel="preload" href="/docs/assets/js/12.c765569c.js" as="script"><link rel="preload" href="/docs/assets/js/4.13618507.js" as="script"><link rel="preload" href="/docs/assets/js/3.2c8dc5b6.js" as="script"><link rel="preload" href="/docs/assets/js/5.ee0017a4.js" as="script"><link rel="preload" href="/docs/assets/js/7.778e49de.js" as="script"><link rel="preload" href="/docs/assets/js/8.aefbb0d4.js" as="script"><link rel="preload" href="/docs/assets/js/10.365279a4.js" as="script"><link rel="preload" href="/docs/assets/js/6.352f9a18.js" as="script"><link rel="preload" href="/docs/assets/js/9.7c63c649.js" as="script"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/42.5d0fecb4.js" as="script"><link rel="preload" href="/docs/assets/js/12.8abc0790.js" as="script"><link rel="preload" href="/docs/assets/js/4.20f46c0c.js" as="script"><link rel="preload" href="/docs/assets/js/3.ae005b76.js" as="script"><link rel="preload" href="/docs/assets/js/5.5d310613.js" as="script"><link rel="preload" href="/docs/assets/js/7.d040063a.js" as="script"><link rel="preload" href="/docs/assets/js/8.7a2feb85.js" as="script"><link rel="preload" href="/docs/assets/js/10.66bafe27.js" as="script"><link rel="preload" href="/docs/assets/js/6.08f4bcf8.js" as="script"><link rel="preload" href="/docs/assets/js/9.d8edaab6.js" as="script"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container page__getting-started"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -589,6 +589,6 @@ To complete our builder let's customize its color palette and to make it more vi
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/41.8377dc00.js" defer></script><script src="/docs/assets/js/12.c765569c.js" defer></script><script src="/docs/assets/js/4.13618507.js" defer></script><script src="/docs/assets/js/3.2c8dc5b6.js" defer></script><script src="/docs/assets/js/5.ee0017a4.js" defer></script><script src="/docs/assets/js/7.778e49de.js" defer></script><script src="/docs/assets/js/8.aefbb0d4.js" defer></script><script src="/docs/assets/js/10.365279a4.js" defer></script><script src="/docs/assets/js/6.352f9a18.js" defer></script><script src="/docs/assets/js/9.7c63c649.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/42.5d0fecb4.js" defer></script><script src="/docs/assets/js/12.8abc0790.js" defer></script><script src="/docs/assets/js/4.20f46c0c.js" defer></script><script src="/docs/assets/js/3.ae005b76.js" defer></script><script src="/docs/assets/js/5.5d310613.js" defer></script><script src="/docs/assets/js/7.d040063a.js" defer></script><script src="/docs/assets/js/8.7a2feb85.js" defer></script><script src="/docs/assets/js/10.66bafe27.js" defer></script><script src="/docs/assets/js/6.08f4bcf8.js" defer></script><script src="/docs/assets/js/9.d8edaab6.js" defer></script>
   </body>
 </html>

docs/guides/Custom-CSS-parser.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/42.c2edd659.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/43.f83108fe.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -217,6 +217,6 @@ editor<span class="token punctuation">.</span><span class="token function">setCu
       <a href="/docs/guides/Replace-Rich-Text-Editor.html" class="prev">
         Replace Rich Text Editor
       </a></span> <!----></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/42.c2edd659.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/43.f83108fe.js" defer></script>
   </body>
 </html>

docs/guides/Replace-Rich-Text-Editor.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/43.3b35bd7d.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/44.10a1c9ff.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -110,6 +110,6 @@ Obviously, each third-party library has its own APIs and can present some limita
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/43.3b35bd7d.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/44.10a1c9ff.js" defer></script>
   </body>
 </html>

docs/index.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/20.efe30d78.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/20.f6e656e9.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" aria-current="page" class="home-link router-link-exact-active router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
@@ -45,6 +45,6 @@ GrapesJS ships with features and tools that enable you to craft easy to use buil
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/20.efe30d78.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/20.f6e656e9.js" defer></script>
   </body>
 </html>

docs/modules/Assets.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/44.d900498f.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/45.54999ce9.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -376,6 +376,6 @@ editor<span class="token punctuation">.</span><span class="token function">on</s
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/44.d900498f.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/45.54999ce9.js" defer></script>
   </body>
 </html>

docs/modules/Blocks.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/45.1a63a819.js" as="script"><link rel="preload" href="/docs/assets/js/14.e419d6e1.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/46.d0dbaadb.js" as="script"><link rel="preload" href="/docs/assets/js/14.f6679dbc.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -98,6 +98,6 @@ If you want to check the complete list of available Component's properties, chec
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/45.1a63a819.js" defer></script><script src="/docs/assets/js/14.e419d6e1.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/46.d0dbaadb.js" defer></script><script src="/docs/assets/js/14.f6679dbc.js" defer></script>
   </body>
 </html>

docs/modules/Commands.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/46.62574176.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/47.2ce8943d.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -173,6 +173,6 @@ editor<span class="token punctuation">.</span><span class="token function">on</s
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/46.62574176.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/47.2ce8943d.js" defer></script>
   </body>
 </html>

docs/modules/Components-js.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/47.f0121526.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/48.a7241afb.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -182,6 +182,6 @@ All you have to do is to load your dependencies before executing your initializa
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/47.f0121526.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/48.a7241afb.js" defer></script>
   </body>
 </html>

docs/modules/Components.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/48.d679a5ad.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/49.95672b90.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -493,6 +493,6 @@ editor<span class="token punctuation">.</span><span class="token function">addCo
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/48.d679a5ad.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/49.95672b90.js" defer></script>
   </body>
 </html>

docs/modules/I18n.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/49.b5af5aa6.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/50.bddbb88f.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -152,6 +152,6 @@ styleManager<span class="token operator">:</span> <span class="token punctuation
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/49.b5af5aa6.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/50.bddbb88f.js" defer></script>
   </body>
 </html>

docs/modules/Plugins.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/50.8c2e77df.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/51.02d3928a.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -109,6 +109,6 @@
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/50.8c2e77df.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/51.02d3928a.js" defer></script>
   </body>
 </html>

docs/modules/Storage.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/51.5ab25032.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/52.c9e3636a.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -203,6 +203,6 @@ editor<span class="token punctuation">.</span><span class="token function">on</s
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/51.5ab25032.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/52.c9e3636a.js" defer></script>
   </body>
 </html>

docs/modules/Style-manager.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/52.696e9c1d.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/17.22bc8766.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/53.8b670947.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/53.144b5e27.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/17.1b60a777.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/54.e7d62a93.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -54,6 +54,6 @@
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/52.696e9c1d.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/53.144b5e27.js" defer></script>
   </body>
 </html>

docs/modules/Traits.html

@@ -9,9 +9,9 @@
     <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
     <script src="../js/grapes.min.js?v0.17.3"></script>
     <meta name="description" content="GrapesJS documentation">
-
-    <link rel="preload" href="/docs/assets/css/0.styles.338d4c28.css" as="style"><link rel="preload" href="/docs/assets/js/app.833d81e2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6211b361.js" as="script"><link rel="preload" href="/docs/assets/js/2.2c5d9b1d.js" as="script"><link rel="preload" href="/docs/assets/js/53.8b670947.js" as="script"><link rel="preload" href="/docs/assets/js/17.22bc8766.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.365279a4.js"><link rel="prefetch" href="/docs/assets/js/12.c765569c.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.e419d6e1.js"><link rel="prefetch" href="/docs/assets/js/15.63207b19.js"><link rel="prefetch" href="/docs/assets/js/16.aede6296.js"><link rel="prefetch" href="/docs/assets/js/18.f00dd790.js"><link rel="prefetch" href="/docs/assets/js/19.a9a64d12.js"><link rel="prefetch" href="/docs/assets/js/20.efe30d78.js"><link rel="prefetch" href="/docs/assets/js/21.9e10819a.js"><link rel="prefetch" href="/docs/assets/js/22.9fc8148f.js"><link rel="prefetch" href="/docs/assets/js/23.61a787a4.js"><link rel="prefetch" href="/docs/assets/js/24.f9ee42fa.js"><link rel="prefetch" href="/docs/assets/js/25.e87e2b98.js"><link rel="prefetch" href="/docs/assets/js/26.7498717e.js"><link rel="prefetch" href="/docs/assets/js/27.10f5006d.js"><link rel="prefetch" href="/docs/assets/js/28.04a0965c.js"><link rel="prefetch" href="/docs/assets/js/29.f5e06615.js"><link rel="prefetch" href="/docs/assets/js/3.2c8dc5b6.js"><link rel="prefetch" href="/docs/assets/js/30.54f9d7e5.js"><link rel="prefetch" href="/docs/assets/js/31.dbc6776c.js"><link rel="prefetch" href="/docs/assets/js/32.eb0f0320.js"><link rel="prefetch" href="/docs/assets/js/33.830a3ed1.js"><link rel="prefetch" href="/docs/assets/js/34.597d99de.js"><link rel="prefetch" href="/docs/assets/js/35.3ebeaeac.js"><link rel="prefetch" href="/docs/assets/js/36.1ab33e1a.js"><link rel="prefetch" href="/docs/assets/js/37.5bd1d6cd.js"><link rel="prefetch" href="/docs/assets/js/38.5b5df7e9.js"><link rel="prefetch" href="/docs/assets/js/39.f5efacfa.js"><link rel="prefetch" href="/docs/assets/js/4.13618507.js"><link rel="prefetch" href="/docs/assets/js/40.44e40a93.js"><link rel="prefetch" href="/docs/assets/js/41.8377dc00.js"><link rel="prefetch" href="/docs/assets/js/42.c2edd659.js"><link rel="prefetch" href="/docs/assets/js/43.3b35bd7d.js"><link rel="prefetch" href="/docs/assets/js/44.d900498f.js"><link rel="prefetch" href="/docs/assets/js/45.1a63a819.js"><link rel="prefetch" href="/docs/assets/js/46.62574176.js"><link rel="prefetch" href="/docs/assets/js/47.f0121526.js"><link rel="prefetch" href="/docs/assets/js/48.d679a5ad.js"><link rel="prefetch" href="/docs/assets/js/49.b5af5aa6.js"><link rel="prefetch" href="/docs/assets/js/5.ee0017a4.js"><link rel="prefetch" href="/docs/assets/js/50.8c2e77df.js"><link rel="prefetch" href="/docs/assets/js/51.5ab25032.js"><link rel="prefetch" href="/docs/assets/js/52.696e9c1d.js"><link rel="prefetch" href="/docs/assets/js/6.352f9a18.js"><link rel="prefetch" href="/docs/assets/js/7.778e49de.js"><link rel="prefetch" href="/docs/assets/js/8.aefbb0d4.js"><link rel="prefetch" href="/docs/assets/js/9.7c63c649.js">
-    <link rel="stylesheet" href="/docs/assets/css/0.styles.338d4c28.css">
+    
+    <link rel="preload" href="/docs/assets/css/0.styles.ac93482a.css" as="style"><link rel="preload" href="/docs/assets/js/app.b919db98.js" as="script"><link rel="preload" href="/docs/assets/js/11.00909638.js" as="script"><link rel="preload" href="/docs/assets/js/2.76987c6d.js" as="script"><link rel="preload" href="/docs/assets/js/54.e7d62a93.js" as="script"><link rel="preload" href="/docs/assets/js/17.1b60a777.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.66bafe27.js"><link rel="prefetch" href="/docs/assets/js/12.8abc0790.js"><link rel="prefetch" href="/docs/assets/js/13.a938815d.js"><link rel="prefetch" href="/docs/assets/js/14.f6679dbc.js"><link rel="prefetch" href="/docs/assets/js/15.e1f63ebd.js"><link rel="prefetch" href="/docs/assets/js/16.50cb9f03.js"><link rel="prefetch" href="/docs/assets/js/18.b7385ed2.js"><link rel="prefetch" href="/docs/assets/js/19.46b34bc8.js"><link rel="prefetch" href="/docs/assets/js/20.f6e656e9.js"><link rel="prefetch" href="/docs/assets/js/21.5fbfcbfa.js"><link rel="prefetch" href="/docs/assets/js/22.c9db409a.js"><link rel="prefetch" href="/docs/assets/js/23.eea06144.js"><link rel="prefetch" href="/docs/assets/js/24.a568d17b.js"><link rel="prefetch" href="/docs/assets/js/25.9769e6e3.js"><link rel="prefetch" href="/docs/assets/js/26.284071ba.js"><link rel="prefetch" href="/docs/assets/js/27.4266ca40.js"><link rel="prefetch" href="/docs/assets/js/28.cc45d02f.js"><link rel="prefetch" href="/docs/assets/js/29.4c939d39.js"><link rel="prefetch" href="/docs/assets/js/3.ae005b76.js"><link rel="prefetch" href="/docs/assets/js/30.2f7bb3ab.js"><link rel="prefetch" href="/docs/assets/js/31.5b8e0e55.js"><link rel="prefetch" href="/docs/assets/js/32.120a63a8.js"><link rel="prefetch" href="/docs/assets/js/33.4a67243d.js"><link rel="prefetch" href="/docs/assets/js/34.991371c4.js"><link rel="prefetch" href="/docs/assets/js/35.62067c34.js"><link rel="prefetch" href="/docs/assets/js/36.2b20b664.js"><link rel="prefetch" href="/docs/assets/js/37.9c426a13.js"><link rel="prefetch" href="/docs/assets/js/38.b708d72a.js"><link rel="prefetch" href="/docs/assets/js/39.b704c28a.js"><link rel="prefetch" href="/docs/assets/js/4.20f46c0c.js"><link rel="prefetch" href="/docs/assets/js/40.615e6955.js"><link rel="prefetch" href="/docs/assets/js/41.27038fe0.js"><link rel="prefetch" href="/docs/assets/js/42.5d0fecb4.js"><link rel="prefetch" href="/docs/assets/js/43.f83108fe.js"><link rel="prefetch" href="/docs/assets/js/44.10a1c9ff.js"><link rel="prefetch" href="/docs/assets/js/45.54999ce9.js"><link rel="prefetch" href="/docs/assets/js/46.d0dbaadb.js"><link rel="prefetch" href="/docs/assets/js/47.2ce8943d.js"><link rel="prefetch" href="/docs/assets/js/48.a7241afb.js"><link rel="prefetch" href="/docs/assets/js/49.95672b90.js"><link rel="prefetch" href="/docs/assets/js/5.5d310613.js"><link rel="prefetch" href="/docs/assets/js/50.bddbb88f.js"><link rel="prefetch" href="/docs/assets/js/51.02d3928a.js"><link rel="prefetch" href="/docs/assets/js/52.c9e3636a.js"><link rel="prefetch" href="/docs/assets/js/53.144b5e27.js"><link rel="prefetch" href="/docs/assets/js/6.08f4bcf8.js"><link rel="prefetch" href="/docs/assets/js/7.d040063a.js"><link rel="prefetch" href="/docs/assets/js/8.7a2feb85.js"><link rel="prefetch" href="/docs/assets/js/9.d8edaab6.js">
+    <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@@ -377,6 +377,6 @@ The component should allow to read and write data from the instance</li></ol></d
       </a>
       →
     </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/docs/assets/js/app.833d81e2.js" defer></script><script src="/docs/assets/js/11.6211b361.js" defer></script><script src="/docs/assets/js/2.2c5d9b1d.js" defer></script><script src="/docs/assets/js/53.8b670947.js" defer></script><script src="/docs/assets/js/17.22bc8766.js" defer></script>
+    <script src="/docs/assets/js/app.b919db98.js" defer></script><script src="/docs/assets/js/11.00909638.js" defer></script><script src="/docs/assets/js/2.76987c6d.js" defer></script><script src="/docs/assets/js/54.e7d62a93.js" defer></script><script src="/docs/assets/js/17.1b60a777.js" defer></script>
   </body>
 </html>