tsai
/
grapesjs
mirror of https://github.com/artf/grapesjs.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

deploy docs

gh-pages
Artur Arseniev 6 years ago
parent
2fc3e11b68
commit
c136ea7223
95 changed files with 349 additions and 264 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      docs/404.html
  2. 8
      docs/Home.html
  3. 10
      docs/api/assets.html
  4. 10
      docs/api/block_manager.html
  5. 14
      docs/api/canvas.html
  6. 10
      docs/api/commands.html
  7. 54
      docs/api/component.html
  8. 10
      docs/api/components.html
  9. 18
      docs/api/css_composer.html
  10. 10
      docs/api/device_manager.html
  11. 19
      docs/api/editor.html
  12. 10
      docs/api/i18n.html
  13. 10
      docs/api/index.html
  14. 10
      docs/api/keymaps.html
  15. 10
      docs/api/modal_dialog.html
  16. 78
      docs/api/pages.html
  17. 14
      docs/api/panels.html
  18. 10
      docs/api/rich_text_editor.html
  19. 10
      docs/api/selector_manager.html
  20. 10
      docs/api/storage_manager.html
  21. 14
      docs/api/style_manager.html
  22. 15
      docs/api/undo_manager.html
  23. 2
      docs/assets/css/0.styles.ac93482a.css
  24. 2
      docs/assets/js/10.66bafe27.js
  25. 2
      docs/assets/js/11.00909638.js
  26. 2
      docs/assets/js/12.8abc0790.js
  27. 2
      docs/assets/js/14.f6679dbc.js
  28. 2
      docs/assets/js/15.e1f63ebd.js
  29. 2
      docs/assets/js/16.50cb9f03.js
  30. 2
      docs/assets/js/17.1b60a777.js
  31. 2
      docs/assets/js/18.b7385ed2.js
  32. 2
      docs/assets/js/19.46b34bc8.js
  33. 0
      docs/assets/js/2.76987c6d.js
  34. 2
      docs/assets/js/20.f6e656e9.js
  35. 2
      docs/assets/js/21.5fbfcbfa.js
  36. 2
      docs/assets/js/22.c9db409a.js
  37. 2
      docs/assets/js/23.eea06144.js
  38. 1
      docs/assets/js/24.a568d17b.js
  39. 1
      docs/assets/js/24.f9ee42fa.js
  40. 2
      docs/assets/js/25.9769e6e3.js
  41. 1
      docs/assets/js/26.284071ba.js
  42. 1
      docs/assets/js/26.7498717e.js
  43. 2
      docs/assets/js/27.4266ca40.js
  44. 2
      docs/assets/js/28.cc45d02f.js
  45. 2
      docs/assets/js/29.4c939d39.js
  46. 2
      docs/assets/js/3.ae005b76.js
  47. 1
      docs/assets/js/30.2f7bb3ab.js
  48. 1
      docs/assets/js/30.54f9d7e5.js
  49. 2
      docs/assets/js/31.5b8e0e55.js
  50. 2
      docs/assets/js/32.120a63a8.js
  51. 2
      docs/assets/js/33.4a67243d.js
  52. 1
      docs/assets/js/34.991371c4.js
  53. 2
      docs/assets/js/35.62067c34.js
  54. 2
      docs/assets/js/36.2b20b664.js
  55. 2
      docs/assets/js/37.9c426a13.js
  56. 2
      docs/assets/js/38.b708d72a.js
  57. 2
      docs/assets/js/39.b704c28a.js
  58. 2
      docs/assets/js/4.20f46c0c.js
  59. 2
      docs/assets/js/40.615e6955.js
  60. 2
      docs/assets/js/41.27038fe0.js
  61. 2
      docs/assets/js/42.5d0fecb4.js
  62. 2
      docs/assets/js/43.f83108fe.js
  63. 2
      docs/assets/js/44.10a1c9ff.js
  64. 2
      docs/assets/js/45.54999ce9.js
  65. 2
      docs/assets/js/46.d0dbaadb.js
  66. 2
      docs/assets/js/47.2ce8943d.js
  67. 2
      docs/assets/js/48.a7241afb.js
  68. 2
      docs/assets/js/49.95672b90.js
  69. 2
      docs/assets/js/5.5d310613.js
  70. 2
      docs/assets/js/50.bddbb88f.js
  71. 2
      docs/assets/js/51.02d3928a.js
  72. 2
      docs/assets/js/52.c9e3636a.js
  73. 2
      docs/assets/js/53.144b5e27.js
  74. 2
      docs/assets/js/54.e7d62a93.js
  75. 2
      docs/assets/js/6.08f4bcf8.js
  76. 2
      docs/assets/js/7.d040063a.js
  77. 2
      docs/assets/js/8.7a2feb85.js
  78. 2
      docs/assets/js/9.d8edaab6.js
  79. 13
      docs/assets/js/app.833d81e2.js
  80. 13
      docs/assets/js/app.b919db98.js
  81. 8
      docs/faq.html
  82. 8
      docs/getting-started.html
  83. 8
      docs/guides/Custom-CSS-parser.html
  84. 8
      docs/guides/Replace-Rich-Text-Editor.html
  85. 8
      docs/index.html
  86. 8
      docs/modules/Assets.html
  87. 8
      docs/modules/Blocks.html
  88. 8
      docs/modules/Commands.html
  89. 8
      docs/modules/Components-js.html
  90. 8
      docs/modules/Components.html
  91. 8
      docs/modules/I18n.html
  92. 8
      docs/modules/Plugins.html
  93. 8
      docs/modules/Storage.html
  94. 8
      docs/modules/Style-manager.html
  95. 8
      docs/modules/Traits.html

10
docs/404.html
View File

@ -9,14 +9,14 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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. Take me home.
</a></div></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

8
docs/Home.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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 punctuation">}</span>
<span class="token operator">...</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> </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> </body>
</html> </html>

10
docs/api/assets.html
View File

File diff suppressed because one or more lines are too long

10
docs/api/block_manager.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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 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"> <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 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> blockManager<span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token comment">// options</span> <span class="token comment">// options</span>
<span class="token punctuation">}</span> <span class="token punctuation">}</span>
@ -92,6 +92,6 @@ document<span class="token punctuation">.</span><span class="token function">get
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

14
docs/api/canvas.html
View File

File diff suppressed because one or more lines are too long

10
docs/api/commands.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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 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"> <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 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> commands<span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token comment">// options</span> <span class="token comment">// options</span>
<span class="token punctuation">}</span> <span class="token punctuation">}</span>
@ -80,6 +80,6 @@ commands<span class="token punctuation">.</span><span class="token function">isA
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

54
docs/api/component.html
View File

File diff suppressed because one or more lines are too long

10
docs/api/components.html
View File

File diff suppressed because one or more lines are too long

18
docs/api/css_composer.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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 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"> <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 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> 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> cssComposer<span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token comment">// options</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> 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> 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> <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> <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> <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> 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> 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 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> <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> 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> <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> 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> 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 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> 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> <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> 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"> <a href="/docs/api/selector_manager.html" class="prev">
Selector Manager Selector Manager
@ -92,6 +92,6 @@ console<span class="token punctuation">.</span><span class="token function">log<
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

10
docs/api/device_manager.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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 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"> <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 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> deviceManager<span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token comment">// options</span> <span class="token comment">// options</span>
<span class="token punctuation">}</span> <span class="token punctuation">}</span>
@ -63,6 +63,6 @@ console<span class="token punctuation">.</span><span class="token function">log<
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

19
docs/api/editor.html
View File

File diff suppressed because one or more lines are too long

10
docs/api/i18n.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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 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"> <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 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> 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> 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> 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> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

10
docs/api/index.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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 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"> <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 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 Editor
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

10
docs/api/keymaps.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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 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"> <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 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> keymaps<span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token comment">// Object of keymaps</span> <span class="token comment">// Object of keymaps</span>
defaults<span class="token operator">:</span> <span class="token punctuation">{</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> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

10
docs/api/modal_dialog.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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 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"> <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 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> modal<span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token comment">// options</span> <span class="token comment">// options</span>
<span class="token punctuation">}</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> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

78
docs/api/pages.html
View File

@ -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>

14
docs/api/panels.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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 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"> <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 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> panels<span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token comment">// options</span> <span class="token comment">// options</span>
<span class="token punctuation">}</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"> <a href="/docs/api/component.html" class="prev">
- Component - Component
</a></span> <span class="next"><a href="/docs/api/style_manager.html"> </a></span> <span class="next"><a href="/docs/api/pages.html">
Style Manager Pages
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

10
docs/api/rich_text_editor.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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 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"> <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 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> 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> richTextEditor<span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token comment">// options</span> <span class="token comment">// options</span>
@ -109,6 +109,6 @@ rte<span class="token punctuation">.</span><span class="token function">add</spa
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

10
docs/api/selector_manager.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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 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"> <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 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> 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> <span class="token punctuation">}</span>
@ -73,6 +73,6 @@ sm<span class="token punctuation">.</span><span class="token function">addClass<
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

10
docs/api/storage_manager.html
View File

File diff suppressed because one or more lines are too long

14
docs/api/style_manager.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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 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"> <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 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> 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> styleManager<span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token comment">// options</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. </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"> 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"> <a href="/docs/api/pages.html" class="prev">
Panels Pages
</a></span> <span class="next"><a href="/docs/api/storage_manager.html"> </a></span> <span class="next"><a href="/docs/api/storage_manager.html">
Storage Manager Storage Manager
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

15
docs/api/undo_manager.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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 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"> <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 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> 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> </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> <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="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>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="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> 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. </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, 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>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 <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> 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"> <a href="/docs/api/keymaps.html" class="prev">
Keymaps Keymaps
</a></span> <!----></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

2
docs/assets/css/0.styles.338d4c28.css → docs/assets/css/0.styles.ac93482a.css
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/10.365279a4.js → docs/assets/js/10.66bafe27.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/11.6211b361.js → docs/assets/js/11.00909638.js
View File

@ -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}}]);

2
docs/assets/js/12.c765569c.js → docs/assets/js/12.8abc0790.js
View File

@ -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}}]);

2
docs/assets/js/14.e419d6e1.js → docs/assets/js/14.f6679dbc.js
View File

@ -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}}]);

2
docs/assets/js/15.63207b19.js → docs/assets/js/15.e1f63ebd.js
View File

@ -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}}]);

2
docs/assets/js/16.aede6296.js → docs/assets/js/16.50cb9f03.js
View File

@ -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}}]);

2
docs/assets/js/17.22bc8766.js → docs/assets/js/17.1b60a777.js
View File

@ -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}}]);

2
docs/assets/js/18.f00dd790.js → docs/assets/js/18.b7385ed2.js
View File

@ -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}}]);

2
docs/assets/js/19.a9a64d12.js → docs/assets/js/19.46b34bc8.js
View File

File diff suppressed because one or more lines are too long

0
docs/assets/js/2.2c5d9b1d.js → docs/assets/js/2.76987c6d.js
View File

2
docs/assets/js/20.efe30d78.js → docs/assets/js/20.f6e656e9.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/21.9e10819a.js → docs/assets/js/21.5fbfcbfa.js
View File

@ -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}}]);

2
docs/assets/js/22.9fc8148f.js → docs/assets/js/22.c9db409a.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/23.61a787a4.js → docs/assets/js/23.eea06144.js
View File

File diff suppressed because one or more lines are too long

1
docs/assets/js/24.a568d17b.js
View File

File diff suppressed because one or more lines are too long

1
docs/assets/js/24.f9ee42fa.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/25.e87e2b98.js → docs/assets/js/25.9769e6e3.js
View File

File diff suppressed because one or more lines are too long

1
docs/assets/js/26.284071ba.js
View File

File diff suppressed because one or more lines are too long

1
docs/assets/js/26.7498717e.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/27.10f5006d.js → docs/assets/js/27.4266ca40.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/28.04a0965c.js → docs/assets/js/28.cc45d02f.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/29.f5e06615.js → docs/assets/js/29.4c939d39.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/3.2c8dc5b6.js → docs/assets/js/3.ae005b76.js
View File

File diff suppressed because one or more lines are too long

1
docs/assets/js/30.2f7bb3ab.js
View File

File diff suppressed because one or more lines are too long

1
docs/assets/js/30.54f9d7e5.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/31.dbc6776c.js → docs/assets/js/31.5b8e0e55.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/32.eb0f0320.js → docs/assets/js/32.120a63a8.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/33.830a3ed1.js → docs/assets/js/33.4a67243d.js
View File

File diff suppressed because one or more lines are too long

1
docs/assets/js/34.991371c4.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/34.597d99de.js → docs/assets/js/35.62067c34.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/35.3ebeaeac.js → docs/assets/js/36.2b20b664.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/36.1ab33e1a.js → docs/assets/js/37.9c426a13.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/37.5bd1d6cd.js → docs/assets/js/38.b708d72a.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/38.5b5df7e9.js → docs/assets/js/39.b704c28a.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/4.13618507.js → docs/assets/js/4.20f46c0c.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/39.f5efacfa.js → docs/assets/js/40.615e6955.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/40.44e40a93.js → docs/assets/js/41.27038fe0.js
View File

@ -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}}]);

2
docs/assets/js/41.8377dc00.js → docs/assets/js/42.5d0fecb4.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/42.c2edd659.js → docs/assets/js/43.f83108fe.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/43.3b35bd7d.js → docs/assets/js/44.10a1c9ff.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/44.d900498f.js → docs/assets/js/45.54999ce9.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/45.1a63a819.js → docs/assets/js/46.d0dbaadb.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/46.62574176.js → docs/assets/js/47.2ce8943d.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/47.f0121526.js → docs/assets/js/48.a7241afb.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/48.d679a5ad.js → docs/assets/js/49.95672b90.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/5.ee0017a4.js → docs/assets/js/5.5d310613.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/49.b5af5aa6.js → docs/assets/js/50.bddbb88f.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/50.8c2e77df.js → docs/assets/js/51.02d3928a.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/51.5ab25032.js → docs/assets/js/52.c9e3636a.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/52.696e9c1d.js → docs/assets/js/53.144b5e27.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/53.8b670947.js → docs/assets/js/54.e7d62a93.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/6.352f9a18.js → docs/assets/js/6.08f4bcf8.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/7.778e49de.js → docs/assets/js/7.d040063a.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/8.aefbb0d4.js → docs/assets/js/8.7a2feb85.js
View File

File diff suppressed because one or more lines are too long

2
docs/assets/js/9.7c63c649.js → docs/assets/js/9.d8edaab6.js
View File

File diff suppressed because one or more lines are too long

13
docs/assets/js/app.833d81e2.js
View File

File diff suppressed because one or more lines are too long

13
docs/assets/js/app.b919db98.js
View File

File diff suppressed because one or more lines are too long

8
docs/faq.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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"> <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 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> <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> </body>
</html> </html>

8
docs/getting-started.html
View File

@ -10,9 +10,9 @@
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<meta name="keywords" content="grapesjs getting started"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

8
docs/guides/Custom-CSS-parser.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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"> <a href="/docs/guides/Replace-Rich-Text-Editor.html" class="prev">
Replace Rich Text Editor Replace Rich Text Editor
</a></span> <!----></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

8
docs/guides/Replace-Rich-Text-Editor.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

8
docs/index.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

8
docs/modules/Assets.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

8
docs/modules/Blocks.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

8
docs/modules/Commands.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

8
docs/modules/Components-js.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

8
docs/modules/Components.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

8
docs/modules/I18n.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

8
docs/modules/Plugins.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

8
docs/modules/Storage.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

8
docs/modules/Style-manager.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

8
docs/modules/Traits.html
View File

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.3">
<script src="../js/grapes.min.js?v0.17.3"></script> <script src="../js/grapes.min.js?v0.17.3"></script>
<meta name="description" content="GrapesJS documentation"> <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="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.338d4c28.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.ac93482a.css">
</head> </head>
<body> <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"> <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> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </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> </body>
</html> </html>

Write Preview
Loading…
Cancel
Save