Browse Source

deploy docs

gh-pages
Artur Arseniev 5 years ago
parent
commit
d51d3dbfc5
  1. 10
      docs/404.html
  2. 10
      docs/Home.html
  3. 10
      docs/api/asset.html
  4. 18
      docs/api/assets.html
  5. 10
      docs/api/block.html
  6. 36
      docs/api/block_manager.html
  7. 16
      docs/api/canvas.html
  8. 10
      docs/api/commands.html
  9. 14
      docs/api/component.html
  10. 10
      docs/api/components.html
  11. 61
      docs/api/css_composer.html
  12. 18
      docs/api/css_rule.html
  13. 10
      docs/api/device.html
  14. 10
      docs/api/device_manager.html
  15. 20
      docs/api/editor.html
  16. 48
      docs/api/frame.html
  17. 10
      docs/api/i18n.html
  18. 10
      docs/api/index.html
  19. 10
      docs/api/keymaps.html
  20. 10
      docs/api/modal_dialog.html
  21. 10
      docs/api/page.html
  22. 23
      docs/api/pages.html
  23. 10
      docs/api/panels.html
  24. 10
      docs/api/parser.html
  25. 10
      docs/api/rich_text_editor.html
  26. 10
      docs/api/selector_manager.html
  27. 10
      docs/api/storage_manager.html
  28. 10
      docs/api/style_manager.html
  29. 10
      docs/api/undo_manager.html
  30. 2
      docs/assets/css/0.styles.7e8c4553.css
  31. 2
      docs/assets/js/10.988f977f.js
  32. 2
      docs/assets/js/11.da8f7b4e.js
  33. 1
      docs/assets/js/12.21cbc4cb.js
  34. 1
      docs/assets/js/12.9f009ad2.js
  35. 2
      docs/assets/js/14.13006381.js
  36. 2
      docs/assets/js/15.335ea339.js
  37. 2
      docs/assets/js/16.b5d8406b.js
  38. 2
      docs/assets/js/17.8b0b85e1.js
  39. 2
      docs/assets/js/18.3f8a04e5.js
  40. 2
      docs/assets/js/19.7c1e4a1d.js
  41. 2
      docs/assets/js/20.337d518b.js
  42. 2
      docs/assets/js/21.7ae56a0d.js
  43. 2
      docs/assets/js/22.f9dc30d5.js
  44. 1
      docs/assets/js/23.6829ef01.js
  45. 1
      docs/assets/js/23.9188b16b.js
  46. 1
      docs/assets/js/24.09046f50.js
  47. 1
      docs/assets/js/24.94db1c0a.js
  48. 1
      docs/assets/js/25.b76bed62.js
  49. 1
      docs/assets/js/25.bc82a6f8.js
  50. 2
      docs/assets/js/26.e453b709.js
  51. 2
      docs/assets/js/27.89437ee2.js
  52. 1
      docs/assets/js/28.14970a58.js
  53. 1
      docs/assets/js/28.a0fa95cb.js
  54. 2
      docs/assets/js/29.6db0a508.js
  55. 2
      docs/assets/js/3.2f7603a5.js
  56. 1
      docs/assets/js/30.17805da5.js
  57. 1
      docs/assets/js/30.77de2036.js
  58. 1
      docs/assets/js/31.7d9f2cf6.js
  59. 1
      docs/assets/js/31.9459030c.js
  60. 1
      docs/assets/js/34.049a2dda.js
  61. 1
      docs/assets/js/34.c443b3e7.js
  62. 1
      docs/assets/js/35.c4db8c3b.js
  63. 2
      docs/assets/js/36.b27d4086.js
  64. 2
      docs/assets/js/37.3a1830df.js
  65. 2
      docs/assets/js/38.be8abb25.js
  66. 1
      docs/assets/js/39.1be1b7ec.js
  67. 2
      docs/assets/js/39.c148b385.js
  68. 2
      docs/assets/js/4.e85a1ddd.js
  69. 1
      docs/assets/js/40.8fb41c19.js
  70. 2
      docs/assets/js/41.f3eb31d3.js
  71. 2
      docs/assets/js/42.5713e0a2.js
  72. 2
      docs/assets/js/43.1d6151c5.js
  73. 2
      docs/assets/js/44.f2287249.js
  74. 2
      docs/assets/js/45.581ab4c5.js
  75. 2
      docs/assets/js/46.3b1e8e6c.js
  76. 2
      docs/assets/js/47.0f3d0de1.js
  77. 2
      docs/assets/js/48.c32094e7.js
  78. 2
      docs/assets/js/49.9f1d2c3f.js
  79. 2
      docs/assets/js/5.a0dda975.js
  80. 2
      docs/assets/js/50.62289694.js
  81. 2
      docs/assets/js/51.ceb6c7ab.js
  82. 1
      docs/assets/js/52.36ae9174.js
  83. 2
      docs/assets/js/52.985a53cd.js
  84. 1
      docs/assets/js/53.234ffeec.js
  85. 2
      docs/assets/js/54.3eb81523.js
  86. 2
      docs/assets/js/55.6d21b840.js
  87. 1
      docs/assets/js/55.c4dc97c3.js
  88. 1
      docs/assets/js/56.4431a022.js
  89. 2
      docs/assets/js/57.6bbc457a.js
  90. 2
      docs/assets/js/58.6c62fe30.js
  91. 2
      docs/assets/js/59.9381b90a.js
  92. 2
      docs/assets/js/6.b6f5182f.js
  93. 2
      docs/assets/js/60.6ed00651.js
  94. 2
      docs/assets/js/61.d5ee71ea.js
  95. 2
      docs/assets/js/62.48f255c7.js
  96. 2
      docs/assets/js/7.bcdc8f3e.js
  97. 2
      docs/assets/js/8.57bd3fe2.js
  98. 2
      docs/assets/js/9.3fd8bd20.js
  99. 4
      docs/assets/js/app.72c5e12c.js
  100. 10
      docs/faq.html

10
docs/404.html

@ -9,14 +9,14 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27">
<script src="../js/grapes.min.js?v0.17.27"></script> <script src="../js/grapes.min.js?v0.17.27"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.284a2a25.css" as="style"><link rel="preload" href="/docs/assets/js/app.096b44af.js" as="script"><link rel="preload" href="/docs/assets/js/18.5824bd62.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.95de8396.js"><link rel="prefetch" href="/docs/assets/js/11.47670b51.js"><link rel="prefetch" href="/docs/assets/js/12.21cbc4cb.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.5b4fe959.js"><link rel="prefetch" href="/docs/assets/js/15.f907683b.js"><link rel="prefetch" href="/docs/assets/js/16.f5441957.js"><link rel="prefetch" href="/docs/assets/js/17.7ff46fc8.js"><link rel="prefetch" href="/docs/assets/js/19.4a0a6a4d.js"><link rel="prefetch" href="/docs/assets/js/2.15028157.js"><link rel="prefetch" href="/docs/assets/js/20.9088bfeb.js"><link rel="prefetch" href="/docs/assets/js/21.784dabaf.js"><link rel="prefetch" href="/docs/assets/js/22.60477b98.js"><link rel="prefetch" href="/docs/assets/js/23.6829ef01.js"><link rel="prefetch" href="/docs/assets/js/24.09046f50.js"><link rel="prefetch" href="/docs/assets/js/25.bc82a6f8.js"><link rel="prefetch" href="/docs/assets/js/26.460759db.js"><link rel="prefetch" href="/docs/assets/js/27.e5809ebb.js"><link rel="prefetch" href="/docs/assets/js/28.a0fa95cb.js"><link rel="prefetch" href="/docs/assets/js/29.824d14b3.js"><link rel="prefetch" href="/docs/assets/js/3.8c5ea968.js"><link rel="prefetch" href="/docs/assets/js/30.17805da5.js"><link rel="prefetch" href="/docs/assets/js/31.9459030c.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.049a2dda.js"><link rel="prefetch" href="/docs/assets/js/35.630459d5.js"><link rel="prefetch" href="/docs/assets/js/36.a07ea601.js"><link rel="prefetch" href="/docs/assets/js/37.465e20e5.js"><link rel="prefetch" href="/docs/assets/js/38.0168cf26.js"><link rel="prefetch" href="/docs/assets/js/39.1be1b7ec.js"><link rel="prefetch" href="/docs/assets/js/4.d4d7c559.js"><link rel="prefetch" href="/docs/assets/js/40.53b92f1e.js"><link rel="prefetch" href="/docs/assets/js/41.c75dec6d.js"><link rel="prefetch" href="/docs/assets/js/42.65fca86f.js"><link rel="prefetch" href="/docs/assets/js/43.c2f262f7.js"><link rel="prefetch" href="/docs/assets/js/44.4ee7f2dd.js"><link rel="prefetch" href="/docs/assets/js/45.ba6cb0b8.js"><link rel="prefetch" href="/docs/assets/js/46.799ca4fd.js"><link rel="prefetch" href="/docs/assets/js/47.d95e42c2.js"><link rel="prefetch" href="/docs/assets/js/48.0f8620c2.js"><link rel="prefetch" href="/docs/assets/js/49.379e8e98.js"><link rel="prefetch" href="/docs/assets/js/5.babfe476.js"><link rel="prefetch" href="/docs/assets/js/50.a2655acd.js"><link rel="prefetch" href="/docs/assets/js/51.4380e072.js"><link rel="prefetch" href="/docs/assets/js/52.36ae9174.js"><link rel="prefetch" href="/docs/assets/js/53.b05d4af4.js"><link rel="prefetch" href="/docs/assets/js/54.b9005757.js"><link rel="prefetch" href="/docs/assets/js/55.c4dc97c3.js"><link rel="prefetch" href="/docs/assets/js/56.b9b41fb2.js"><link rel="prefetch" href="/docs/assets/js/57.fb648c14.js"><link rel="prefetch" href="/docs/assets/js/58.a141c9dd.js"><link rel="prefetch" href="/docs/assets/js/59.052ae15b.js"><link rel="prefetch" href="/docs/assets/js/6.732e76db.js"><link rel="prefetch" href="/docs/assets/js/60.8b944033.js"><link rel="prefetch" href="/docs/assets/js/61.b8b9e9ed.js"><link rel="prefetch" href="/docs/assets/js/7.42f8bf76.js"><link rel="prefetch" href="/docs/assets/js/8.5031ef66.js"><link rel="prefetch" href="/docs/assets/js/9.fbcf4335.js"> <link rel="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.72c5e12c.js" as="script"><link rel="preload" href="/docs/assets/js/18.3f8a04e5.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.988f977f.js"><link rel="prefetch" href="/docs/assets/js/11.da8f7b4e.js"><link rel="prefetch" href="/docs/assets/js/12.9f009ad2.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.13006381.js"><link rel="prefetch" href="/docs/assets/js/15.335ea339.js"><link rel="prefetch" href="/docs/assets/js/16.b5d8406b.js"><link rel="prefetch" href="/docs/assets/js/17.8b0b85e1.js"><link rel="prefetch" href="/docs/assets/js/19.7c1e4a1d.js"><link rel="prefetch" href="/docs/assets/js/2.15028157.js"><link rel="prefetch" href="/docs/assets/js/20.337d518b.js"><link rel="prefetch" href="/docs/assets/js/21.7ae56a0d.js"><link rel="prefetch" href="/docs/assets/js/22.f9dc30d5.js"><link rel="prefetch" href="/docs/assets/js/23.9188b16b.js"><link rel="prefetch" href="/docs/assets/js/24.94db1c0a.js"><link rel="prefetch" href="/docs/assets/js/25.b76bed62.js"><link rel="prefetch" href="/docs/assets/js/26.e453b709.js"><link rel="prefetch" href="/docs/assets/js/27.89437ee2.js"><link rel="prefetch" href="/docs/assets/js/28.14970a58.js"><link rel="prefetch" href="/docs/assets/js/29.6db0a508.js"><link rel="prefetch" href="/docs/assets/js/3.2f7603a5.js"><link rel="prefetch" href="/docs/assets/js/30.77de2036.js"><link rel="prefetch" href="/docs/assets/js/31.7d9f2cf6.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.c443b3e7.js"><link rel="prefetch" href="/docs/assets/js/35.c4db8c3b.js"><link rel="prefetch" href="/docs/assets/js/36.b27d4086.js"><link rel="prefetch" href="/docs/assets/js/37.3a1830df.js"><link rel="prefetch" href="/docs/assets/js/38.be8abb25.js"><link rel="prefetch" href="/docs/assets/js/39.c148b385.js"><link rel="prefetch" href="/docs/assets/js/4.e85a1ddd.js"><link rel="prefetch" href="/docs/assets/js/40.8fb41c19.js"><link rel="prefetch" href="/docs/assets/js/41.f3eb31d3.js"><link rel="prefetch" href="/docs/assets/js/42.5713e0a2.js"><link rel="prefetch" href="/docs/assets/js/43.1d6151c5.js"><link rel="prefetch" href="/docs/assets/js/44.f2287249.js"><link rel="prefetch" href="/docs/assets/js/45.581ab4c5.js"><link rel="prefetch" href="/docs/assets/js/46.3b1e8e6c.js"><link rel="prefetch" href="/docs/assets/js/47.0f3d0de1.js"><link rel="prefetch" href="/docs/assets/js/48.c32094e7.js"><link rel="prefetch" href="/docs/assets/js/49.9f1d2c3f.js"><link rel="prefetch" href="/docs/assets/js/5.a0dda975.js"><link rel="prefetch" href="/docs/assets/js/50.62289694.js"><link rel="prefetch" href="/docs/assets/js/51.ceb6c7ab.js"><link rel="prefetch" href="/docs/assets/js/52.985a53cd.js"><link rel="prefetch" href="/docs/assets/js/53.234ffeec.js"><link rel="prefetch" href="/docs/assets/js/54.3eb81523.js"><link rel="prefetch" href="/docs/assets/js/55.6d21b840.js"><link rel="prefetch" href="/docs/assets/js/56.4431a022.js"><link rel="prefetch" href="/docs/assets/js/57.6bbc457a.js"><link rel="prefetch" href="/docs/assets/js/58.6c62fe30.js"><link rel="prefetch" href="/docs/assets/js/59.9381b90a.js"><link rel="prefetch" href="/docs/assets/js/6.b6f5182f.js"><link rel="prefetch" href="/docs/assets/js/60.6ed00651.js"><link rel="prefetch" href="/docs/assets/js/61.d5ee71ea.js"><link rel="prefetch" href="/docs/assets/js/62.48f255c7.js"><link rel="prefetch" href="/docs/assets/js/7.bcdc8f3e.js"><link rel="prefetch" href="/docs/assets/js/8.57bd3fe2.js"><link rel="prefetch" href="/docs/assets/js/9.3fd8bd20.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.284a2a25.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.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>That's a Four-Oh-Four.</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.096b44af.js" defer></script><script src="/docs/assets/js/18.5824bd62.js" defer></script> <script src="/docs/assets/js/app.72c5e12c.js" defer></script><script src="/docs/assets/js/18.3f8a04e5.js" defer></script>
</body> </body>
</html> </html>

10
docs/Home.html

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27">
<script src="../js/grapes.min.js?v0.17.27"></script> <script src="../js/grapes.min.js?v0.17.27"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.284a2a25.css" as="style"><link rel="preload" href="/docs/assets/js/app.096b44af.js" as="script"><link rel="preload" href="/docs/assets/js/11.47670b51.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/19.4a0a6a4d.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.95de8396.js"><link rel="prefetch" href="/docs/assets/js/12.21cbc4cb.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.5b4fe959.js"><link rel="prefetch" href="/docs/assets/js/15.f907683b.js"><link rel="prefetch" href="/docs/assets/js/16.f5441957.js"><link rel="prefetch" href="/docs/assets/js/17.7ff46fc8.js"><link rel="prefetch" href="/docs/assets/js/18.5824bd62.js"><link rel="prefetch" href="/docs/assets/js/20.9088bfeb.js"><link rel="prefetch" href="/docs/assets/js/21.784dabaf.js"><link rel="prefetch" href="/docs/assets/js/22.60477b98.js"><link rel="prefetch" href="/docs/assets/js/23.6829ef01.js"><link rel="prefetch" href="/docs/assets/js/24.09046f50.js"><link rel="prefetch" href="/docs/assets/js/25.bc82a6f8.js"><link rel="prefetch" href="/docs/assets/js/26.460759db.js"><link rel="prefetch" href="/docs/assets/js/27.e5809ebb.js"><link rel="prefetch" href="/docs/assets/js/28.a0fa95cb.js"><link rel="prefetch" href="/docs/assets/js/29.824d14b3.js"><link rel="prefetch" href="/docs/assets/js/3.8c5ea968.js"><link rel="prefetch" href="/docs/assets/js/30.17805da5.js"><link rel="prefetch" href="/docs/assets/js/31.9459030c.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.049a2dda.js"><link rel="prefetch" href="/docs/assets/js/35.630459d5.js"><link rel="prefetch" href="/docs/assets/js/36.a07ea601.js"><link rel="prefetch" href="/docs/assets/js/37.465e20e5.js"><link rel="prefetch" href="/docs/assets/js/38.0168cf26.js"><link rel="prefetch" href="/docs/assets/js/39.1be1b7ec.js"><link rel="prefetch" href="/docs/assets/js/4.d4d7c559.js"><link rel="prefetch" href="/docs/assets/js/40.53b92f1e.js"><link rel="prefetch" href="/docs/assets/js/41.c75dec6d.js"><link rel="prefetch" href="/docs/assets/js/42.65fca86f.js"><link rel="prefetch" href="/docs/assets/js/43.c2f262f7.js"><link rel="prefetch" href="/docs/assets/js/44.4ee7f2dd.js"><link rel="prefetch" href="/docs/assets/js/45.ba6cb0b8.js"><link rel="prefetch" href="/docs/assets/js/46.799ca4fd.js"><link rel="prefetch" href="/docs/assets/js/47.d95e42c2.js"><link rel="prefetch" href="/docs/assets/js/48.0f8620c2.js"><link rel="prefetch" href="/docs/assets/js/49.379e8e98.js"><link rel="prefetch" href="/docs/assets/js/5.babfe476.js"><link rel="prefetch" href="/docs/assets/js/50.a2655acd.js"><link rel="prefetch" href="/docs/assets/js/51.4380e072.js"><link rel="prefetch" href="/docs/assets/js/52.36ae9174.js"><link rel="prefetch" href="/docs/assets/js/53.b05d4af4.js"><link rel="prefetch" href="/docs/assets/js/54.b9005757.js"><link rel="prefetch" href="/docs/assets/js/55.c4dc97c3.js"><link rel="prefetch" href="/docs/assets/js/56.b9b41fb2.js"><link rel="prefetch" href="/docs/assets/js/57.fb648c14.js"><link rel="prefetch" href="/docs/assets/js/58.a141c9dd.js"><link rel="prefetch" href="/docs/assets/js/59.052ae15b.js"><link rel="prefetch" href="/docs/assets/js/6.732e76db.js"><link rel="prefetch" href="/docs/assets/js/60.8b944033.js"><link rel="prefetch" href="/docs/assets/js/61.b8b9e9ed.js"><link rel="prefetch" href="/docs/assets/js/7.42f8bf76.js"><link rel="prefetch" href="/docs/assets/js/8.5031ef66.js"><link rel="prefetch" href="/docs/assets/js/9.fbcf4335.js"> <link rel="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.72c5e12c.js" as="script"><link rel="preload" href="/docs/assets/js/11.da8f7b4e.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/19.7c1e4a1d.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.988f977f.js"><link rel="prefetch" href="/docs/assets/js/12.9f009ad2.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.13006381.js"><link rel="prefetch" href="/docs/assets/js/15.335ea339.js"><link rel="prefetch" href="/docs/assets/js/16.b5d8406b.js"><link rel="prefetch" href="/docs/assets/js/17.8b0b85e1.js"><link rel="prefetch" href="/docs/assets/js/18.3f8a04e5.js"><link rel="prefetch" href="/docs/assets/js/20.337d518b.js"><link rel="prefetch" href="/docs/assets/js/21.7ae56a0d.js"><link rel="prefetch" href="/docs/assets/js/22.f9dc30d5.js"><link rel="prefetch" href="/docs/assets/js/23.9188b16b.js"><link rel="prefetch" href="/docs/assets/js/24.94db1c0a.js"><link rel="prefetch" href="/docs/assets/js/25.b76bed62.js"><link rel="prefetch" href="/docs/assets/js/26.e453b709.js"><link rel="prefetch" href="/docs/assets/js/27.89437ee2.js"><link rel="prefetch" href="/docs/assets/js/28.14970a58.js"><link rel="prefetch" href="/docs/assets/js/29.6db0a508.js"><link rel="prefetch" href="/docs/assets/js/3.2f7603a5.js"><link rel="prefetch" href="/docs/assets/js/30.77de2036.js"><link rel="prefetch" href="/docs/assets/js/31.7d9f2cf6.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.c443b3e7.js"><link rel="prefetch" href="/docs/assets/js/35.c4db8c3b.js"><link rel="prefetch" href="/docs/assets/js/36.b27d4086.js"><link rel="prefetch" href="/docs/assets/js/37.3a1830df.js"><link rel="prefetch" href="/docs/assets/js/38.be8abb25.js"><link rel="prefetch" href="/docs/assets/js/39.c148b385.js"><link rel="prefetch" href="/docs/assets/js/4.e85a1ddd.js"><link rel="prefetch" href="/docs/assets/js/40.8fb41c19.js"><link rel="prefetch" href="/docs/assets/js/41.f3eb31d3.js"><link rel="prefetch" href="/docs/assets/js/42.5713e0a2.js"><link rel="prefetch" href="/docs/assets/js/43.1d6151c5.js"><link rel="prefetch" href="/docs/assets/js/44.f2287249.js"><link rel="prefetch" href="/docs/assets/js/45.581ab4c5.js"><link rel="prefetch" href="/docs/assets/js/46.3b1e8e6c.js"><link rel="prefetch" href="/docs/assets/js/47.0f3d0de1.js"><link rel="prefetch" href="/docs/assets/js/48.c32094e7.js"><link rel="prefetch" href="/docs/assets/js/49.9f1d2c3f.js"><link rel="prefetch" href="/docs/assets/js/5.a0dda975.js"><link rel="prefetch" href="/docs/assets/js/50.62289694.js"><link rel="prefetch" href="/docs/assets/js/51.ceb6c7ab.js"><link rel="prefetch" href="/docs/assets/js/52.985a53cd.js"><link rel="prefetch" href="/docs/assets/js/53.234ffeec.js"><link rel="prefetch" href="/docs/assets/js/54.3eb81523.js"><link rel="prefetch" href="/docs/assets/js/55.6d21b840.js"><link rel="prefetch" href="/docs/assets/js/56.4431a022.js"><link rel="prefetch" href="/docs/assets/js/57.6bbc457a.js"><link rel="prefetch" href="/docs/assets/js/58.6c62fe30.js"><link rel="prefetch" href="/docs/assets/js/59.9381b90a.js"><link rel="prefetch" href="/docs/assets/js/6.b6f5182f.js"><link rel="prefetch" href="/docs/assets/js/60.6ed00651.js"><link rel="prefetch" href="/docs/assets/js/61.d5ee71ea.js"><link rel="prefetch" href="/docs/assets/js/62.48f255c7.js"><link rel="prefetch" href="/docs/assets/js/7.bcdc8f3e.js"><link rel="prefetch" href="/docs/assets/js/8.57bd3fe2.js"><link rel="prefetch" href="/docs/assets/js/9.3fd8bd20.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.284a2a25.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.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/" 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/Modal.html" class="sidebar-link">Modal</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="getting-started"><a href="#getting-started" class="header-anchor">#</a> Getting started</h1> <p>This page will introduce you to the main options of GrapesJS and how it works, in the way to be able to create your custom editor.</p> <p>The pretty minimalistic way to instantiate the editor could be like this:</p> <div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>stylesheet<span class="token punctuation">&quot;</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>path/to/grapes.min.css<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></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/" 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/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/Traits.html" class="sidebar-link">Traits</a></li><li><a href="/docs/modules/Blocks.html" class="sidebar-link">Blocks</a></li><li><a href="/docs/modules/Assets.html" class="sidebar-link">Assets</a></li><li><a href="/docs/modules/Commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/modules/I18n.html" class="sidebar-link">I18n</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/Modal.html" class="sidebar-link">Modal</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="getting-started"><a href="#getting-started" class="header-anchor">#</a> Getting started</h1> <p>This page will introduce you to the main options of GrapesJS and how it works, in the way to be able to create your custom editor.</p> <p>The pretty minimalistic way to instantiate the editor could be like this:</p> <div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>stylesheet<span class="token punctuation">&quot;</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>path/to/grapes.min.css<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>path/to/grapes.min.js<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>path/to/grapes.min.js<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>gjs<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>gjs<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
@ -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.096b44af.js" defer></script><script src="/docs/assets/js/11.47670b51.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/19.4a0a6a4d.js" defer></script> <script src="/docs/assets/js/app.72c5e12c.js" defer></script><script src="/docs/assets/js/11.da8f7b4e.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/19.7c1e4a1d.js" defer></script>
</body> </body>
</html> </html>

10
docs/api/asset.html

File diff suppressed because one or more lines are too long

18
docs/api/assets.html

File diff suppressed because one or more lines are too long

10
docs/api/block.html

File diff suppressed because one or more lines are too long

36
docs/api/block_manager.html

File diff suppressed because one or more lines are too long

16
docs/api/canvas.html

File diff suppressed because one or more lines are too long

10
docs/api/commands.html

File diff suppressed because one or more lines are too long

14
docs/api/component.html

File diff suppressed because one or more lines are too long

10
docs/api/components.html

File diff suppressed because one or more lines are too long

61
docs/api/css_composer.html

File diff suppressed because one or more lines are too long

18
docs/api/css_rule.html

File diff suppressed because one or more lines are too long

10
docs/api/device.html

File diff suppressed because one or more lines are too long

10
docs/api/device_manager.html

File diff suppressed because one or more lines are too long

20
docs/api/editor.html

File diff suppressed because one or more lines are too long

48
docs/api/frame.html

File diff suppressed because one or more lines are too long

10
docs/api/i18n.html

File diff suppressed because one or more lines are too long

10
docs/api/index.html

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27">
<script src="../js/grapes.min.js?v0.17.27"></script> <script src="../js/grapes.min.js?v0.17.27"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.284a2a25.css" as="style"><link rel="preload" href="/docs/assets/js/app.096b44af.js" as="script"><link rel="preload" href="/docs/assets/js/11.47670b51.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/21.784dabaf.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.95de8396.js"><link rel="prefetch" href="/docs/assets/js/12.21cbc4cb.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.5b4fe959.js"><link rel="prefetch" href="/docs/assets/js/15.f907683b.js"><link rel="prefetch" href="/docs/assets/js/16.f5441957.js"><link rel="prefetch" href="/docs/assets/js/17.7ff46fc8.js"><link rel="prefetch" href="/docs/assets/js/18.5824bd62.js"><link rel="prefetch" href="/docs/assets/js/19.4a0a6a4d.js"><link rel="prefetch" href="/docs/assets/js/20.9088bfeb.js"><link rel="prefetch" href="/docs/assets/js/22.60477b98.js"><link rel="prefetch" href="/docs/assets/js/23.6829ef01.js"><link rel="prefetch" href="/docs/assets/js/24.09046f50.js"><link rel="prefetch" href="/docs/assets/js/25.bc82a6f8.js"><link rel="prefetch" href="/docs/assets/js/26.460759db.js"><link rel="prefetch" href="/docs/assets/js/27.e5809ebb.js"><link rel="prefetch" href="/docs/assets/js/28.a0fa95cb.js"><link rel="prefetch" href="/docs/assets/js/29.824d14b3.js"><link rel="prefetch" href="/docs/assets/js/3.8c5ea968.js"><link rel="prefetch" href="/docs/assets/js/30.17805da5.js"><link rel="prefetch" href="/docs/assets/js/31.9459030c.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.049a2dda.js"><link rel="prefetch" href="/docs/assets/js/35.630459d5.js"><link rel="prefetch" href="/docs/assets/js/36.a07ea601.js"><link rel="prefetch" href="/docs/assets/js/37.465e20e5.js"><link rel="prefetch" href="/docs/assets/js/38.0168cf26.js"><link rel="prefetch" href="/docs/assets/js/39.1be1b7ec.js"><link rel="prefetch" href="/docs/assets/js/4.d4d7c559.js"><link rel="prefetch" href="/docs/assets/js/40.53b92f1e.js"><link rel="prefetch" href="/docs/assets/js/41.c75dec6d.js"><link rel="prefetch" href="/docs/assets/js/42.65fca86f.js"><link rel="prefetch" href="/docs/assets/js/43.c2f262f7.js"><link rel="prefetch" href="/docs/assets/js/44.4ee7f2dd.js"><link rel="prefetch" href="/docs/assets/js/45.ba6cb0b8.js"><link rel="prefetch" href="/docs/assets/js/46.799ca4fd.js"><link rel="prefetch" href="/docs/assets/js/47.d95e42c2.js"><link rel="prefetch" href="/docs/assets/js/48.0f8620c2.js"><link rel="prefetch" href="/docs/assets/js/49.379e8e98.js"><link rel="prefetch" href="/docs/assets/js/5.babfe476.js"><link rel="prefetch" href="/docs/assets/js/50.a2655acd.js"><link rel="prefetch" href="/docs/assets/js/51.4380e072.js"><link rel="prefetch" href="/docs/assets/js/52.36ae9174.js"><link rel="prefetch" href="/docs/assets/js/53.b05d4af4.js"><link rel="prefetch" href="/docs/assets/js/54.b9005757.js"><link rel="prefetch" href="/docs/assets/js/55.c4dc97c3.js"><link rel="prefetch" href="/docs/assets/js/56.b9b41fb2.js"><link rel="prefetch" href="/docs/assets/js/57.fb648c14.js"><link rel="prefetch" href="/docs/assets/js/58.a141c9dd.js"><link rel="prefetch" href="/docs/assets/js/59.052ae15b.js"><link rel="prefetch" href="/docs/assets/js/6.732e76db.js"><link rel="prefetch" href="/docs/assets/js/60.8b944033.js"><link rel="prefetch" href="/docs/assets/js/61.b8b9e9ed.js"><link rel="prefetch" href="/docs/assets/js/7.42f8bf76.js"><link rel="prefetch" href="/docs/assets/js/8.5031ef66.js"><link rel="prefetch" href="/docs/assets/js/9.fbcf4335.js"> <link rel="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.72c5e12c.js" as="script"><link rel="preload" href="/docs/assets/js/11.da8f7b4e.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/21.7ae56a0d.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.988f977f.js"><link rel="prefetch" href="/docs/assets/js/12.9f009ad2.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.13006381.js"><link rel="prefetch" href="/docs/assets/js/15.335ea339.js"><link rel="prefetch" href="/docs/assets/js/16.b5d8406b.js"><link rel="prefetch" href="/docs/assets/js/17.8b0b85e1.js"><link rel="prefetch" href="/docs/assets/js/18.3f8a04e5.js"><link rel="prefetch" href="/docs/assets/js/19.7c1e4a1d.js"><link rel="prefetch" href="/docs/assets/js/20.337d518b.js"><link rel="prefetch" href="/docs/assets/js/22.f9dc30d5.js"><link rel="prefetch" href="/docs/assets/js/23.9188b16b.js"><link rel="prefetch" href="/docs/assets/js/24.94db1c0a.js"><link rel="prefetch" href="/docs/assets/js/25.b76bed62.js"><link rel="prefetch" href="/docs/assets/js/26.e453b709.js"><link rel="prefetch" href="/docs/assets/js/27.89437ee2.js"><link rel="prefetch" href="/docs/assets/js/28.14970a58.js"><link rel="prefetch" href="/docs/assets/js/29.6db0a508.js"><link rel="prefetch" href="/docs/assets/js/3.2f7603a5.js"><link rel="prefetch" href="/docs/assets/js/30.77de2036.js"><link rel="prefetch" href="/docs/assets/js/31.7d9f2cf6.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.c443b3e7.js"><link rel="prefetch" href="/docs/assets/js/35.c4db8c3b.js"><link rel="prefetch" href="/docs/assets/js/36.b27d4086.js"><link rel="prefetch" href="/docs/assets/js/37.3a1830df.js"><link rel="prefetch" href="/docs/assets/js/38.be8abb25.js"><link rel="prefetch" href="/docs/assets/js/39.c148b385.js"><link rel="prefetch" href="/docs/assets/js/4.e85a1ddd.js"><link rel="prefetch" href="/docs/assets/js/40.8fb41c19.js"><link rel="prefetch" href="/docs/assets/js/41.f3eb31d3.js"><link rel="prefetch" href="/docs/assets/js/42.5713e0a2.js"><link rel="prefetch" href="/docs/assets/js/43.1d6151c5.js"><link rel="prefetch" href="/docs/assets/js/44.f2287249.js"><link rel="prefetch" href="/docs/assets/js/45.581ab4c5.js"><link rel="prefetch" href="/docs/assets/js/46.3b1e8e6c.js"><link rel="prefetch" href="/docs/assets/js/47.0f3d0de1.js"><link rel="prefetch" href="/docs/assets/js/48.c32094e7.js"><link rel="prefetch" href="/docs/assets/js/49.9f1d2c3f.js"><link rel="prefetch" href="/docs/assets/js/5.a0dda975.js"><link rel="prefetch" href="/docs/assets/js/50.62289694.js"><link rel="prefetch" href="/docs/assets/js/51.ceb6c7ab.js"><link rel="prefetch" href="/docs/assets/js/52.985a53cd.js"><link rel="prefetch" href="/docs/assets/js/53.234ffeec.js"><link rel="prefetch" href="/docs/assets/js/54.3eb81523.js"><link rel="prefetch" href="/docs/assets/js/55.6d21b840.js"><link rel="prefetch" href="/docs/assets/js/56.4431a022.js"><link rel="prefetch" href="/docs/assets/js/57.6bbc457a.js"><link rel="prefetch" href="/docs/assets/js/58.6c62fe30.js"><link rel="prefetch" href="/docs/assets/js/59.9381b90a.js"><link rel="prefetch" href="/docs/assets/js/6.b6f5182f.js"><link rel="prefetch" href="/docs/assets/js/60.6ed00651.js"><link rel="prefetch" href="/docs/assets/js/61.d5ee71ea.js"><link rel="prefetch" href="/docs/assets/js/62.48f255c7.js"><link rel="prefetch" href="/docs/assets/js/7.bcdc8f3e.js"><link rel="prefetch" href="/docs/assets/js/8.57bd3fe2.js"><link rel="prefetch" href="/docs/assets/js/9.3fd8bd20.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.284a2a25.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.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/asset.html" class="sidebar-link"> ‍ ‍ ‍ Asset</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/block.html" class="sidebar-link"> ‍ ‍ ‍ Block</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/page.html" class="sidebar-link"> ‍ ‍ ‍ Page</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/device.html" class="sidebar-link"> ‍ ‍ ‍ Device</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/css_rule.html" class="sidebar-link"> ‍ ‍ ‍ CssRule</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><li><a href="/docs/api/parser.html" class="sidebar-link">Parser</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/frame.html" class="sidebar-link"> ‍ ‍ ‍ Frame</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/asset.html" class="sidebar-link"> ‍ ‍ ‍ Asset</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/block.html" class="sidebar-link"> ‍ ‍ ‍ Block</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/page.html" class="sidebar-link"> ‍ ‍ ‍ Page</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/device.html" class="sidebar-link"> ‍ ‍ ‍ Device</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/css_rule.html" class="sidebar-link"> ‍ ‍ ‍ CssRule</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><li><a href="/docs/api/parser.html" class="sidebar-link">Parser</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.096b44af.js" defer></script><script src="/docs/assets/js/11.47670b51.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/21.784dabaf.js" defer></script> <script src="/docs/assets/js/app.72c5e12c.js" defer></script><script src="/docs/assets/js/11.da8f7b4e.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/21.7ae56a0d.js" defer></script>
</body> </body>
</html> </html>

10
docs/api/keymaps.html

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27">
<script src="../js/grapes.min.js?v0.17.27"></script> <script src="../js/grapes.min.js?v0.17.27"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.284a2a25.css" as="style"><link rel="preload" href="/docs/assets/js/app.096b44af.js" as="script"><link rel="preload" href="/docs/assets/js/11.47670b51.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/36.a07ea601.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.95de8396.js"><link rel="prefetch" href="/docs/assets/js/12.21cbc4cb.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.5b4fe959.js"><link rel="prefetch" href="/docs/assets/js/15.f907683b.js"><link rel="prefetch" href="/docs/assets/js/16.f5441957.js"><link rel="prefetch" href="/docs/assets/js/17.7ff46fc8.js"><link rel="prefetch" href="/docs/assets/js/18.5824bd62.js"><link rel="prefetch" href="/docs/assets/js/19.4a0a6a4d.js"><link rel="prefetch" href="/docs/assets/js/20.9088bfeb.js"><link rel="prefetch" href="/docs/assets/js/21.784dabaf.js"><link rel="prefetch" href="/docs/assets/js/22.60477b98.js"><link rel="prefetch" href="/docs/assets/js/23.6829ef01.js"><link rel="prefetch" href="/docs/assets/js/24.09046f50.js"><link rel="prefetch" href="/docs/assets/js/25.bc82a6f8.js"><link rel="prefetch" href="/docs/assets/js/26.460759db.js"><link rel="prefetch" href="/docs/assets/js/27.e5809ebb.js"><link rel="prefetch" href="/docs/assets/js/28.a0fa95cb.js"><link rel="prefetch" href="/docs/assets/js/29.824d14b3.js"><link rel="prefetch" href="/docs/assets/js/3.8c5ea968.js"><link rel="prefetch" href="/docs/assets/js/30.17805da5.js"><link rel="prefetch" href="/docs/assets/js/31.9459030c.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.049a2dda.js"><link rel="prefetch" href="/docs/assets/js/35.630459d5.js"><link rel="prefetch" href="/docs/assets/js/37.465e20e5.js"><link rel="prefetch" href="/docs/assets/js/38.0168cf26.js"><link rel="prefetch" href="/docs/assets/js/39.1be1b7ec.js"><link rel="prefetch" href="/docs/assets/js/4.d4d7c559.js"><link rel="prefetch" href="/docs/assets/js/40.53b92f1e.js"><link rel="prefetch" href="/docs/assets/js/41.c75dec6d.js"><link rel="prefetch" href="/docs/assets/js/42.65fca86f.js"><link rel="prefetch" href="/docs/assets/js/43.c2f262f7.js"><link rel="prefetch" href="/docs/assets/js/44.4ee7f2dd.js"><link rel="prefetch" href="/docs/assets/js/45.ba6cb0b8.js"><link rel="prefetch" href="/docs/assets/js/46.799ca4fd.js"><link rel="prefetch" href="/docs/assets/js/47.d95e42c2.js"><link rel="prefetch" href="/docs/assets/js/48.0f8620c2.js"><link rel="prefetch" href="/docs/assets/js/49.379e8e98.js"><link rel="prefetch" href="/docs/assets/js/5.babfe476.js"><link rel="prefetch" href="/docs/assets/js/50.a2655acd.js"><link rel="prefetch" href="/docs/assets/js/51.4380e072.js"><link rel="prefetch" href="/docs/assets/js/52.36ae9174.js"><link rel="prefetch" href="/docs/assets/js/53.b05d4af4.js"><link rel="prefetch" href="/docs/assets/js/54.b9005757.js"><link rel="prefetch" href="/docs/assets/js/55.c4dc97c3.js"><link rel="prefetch" href="/docs/assets/js/56.b9b41fb2.js"><link rel="prefetch" href="/docs/assets/js/57.fb648c14.js"><link rel="prefetch" href="/docs/assets/js/58.a141c9dd.js"><link rel="prefetch" href="/docs/assets/js/59.052ae15b.js"><link rel="prefetch" href="/docs/assets/js/6.732e76db.js"><link rel="prefetch" href="/docs/assets/js/60.8b944033.js"><link rel="prefetch" href="/docs/assets/js/61.b8b9e9ed.js"><link rel="prefetch" href="/docs/assets/js/7.42f8bf76.js"><link rel="prefetch" href="/docs/assets/js/8.5031ef66.js"><link rel="prefetch" href="/docs/assets/js/9.fbcf4335.js"> <link rel="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.72c5e12c.js" as="script"><link rel="preload" href="/docs/assets/js/11.da8f7b4e.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/37.3a1830df.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.988f977f.js"><link rel="prefetch" href="/docs/assets/js/12.9f009ad2.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.13006381.js"><link rel="prefetch" href="/docs/assets/js/15.335ea339.js"><link rel="prefetch" href="/docs/assets/js/16.b5d8406b.js"><link rel="prefetch" href="/docs/assets/js/17.8b0b85e1.js"><link rel="prefetch" href="/docs/assets/js/18.3f8a04e5.js"><link rel="prefetch" href="/docs/assets/js/19.7c1e4a1d.js"><link rel="prefetch" href="/docs/assets/js/20.337d518b.js"><link rel="prefetch" href="/docs/assets/js/21.7ae56a0d.js"><link rel="prefetch" href="/docs/assets/js/22.f9dc30d5.js"><link rel="prefetch" href="/docs/assets/js/23.9188b16b.js"><link rel="prefetch" href="/docs/assets/js/24.94db1c0a.js"><link rel="prefetch" href="/docs/assets/js/25.b76bed62.js"><link rel="prefetch" href="/docs/assets/js/26.e453b709.js"><link rel="prefetch" href="/docs/assets/js/27.89437ee2.js"><link rel="prefetch" href="/docs/assets/js/28.14970a58.js"><link rel="prefetch" href="/docs/assets/js/29.6db0a508.js"><link rel="prefetch" href="/docs/assets/js/3.2f7603a5.js"><link rel="prefetch" href="/docs/assets/js/30.77de2036.js"><link rel="prefetch" href="/docs/assets/js/31.7d9f2cf6.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.c443b3e7.js"><link rel="prefetch" href="/docs/assets/js/35.c4db8c3b.js"><link rel="prefetch" href="/docs/assets/js/36.b27d4086.js"><link rel="prefetch" href="/docs/assets/js/38.be8abb25.js"><link rel="prefetch" href="/docs/assets/js/39.c148b385.js"><link rel="prefetch" href="/docs/assets/js/4.e85a1ddd.js"><link rel="prefetch" href="/docs/assets/js/40.8fb41c19.js"><link rel="prefetch" href="/docs/assets/js/41.f3eb31d3.js"><link rel="prefetch" href="/docs/assets/js/42.5713e0a2.js"><link rel="prefetch" href="/docs/assets/js/43.1d6151c5.js"><link rel="prefetch" href="/docs/assets/js/44.f2287249.js"><link rel="prefetch" href="/docs/assets/js/45.581ab4c5.js"><link rel="prefetch" href="/docs/assets/js/46.3b1e8e6c.js"><link rel="prefetch" href="/docs/assets/js/47.0f3d0de1.js"><link rel="prefetch" href="/docs/assets/js/48.c32094e7.js"><link rel="prefetch" href="/docs/assets/js/49.9f1d2c3f.js"><link rel="prefetch" href="/docs/assets/js/5.a0dda975.js"><link rel="prefetch" href="/docs/assets/js/50.62289694.js"><link rel="prefetch" href="/docs/assets/js/51.ceb6c7ab.js"><link rel="prefetch" href="/docs/assets/js/52.985a53cd.js"><link rel="prefetch" href="/docs/assets/js/53.234ffeec.js"><link rel="prefetch" href="/docs/assets/js/54.3eb81523.js"><link rel="prefetch" href="/docs/assets/js/55.6d21b840.js"><link rel="prefetch" href="/docs/assets/js/56.4431a022.js"><link rel="prefetch" href="/docs/assets/js/57.6bbc457a.js"><link rel="prefetch" href="/docs/assets/js/58.6c62fe30.js"><link rel="prefetch" href="/docs/assets/js/59.9381b90a.js"><link rel="prefetch" href="/docs/assets/js/6.b6f5182f.js"><link rel="prefetch" href="/docs/assets/js/60.6ed00651.js"><link rel="prefetch" href="/docs/assets/js/61.d5ee71ea.js"><link rel="prefetch" href="/docs/assets/js/62.48f255c7.js"><link rel="prefetch" href="/docs/assets/js/7.bcdc8f3e.js"><link rel="prefetch" href="/docs/assets/js/8.57bd3fe2.js"><link rel="prefetch" href="/docs/assets/js/9.3fd8bd20.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.284a2a25.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.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/asset.html" class="sidebar-link"> ‍ ‍ ‍ Asset</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/block.html" class="sidebar-link"> ‍ ‍ ‍ Block</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/page.html" class="sidebar-link"> ‍ ‍ ‍ Page</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/device.html" class="sidebar-link"> ‍ ‍ ‍ Device</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/css_rule.html" class="sidebar-link"> ‍ ‍ ‍ CssRule</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><li><a href="/docs/api/parser.html" class="sidebar-link">Parser</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/frame.html" class="sidebar-link"> ‍ ‍ ‍ Frame</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/asset.html" class="sidebar-link"> ‍ ‍ ‍ Asset</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/block.html" class="sidebar-link"> ‍ ‍ ‍ Block</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/page.html" class="sidebar-link"> ‍ ‍ ‍ Page</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/device.html" class="sidebar-link"> ‍ ‍ ‍ Device</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/css_rule.html" class="sidebar-link"> ‍ ‍ ‍ CssRule</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><li><a href="/docs/api/parser.html" class="sidebar-link">Parser</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.096b44af.js" defer></script><script src="/docs/assets/js/11.47670b51.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/36.a07ea601.js" defer></script> <script src="/docs/assets/js/app.72c5e12c.js" defer></script><script src="/docs/assets/js/11.da8f7b4e.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/37.3a1830df.js" defer></script>
</body> </body>
</html> </html>

10
docs/api/modal_dialog.html

File diff suppressed because one or more lines are too long

10
docs/api/page.html

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27">
<script src="../js/grapes.min.js?v0.17.27"></script> <script src="../js/grapes.min.js?v0.17.27"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.284a2a25.css" as="style"><link rel="preload" href="/docs/assets/js/app.096b44af.js" as="script"><link rel="preload" href="/docs/assets/js/11.47670b51.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/38.0168cf26.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.95de8396.js"><link rel="prefetch" href="/docs/assets/js/12.21cbc4cb.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.5b4fe959.js"><link rel="prefetch" href="/docs/assets/js/15.f907683b.js"><link rel="prefetch" href="/docs/assets/js/16.f5441957.js"><link rel="prefetch" href="/docs/assets/js/17.7ff46fc8.js"><link rel="prefetch" href="/docs/assets/js/18.5824bd62.js"><link rel="prefetch" href="/docs/assets/js/19.4a0a6a4d.js"><link rel="prefetch" href="/docs/assets/js/20.9088bfeb.js"><link rel="prefetch" href="/docs/assets/js/21.784dabaf.js"><link rel="prefetch" href="/docs/assets/js/22.60477b98.js"><link rel="prefetch" href="/docs/assets/js/23.6829ef01.js"><link rel="prefetch" href="/docs/assets/js/24.09046f50.js"><link rel="prefetch" href="/docs/assets/js/25.bc82a6f8.js"><link rel="prefetch" href="/docs/assets/js/26.460759db.js"><link rel="prefetch" href="/docs/assets/js/27.e5809ebb.js"><link rel="prefetch" href="/docs/assets/js/28.a0fa95cb.js"><link rel="prefetch" href="/docs/assets/js/29.824d14b3.js"><link rel="prefetch" href="/docs/assets/js/3.8c5ea968.js"><link rel="prefetch" href="/docs/assets/js/30.17805da5.js"><link rel="prefetch" href="/docs/assets/js/31.9459030c.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.049a2dda.js"><link rel="prefetch" href="/docs/assets/js/35.630459d5.js"><link rel="prefetch" href="/docs/assets/js/36.a07ea601.js"><link rel="prefetch" href="/docs/assets/js/37.465e20e5.js"><link rel="prefetch" href="/docs/assets/js/39.1be1b7ec.js"><link rel="prefetch" href="/docs/assets/js/4.d4d7c559.js"><link rel="prefetch" href="/docs/assets/js/40.53b92f1e.js"><link rel="prefetch" href="/docs/assets/js/41.c75dec6d.js"><link rel="prefetch" href="/docs/assets/js/42.65fca86f.js"><link rel="prefetch" href="/docs/assets/js/43.c2f262f7.js"><link rel="prefetch" href="/docs/assets/js/44.4ee7f2dd.js"><link rel="prefetch" href="/docs/assets/js/45.ba6cb0b8.js"><link rel="prefetch" href="/docs/assets/js/46.799ca4fd.js"><link rel="prefetch" href="/docs/assets/js/47.d95e42c2.js"><link rel="prefetch" href="/docs/assets/js/48.0f8620c2.js"><link rel="prefetch" href="/docs/assets/js/49.379e8e98.js"><link rel="prefetch" href="/docs/assets/js/5.babfe476.js"><link rel="prefetch" href="/docs/assets/js/50.a2655acd.js"><link rel="prefetch" href="/docs/assets/js/51.4380e072.js"><link rel="prefetch" href="/docs/assets/js/52.36ae9174.js"><link rel="prefetch" href="/docs/assets/js/53.b05d4af4.js"><link rel="prefetch" href="/docs/assets/js/54.b9005757.js"><link rel="prefetch" href="/docs/assets/js/55.c4dc97c3.js"><link rel="prefetch" href="/docs/assets/js/56.b9b41fb2.js"><link rel="prefetch" href="/docs/assets/js/57.fb648c14.js"><link rel="prefetch" href="/docs/assets/js/58.a141c9dd.js"><link rel="prefetch" href="/docs/assets/js/59.052ae15b.js"><link rel="prefetch" href="/docs/assets/js/6.732e76db.js"><link rel="prefetch" href="/docs/assets/js/60.8b944033.js"><link rel="prefetch" href="/docs/assets/js/61.b8b9e9ed.js"><link rel="prefetch" href="/docs/assets/js/7.42f8bf76.js"><link rel="prefetch" href="/docs/assets/js/8.5031ef66.js"><link rel="prefetch" href="/docs/assets/js/9.fbcf4335.js"> <link rel="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.72c5e12c.js" as="script"><link rel="preload" href="/docs/assets/js/11.da8f7b4e.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/39.c148b385.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.988f977f.js"><link rel="prefetch" href="/docs/assets/js/12.9f009ad2.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.13006381.js"><link rel="prefetch" href="/docs/assets/js/15.335ea339.js"><link rel="prefetch" href="/docs/assets/js/16.b5d8406b.js"><link rel="prefetch" href="/docs/assets/js/17.8b0b85e1.js"><link rel="prefetch" href="/docs/assets/js/18.3f8a04e5.js"><link rel="prefetch" href="/docs/assets/js/19.7c1e4a1d.js"><link rel="prefetch" href="/docs/assets/js/20.337d518b.js"><link rel="prefetch" href="/docs/assets/js/21.7ae56a0d.js"><link rel="prefetch" href="/docs/assets/js/22.f9dc30d5.js"><link rel="prefetch" href="/docs/assets/js/23.9188b16b.js"><link rel="prefetch" href="/docs/assets/js/24.94db1c0a.js"><link rel="prefetch" href="/docs/assets/js/25.b76bed62.js"><link rel="prefetch" href="/docs/assets/js/26.e453b709.js"><link rel="prefetch" href="/docs/assets/js/27.89437ee2.js"><link rel="prefetch" href="/docs/assets/js/28.14970a58.js"><link rel="prefetch" href="/docs/assets/js/29.6db0a508.js"><link rel="prefetch" href="/docs/assets/js/3.2f7603a5.js"><link rel="prefetch" href="/docs/assets/js/30.77de2036.js"><link rel="prefetch" href="/docs/assets/js/31.7d9f2cf6.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.c443b3e7.js"><link rel="prefetch" href="/docs/assets/js/35.c4db8c3b.js"><link rel="prefetch" href="/docs/assets/js/36.b27d4086.js"><link rel="prefetch" href="/docs/assets/js/37.3a1830df.js"><link rel="prefetch" href="/docs/assets/js/38.be8abb25.js"><link rel="prefetch" href="/docs/assets/js/4.e85a1ddd.js"><link rel="prefetch" href="/docs/assets/js/40.8fb41c19.js"><link rel="prefetch" href="/docs/assets/js/41.f3eb31d3.js"><link rel="prefetch" href="/docs/assets/js/42.5713e0a2.js"><link rel="prefetch" href="/docs/assets/js/43.1d6151c5.js"><link rel="prefetch" href="/docs/assets/js/44.f2287249.js"><link rel="prefetch" href="/docs/assets/js/45.581ab4c5.js"><link rel="prefetch" href="/docs/assets/js/46.3b1e8e6c.js"><link rel="prefetch" href="/docs/assets/js/47.0f3d0de1.js"><link rel="prefetch" href="/docs/assets/js/48.c32094e7.js"><link rel="prefetch" href="/docs/assets/js/49.9f1d2c3f.js"><link rel="prefetch" href="/docs/assets/js/5.a0dda975.js"><link rel="prefetch" href="/docs/assets/js/50.62289694.js"><link rel="prefetch" href="/docs/assets/js/51.ceb6c7ab.js"><link rel="prefetch" href="/docs/assets/js/52.985a53cd.js"><link rel="prefetch" href="/docs/assets/js/53.234ffeec.js"><link rel="prefetch" href="/docs/assets/js/54.3eb81523.js"><link rel="prefetch" href="/docs/assets/js/55.6d21b840.js"><link rel="prefetch" href="/docs/assets/js/56.4431a022.js"><link rel="prefetch" href="/docs/assets/js/57.6bbc457a.js"><link rel="prefetch" href="/docs/assets/js/58.6c62fe30.js"><link rel="prefetch" href="/docs/assets/js/59.9381b90a.js"><link rel="prefetch" href="/docs/assets/js/6.b6f5182f.js"><link rel="prefetch" href="/docs/assets/js/60.6ed00651.js"><link rel="prefetch" href="/docs/assets/js/61.d5ee71ea.js"><link rel="prefetch" href="/docs/assets/js/62.48f255c7.js"><link rel="prefetch" href="/docs/assets/js/7.bcdc8f3e.js"><link rel="prefetch" href="/docs/assets/js/8.57bd3fe2.js"><link rel="prefetch" href="/docs/assets/js/9.3fd8bd20.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.284a2a25.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.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/asset.html" class="sidebar-link"> ‍ ‍ ‍ Asset</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/block.html" class="sidebar-link"> ‍ ‍ ‍ Block</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/page.html" aria-current="page" class="active sidebar-link"> ‍ ‍ ‍ Page</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/page.html#getallframes" class="sidebar-link">getAllFrames</a></li><li class="sidebar-sub-header"><a href="/docs/api/page.html#getmainframe" class="sidebar-link">getMainFrame</a></li><li class="sidebar-sub-header"><a href="/docs/api/page.html#getmaincomponent" class="sidebar-link">getMainComponent</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/device.html" class="sidebar-link"> ‍ ‍ ‍ Device</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/css_rule.html" class="sidebar-link"> ‍ ‍ ‍ CssRule</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><li><a href="/docs/api/parser.html" class="sidebar-link">Parser</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="getallframes"><a href="#getallframes" class="header-anchor">#</a> getAllFrames</h2> <p>Get all frames</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> arrayOfFrames <span class="token operator">=</span> page<span class="token punctuation">.</span><span class="token function">getAllFrames</span><span class="token punctuation">(</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/frame.html" class="sidebar-link"> ‍ ‍ ‍ Frame</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/asset.html" class="sidebar-link"> ‍ ‍ ‍ Asset</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/block.html" class="sidebar-link"> ‍ ‍ ‍ Block</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/page.html" aria-current="page" class="active sidebar-link"> ‍ ‍ ‍ Page</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/page.html#getallframes" class="sidebar-link">getAllFrames</a></li><li class="sidebar-sub-header"><a href="/docs/api/page.html#getmainframe" class="sidebar-link">getMainFrame</a></li><li class="sidebar-sub-header"><a href="/docs/api/page.html#getmaincomponent" class="sidebar-link">getMainComponent</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/device.html" class="sidebar-link"> ‍ ‍ ‍ Device</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/css_rule.html" class="sidebar-link"> ‍ ‍ ‍ CssRule</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><li><a href="/docs/api/parser.html" class="sidebar-link">Parser</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="getallframes"><a href="#getallframes" class="header-anchor">#</a> getAllFrames</h2> <p>Get all frames</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> arrayOfFrames <span class="token operator">=</span> page<span class="token punctuation">.</span><span class="token function">getAllFrames</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;Frame&gt;</strong></p> <h2 id="getmainframe"><a href="#getmainframe" class="header-anchor">#</a> getMainFrame</h2> <p>Get the first frame of the page (identified always as the main one)</p> <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> mainFrame <span class="token operator">=</span> page<span class="token punctuation">.</span><span class="token function">getMainFrame</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;Frame&gt;</strong></p> <h2 id="getmainframe"><a href="#getmainframe" class="header-anchor">#</a> getMainFrame</h2> <p>Get the first frame of the page (identified always as the main one)</p> <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> mainFrame <span class="token operator">=</span> page<span class="token punctuation">.</span><span class="token function">getMainFrame</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>Frame</strong></p> <h2 id="getmaincomponent"><a href="#getmaincomponent" class="header-anchor">#</a> getMainComponent</h2> <p>Get the root component (usually is the <code>wrapper</code> component) from the main frame</p> <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> rootComponent <span class="token operator">=</span> page<span class="token punctuation">.</span><span class="token function">getMainComponent</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre></div><p>Returns <strong>Frame</strong></p> <h2 id="getmaincomponent"><a href="#getmaincomponent" class="header-anchor">#</a> getMainComponent</h2> <p>Get the root component (usually is the <code>wrapper</code> component) from the main frame</p> <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> rootComponent <span class="token operator">=</span> page<span class="token punctuation">.</span><span class="token function">getMainComponent</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>rootComponent<span class="token punctuation">.</span><span class="token function">toHTML</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>rootComponent<span class="token punctuation">.</span><span class="token function">toHTML</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
@ -47,6 +47,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.096b44af.js" defer></script><script src="/docs/assets/js/11.47670b51.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/38.0168cf26.js" defer></script> <script src="/docs/assets/js/app.72c5e12c.js" defer></script><script src="/docs/assets/js/11.da8f7b4e.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/39.c148b385.js" defer></script>
</body> </body>
</html> </html>

23
docs/api/pages.html

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27">
<script src="../js/grapes.min.js?v0.17.27"></script> <script src="../js/grapes.min.js?v0.17.27"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.284a2a25.css" as="style"><link rel="preload" href="/docs/assets/js/app.096b44af.js" as="script"><link rel="preload" href="/docs/assets/js/11.47670b51.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/39.1be1b7ec.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.95de8396.js"><link rel="prefetch" href="/docs/assets/js/12.21cbc4cb.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.5b4fe959.js"><link rel="prefetch" href="/docs/assets/js/15.f907683b.js"><link rel="prefetch" href="/docs/assets/js/16.f5441957.js"><link rel="prefetch" href="/docs/assets/js/17.7ff46fc8.js"><link rel="prefetch" href="/docs/assets/js/18.5824bd62.js"><link rel="prefetch" href="/docs/assets/js/19.4a0a6a4d.js"><link rel="prefetch" href="/docs/assets/js/20.9088bfeb.js"><link rel="prefetch" href="/docs/assets/js/21.784dabaf.js"><link rel="prefetch" href="/docs/assets/js/22.60477b98.js"><link rel="prefetch" href="/docs/assets/js/23.6829ef01.js"><link rel="prefetch" href="/docs/assets/js/24.09046f50.js"><link rel="prefetch" href="/docs/assets/js/25.bc82a6f8.js"><link rel="prefetch" href="/docs/assets/js/26.460759db.js"><link rel="prefetch" href="/docs/assets/js/27.e5809ebb.js"><link rel="prefetch" href="/docs/assets/js/28.a0fa95cb.js"><link rel="prefetch" href="/docs/assets/js/29.824d14b3.js"><link rel="prefetch" href="/docs/assets/js/3.8c5ea968.js"><link rel="prefetch" href="/docs/assets/js/30.17805da5.js"><link rel="prefetch" href="/docs/assets/js/31.9459030c.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.049a2dda.js"><link rel="prefetch" href="/docs/assets/js/35.630459d5.js"><link rel="prefetch" href="/docs/assets/js/36.a07ea601.js"><link rel="prefetch" href="/docs/assets/js/37.465e20e5.js"><link rel="prefetch" href="/docs/assets/js/38.0168cf26.js"><link rel="prefetch" href="/docs/assets/js/4.d4d7c559.js"><link rel="prefetch" href="/docs/assets/js/40.53b92f1e.js"><link rel="prefetch" href="/docs/assets/js/41.c75dec6d.js"><link rel="prefetch" href="/docs/assets/js/42.65fca86f.js"><link rel="prefetch" href="/docs/assets/js/43.c2f262f7.js"><link rel="prefetch" href="/docs/assets/js/44.4ee7f2dd.js"><link rel="prefetch" href="/docs/assets/js/45.ba6cb0b8.js"><link rel="prefetch" href="/docs/assets/js/46.799ca4fd.js"><link rel="prefetch" href="/docs/assets/js/47.d95e42c2.js"><link rel="prefetch" href="/docs/assets/js/48.0f8620c2.js"><link rel="prefetch" href="/docs/assets/js/49.379e8e98.js"><link rel="prefetch" href="/docs/assets/js/5.babfe476.js"><link rel="prefetch" href="/docs/assets/js/50.a2655acd.js"><link rel="prefetch" href="/docs/assets/js/51.4380e072.js"><link rel="prefetch" href="/docs/assets/js/52.36ae9174.js"><link rel="prefetch" href="/docs/assets/js/53.b05d4af4.js"><link rel="prefetch" href="/docs/assets/js/54.b9005757.js"><link rel="prefetch" href="/docs/assets/js/55.c4dc97c3.js"><link rel="prefetch" href="/docs/assets/js/56.b9b41fb2.js"><link rel="prefetch" href="/docs/assets/js/57.fb648c14.js"><link rel="prefetch" href="/docs/assets/js/58.a141c9dd.js"><link rel="prefetch" href="/docs/assets/js/59.052ae15b.js"><link rel="prefetch" href="/docs/assets/js/6.732e76db.js"><link rel="prefetch" href="/docs/assets/js/60.8b944033.js"><link rel="prefetch" href="/docs/assets/js/61.b8b9e9ed.js"><link rel="prefetch" href="/docs/assets/js/7.42f8bf76.js"><link rel="prefetch" href="/docs/assets/js/8.5031ef66.js"><link rel="prefetch" href="/docs/assets/js/9.fbcf4335.js"> <link rel="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.72c5e12c.js" as="script"><link rel="preload" href="/docs/assets/js/11.da8f7b4e.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/40.8fb41c19.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.988f977f.js"><link rel="prefetch" href="/docs/assets/js/12.9f009ad2.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.13006381.js"><link rel="prefetch" href="/docs/assets/js/15.335ea339.js"><link rel="prefetch" href="/docs/assets/js/16.b5d8406b.js"><link rel="prefetch" href="/docs/assets/js/17.8b0b85e1.js"><link rel="prefetch" href="/docs/assets/js/18.3f8a04e5.js"><link rel="prefetch" href="/docs/assets/js/19.7c1e4a1d.js"><link rel="prefetch" href="/docs/assets/js/20.337d518b.js"><link rel="prefetch" href="/docs/assets/js/21.7ae56a0d.js"><link rel="prefetch" href="/docs/assets/js/22.f9dc30d5.js"><link rel="prefetch" href="/docs/assets/js/23.9188b16b.js"><link rel="prefetch" href="/docs/assets/js/24.94db1c0a.js"><link rel="prefetch" href="/docs/assets/js/25.b76bed62.js"><link rel="prefetch" href="/docs/assets/js/26.e453b709.js"><link rel="prefetch" href="/docs/assets/js/27.89437ee2.js"><link rel="prefetch" href="/docs/assets/js/28.14970a58.js"><link rel="prefetch" href="/docs/assets/js/29.6db0a508.js"><link rel="prefetch" href="/docs/assets/js/3.2f7603a5.js"><link rel="prefetch" href="/docs/assets/js/30.77de2036.js"><link rel="prefetch" href="/docs/assets/js/31.7d9f2cf6.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.c443b3e7.js"><link rel="prefetch" href="/docs/assets/js/35.c4db8c3b.js"><link rel="prefetch" href="/docs/assets/js/36.b27d4086.js"><link rel="prefetch" href="/docs/assets/js/37.3a1830df.js"><link rel="prefetch" href="/docs/assets/js/38.be8abb25.js"><link rel="prefetch" href="/docs/assets/js/39.c148b385.js"><link rel="prefetch" href="/docs/assets/js/4.e85a1ddd.js"><link rel="prefetch" href="/docs/assets/js/41.f3eb31d3.js"><link rel="prefetch" href="/docs/assets/js/42.5713e0a2.js"><link rel="prefetch" href="/docs/assets/js/43.1d6151c5.js"><link rel="prefetch" href="/docs/assets/js/44.f2287249.js"><link rel="prefetch" href="/docs/assets/js/45.581ab4c5.js"><link rel="prefetch" href="/docs/assets/js/46.3b1e8e6c.js"><link rel="prefetch" href="/docs/assets/js/47.0f3d0de1.js"><link rel="prefetch" href="/docs/assets/js/48.c32094e7.js"><link rel="prefetch" href="/docs/assets/js/49.9f1d2c3f.js"><link rel="prefetch" href="/docs/assets/js/5.a0dda975.js"><link rel="prefetch" href="/docs/assets/js/50.62289694.js"><link rel="prefetch" href="/docs/assets/js/51.ceb6c7ab.js"><link rel="prefetch" href="/docs/assets/js/52.985a53cd.js"><link rel="prefetch" href="/docs/assets/js/53.234ffeec.js"><link rel="prefetch" href="/docs/assets/js/54.3eb81523.js"><link rel="prefetch" href="/docs/assets/js/55.6d21b840.js"><link rel="prefetch" href="/docs/assets/js/56.4431a022.js"><link rel="prefetch" href="/docs/assets/js/57.6bbc457a.js"><link rel="prefetch" href="/docs/assets/js/58.6c62fe30.js"><link rel="prefetch" href="/docs/assets/js/59.9381b90a.js"><link rel="prefetch" href="/docs/assets/js/6.b6f5182f.js"><link rel="prefetch" href="/docs/assets/js/60.6ed00651.js"><link rel="prefetch" href="/docs/assets/js/61.d5ee71ea.js"><link rel="prefetch" href="/docs/assets/js/62.48f255c7.js"><link rel="prefetch" href="/docs/assets/js/7.bcdc8f3e.js"><link rel="prefetch" href="/docs/assets/js/8.57bd3fe2.js"><link rel="prefetch" href="/docs/assets/js/9.3fd8bd20.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.284a2a25.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.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/asset.html" class="sidebar-link"> ‍ ‍ ‍ Asset</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/block.html" class="sidebar-link"> ‍ ‍ ‍ Block</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/page.html" class="sidebar-link"> ‍ ‍ ‍ Page</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/device.html" class="sidebar-link"> ‍ ‍ ‍ Device</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/css_rule.html" class="sidebar-link"> ‍ ‍ ‍ CssRule</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><li><a href="/docs/api/parser.html" class="sidebar-link">Parser</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><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/frame.html" class="sidebar-link"> ‍ ‍ ‍ Frame</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/asset.html" class="sidebar-link"> ‍ ‍ ‍ Asset</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/block.html" class="sidebar-link"> ‍ ‍ ‍ Block</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#getallwrappers" class="sidebar-link">getAllWrappers</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/page.html" class="sidebar-link"> ‍ ‍ ‍ Page</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/device.html" class="sidebar-link"> ‍ ‍ ‍ Device</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/css_rule.html" class="sidebar-link"> ‍ ‍ ‍ CssRule</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><li><a href="/docs/api/parser.html" class="sidebar-link">Parser</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> <span class="token operator">...</span><span class="token punctuation">.</span>
pageManager<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> pages<span class="token operator">:</span> <span class="token punctuation">[</span>
@ -47,7 +47,7 @@
<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 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><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> </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="#getallwrappers">getAllWrappers</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> 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> 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> 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>
@ -56,15 +56,18 @@
<span class="token comment">// or by passing the page</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> <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> 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><a href="/docs/api/page.html">Page</a></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><a href="/docs/api/page.html">Page</a></strong> Removed Page</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><a href="/docs/api/page.html">Page</a></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><a href="/docs/api/page.html">Page</a></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><a href="/docs/api/page.html">Page</a></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="/docs/api/page.html">Page</a></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;<a href="/docs/api/page.html">Page</a>&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> | <a href="/docs/api/page.html">Page</a>)</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> </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;<a href="/docs/api/page.html">Page</a>&gt;</strong></p> <h2 id="getallwrappers"><a href="#getallwrappers" class="header-anchor">#</a> getAllWrappers</h2> <p>Get wrapper components (aka body) from all pages and frames.</p> <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><span class="token keyword">const</span> wrappers <span class="token operator">=</span> pageManager<span class="token punctuation">.</span><span class="token function">getAllWrappers</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// Get all `image` components from the project</span>
<span class="token keyword">const</span> allImages <span class="token operator">=</span> wrappers<span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token parameter">wrp</span> <span class="token operator">=&gt;</span> wrp<span class="token punctuation">.</span><span class="token function">findType</span><span class="token punctuation">(</span><span class="token string">'image'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">flat</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;<a href="/docs/api/component.html">Component</a>&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> | <a href="/docs/api/page.html">Page</a>)</strong> Page or page id</li> <li><code>opts</code> (optional, default <code>{}</code>)</li></ul> <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>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 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> <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> 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>this</strong></p> <h2 id="getselected"><a href="#getselected" class="header-anchor">#</a> getSelected</h2> <p>Get the selected page</p> <h3 id="examples-8"><a href="#examples-8" 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><a href="/docs/api/page.html">Page</a></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">8/12/2021, 4:15:22 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong><a href="/docs/api/page.html">Page</a></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">10/3/2021, 3:44:46 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/panels.html" class="prev">
Panels Panels
@ -73,6 +76,6 @@ pageManager<span class="token punctuation">.</span><span class="token function">
</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.096b44af.js" defer></script><script src="/docs/assets/js/11.47670b51.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/39.1be1b7ec.js" defer></script> <script src="/docs/assets/js/app.72c5e12c.js" defer></script><script src="/docs/assets/js/11.da8f7b4e.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/40.8fb41c19.js" defer></script>
</body> </body>
</html> </html>

10
docs/api/panels.html

File diff suppressed because one or more lines are too long

10
docs/api/parser.html

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27">
<script src="../js/grapes.min.js?v0.17.27"></script> <script src="../js/grapes.min.js?v0.17.27"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.284a2a25.css" as="style"><link rel="preload" href="/docs/assets/js/app.096b44af.js" as="script"><link rel="preload" href="/docs/assets/js/11.47670b51.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/41.c75dec6d.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.95de8396.js"><link rel="prefetch" href="/docs/assets/js/12.21cbc4cb.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.5b4fe959.js"><link rel="prefetch" href="/docs/assets/js/15.f907683b.js"><link rel="prefetch" href="/docs/assets/js/16.f5441957.js"><link rel="prefetch" href="/docs/assets/js/17.7ff46fc8.js"><link rel="prefetch" href="/docs/assets/js/18.5824bd62.js"><link rel="prefetch" href="/docs/assets/js/19.4a0a6a4d.js"><link rel="prefetch" href="/docs/assets/js/20.9088bfeb.js"><link rel="prefetch" href="/docs/assets/js/21.784dabaf.js"><link rel="prefetch" href="/docs/assets/js/22.60477b98.js"><link rel="prefetch" href="/docs/assets/js/23.6829ef01.js"><link rel="prefetch" href="/docs/assets/js/24.09046f50.js"><link rel="prefetch" href="/docs/assets/js/25.bc82a6f8.js"><link rel="prefetch" href="/docs/assets/js/26.460759db.js"><link rel="prefetch" href="/docs/assets/js/27.e5809ebb.js"><link rel="prefetch" href="/docs/assets/js/28.a0fa95cb.js"><link rel="prefetch" href="/docs/assets/js/29.824d14b3.js"><link rel="prefetch" href="/docs/assets/js/3.8c5ea968.js"><link rel="prefetch" href="/docs/assets/js/30.17805da5.js"><link rel="prefetch" href="/docs/assets/js/31.9459030c.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.049a2dda.js"><link rel="prefetch" href="/docs/assets/js/35.630459d5.js"><link rel="prefetch" href="/docs/assets/js/36.a07ea601.js"><link rel="prefetch" href="/docs/assets/js/37.465e20e5.js"><link rel="prefetch" href="/docs/assets/js/38.0168cf26.js"><link rel="prefetch" href="/docs/assets/js/39.1be1b7ec.js"><link rel="prefetch" href="/docs/assets/js/4.d4d7c559.js"><link rel="prefetch" href="/docs/assets/js/40.53b92f1e.js"><link rel="prefetch" href="/docs/assets/js/42.65fca86f.js"><link rel="prefetch" href="/docs/assets/js/43.c2f262f7.js"><link rel="prefetch" href="/docs/assets/js/44.4ee7f2dd.js"><link rel="prefetch" href="/docs/assets/js/45.ba6cb0b8.js"><link rel="prefetch" href="/docs/assets/js/46.799ca4fd.js"><link rel="prefetch" href="/docs/assets/js/47.d95e42c2.js"><link rel="prefetch" href="/docs/assets/js/48.0f8620c2.js"><link rel="prefetch" href="/docs/assets/js/49.379e8e98.js"><link rel="prefetch" href="/docs/assets/js/5.babfe476.js"><link rel="prefetch" href="/docs/assets/js/50.a2655acd.js"><link rel="prefetch" href="/docs/assets/js/51.4380e072.js"><link rel="prefetch" href="/docs/assets/js/52.36ae9174.js"><link rel="prefetch" href="/docs/assets/js/53.b05d4af4.js"><link rel="prefetch" href="/docs/assets/js/54.b9005757.js"><link rel="prefetch" href="/docs/assets/js/55.c4dc97c3.js"><link rel="prefetch" href="/docs/assets/js/56.b9b41fb2.js"><link rel="prefetch" href="/docs/assets/js/57.fb648c14.js"><link rel="prefetch" href="/docs/assets/js/58.a141c9dd.js"><link rel="prefetch" href="/docs/assets/js/59.052ae15b.js"><link rel="prefetch" href="/docs/assets/js/6.732e76db.js"><link rel="prefetch" href="/docs/assets/js/60.8b944033.js"><link rel="prefetch" href="/docs/assets/js/61.b8b9e9ed.js"><link rel="prefetch" href="/docs/assets/js/7.42f8bf76.js"><link rel="prefetch" href="/docs/assets/js/8.5031ef66.js"><link rel="prefetch" href="/docs/assets/js/9.fbcf4335.js"> <link rel="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.72c5e12c.js" as="script"><link rel="preload" href="/docs/assets/js/11.da8f7b4e.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/42.5713e0a2.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.988f977f.js"><link rel="prefetch" href="/docs/assets/js/12.9f009ad2.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.13006381.js"><link rel="prefetch" href="/docs/assets/js/15.335ea339.js"><link rel="prefetch" href="/docs/assets/js/16.b5d8406b.js"><link rel="prefetch" href="/docs/assets/js/17.8b0b85e1.js"><link rel="prefetch" href="/docs/assets/js/18.3f8a04e5.js"><link rel="prefetch" href="/docs/assets/js/19.7c1e4a1d.js"><link rel="prefetch" href="/docs/assets/js/20.337d518b.js"><link rel="prefetch" href="/docs/assets/js/21.7ae56a0d.js"><link rel="prefetch" href="/docs/assets/js/22.f9dc30d5.js"><link rel="prefetch" href="/docs/assets/js/23.9188b16b.js"><link rel="prefetch" href="/docs/assets/js/24.94db1c0a.js"><link rel="prefetch" href="/docs/assets/js/25.b76bed62.js"><link rel="prefetch" href="/docs/assets/js/26.e453b709.js"><link rel="prefetch" href="/docs/assets/js/27.89437ee2.js"><link rel="prefetch" href="/docs/assets/js/28.14970a58.js"><link rel="prefetch" href="/docs/assets/js/29.6db0a508.js"><link rel="prefetch" href="/docs/assets/js/3.2f7603a5.js"><link rel="prefetch" href="/docs/assets/js/30.77de2036.js"><link rel="prefetch" href="/docs/assets/js/31.7d9f2cf6.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.c443b3e7.js"><link rel="prefetch" href="/docs/assets/js/35.c4db8c3b.js"><link rel="prefetch" href="/docs/assets/js/36.b27d4086.js"><link rel="prefetch" href="/docs/assets/js/37.3a1830df.js"><link rel="prefetch" href="/docs/assets/js/38.be8abb25.js"><link rel="prefetch" href="/docs/assets/js/39.c148b385.js"><link rel="prefetch" href="/docs/assets/js/4.e85a1ddd.js"><link rel="prefetch" href="/docs/assets/js/40.8fb41c19.js"><link rel="prefetch" href="/docs/assets/js/41.f3eb31d3.js"><link rel="prefetch" href="/docs/assets/js/43.1d6151c5.js"><link rel="prefetch" href="/docs/assets/js/44.f2287249.js"><link rel="prefetch" href="/docs/assets/js/45.581ab4c5.js"><link rel="prefetch" href="/docs/assets/js/46.3b1e8e6c.js"><link rel="prefetch" href="/docs/assets/js/47.0f3d0de1.js"><link rel="prefetch" href="/docs/assets/js/48.c32094e7.js"><link rel="prefetch" href="/docs/assets/js/49.9f1d2c3f.js"><link rel="prefetch" href="/docs/assets/js/5.a0dda975.js"><link rel="prefetch" href="/docs/assets/js/50.62289694.js"><link rel="prefetch" href="/docs/assets/js/51.ceb6c7ab.js"><link rel="prefetch" href="/docs/assets/js/52.985a53cd.js"><link rel="prefetch" href="/docs/assets/js/53.234ffeec.js"><link rel="prefetch" href="/docs/assets/js/54.3eb81523.js"><link rel="prefetch" href="/docs/assets/js/55.6d21b840.js"><link rel="prefetch" href="/docs/assets/js/56.4431a022.js"><link rel="prefetch" href="/docs/assets/js/57.6bbc457a.js"><link rel="prefetch" href="/docs/assets/js/58.6c62fe30.js"><link rel="prefetch" href="/docs/assets/js/59.9381b90a.js"><link rel="prefetch" href="/docs/assets/js/6.b6f5182f.js"><link rel="prefetch" href="/docs/assets/js/60.6ed00651.js"><link rel="prefetch" href="/docs/assets/js/61.d5ee71ea.js"><link rel="prefetch" href="/docs/assets/js/62.48f255c7.js"><link rel="prefetch" href="/docs/assets/js/7.bcdc8f3e.js"><link rel="prefetch" href="/docs/assets/js/8.57bd3fe2.js"><link rel="prefetch" href="/docs/assets/js/9.3fd8bd20.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.284a2a25.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.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/asset.html" class="sidebar-link"> ‍ ‍ ‍ Asset</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/block.html" class="sidebar-link"> ‍ ‍ ‍ Block</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/page.html" class="sidebar-link"> ‍ ‍ ‍ Page</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/device.html" class="sidebar-link"> ‍ ‍ ‍ Device</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/css_rule.html" class="sidebar-link"> ‍ ‍ ‍ CssRule</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><li><a href="/docs/api/parser.html" aria-current="page" class="active sidebar-link">Parser</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/parser.html#parser" class="sidebar-link">Parser</a></li><li class="sidebar-sub-header"><a href="/docs/api/parser.html#available-events" class="sidebar-link">Available Events</a></li><li class="sidebar-sub-header"><a href="/docs/api/parser.html#methods" class="sidebar-link">Methods</a></li><li class="sidebar-sub-header"><a href="/docs/api/parser.html#getconfig" class="sidebar-link">getConfig</a></li><li class="sidebar-sub-header"><a href="/docs/api/parser.html#parsehtml" class="sidebar-link">parseHtml</a></li><li class="sidebar-sub-header"><a href="/docs/api/parser.html#parsecss" class="sidebar-link">parseCss</a></li></ul></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="parser"><a href="#parser" class="header-anchor">#</a> Parser</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/parser/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/frame.html" class="sidebar-link"> ‍ ‍ ‍ Frame</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/asset.html" class="sidebar-link"> ‍ ‍ ‍ Asset</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/block.html" class="sidebar-link"> ‍ ‍ ‍ Block</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/page.html" class="sidebar-link"> ‍ ‍ ‍ Page</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/device.html" class="sidebar-link"> ‍ ‍ ‍ Device</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/css_rule.html" class="sidebar-link"> ‍ ‍ ‍ CssRule</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><li><a href="/docs/api/parser.html" aria-current="page" class="active sidebar-link">Parser</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/parser.html#parser" class="sidebar-link">Parser</a></li><li class="sidebar-sub-header"><a href="/docs/api/parser.html#available-events" class="sidebar-link">Available Events</a></li><li class="sidebar-sub-header"><a href="/docs/api/parser.html#methods" class="sidebar-link">Methods</a></li><li class="sidebar-sub-header"><a href="/docs/api/parser.html#getconfig" class="sidebar-link">getConfig</a></li><li class="sidebar-sub-header"><a href="/docs/api/parser.html#parsehtml" class="sidebar-link">parseHtml</a></li><li class="sidebar-sub-header"><a href="/docs/api/parser.html#parsecss" class="sidebar-link">parseCss</a></li></ul></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="parser"><a href="#parser" class="header-anchor">#</a> Parser</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/parser/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>
parser<span class="token operator">:</span> <span class="token punctuation">{</span> parser<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>
@ -57,6 +57,6 @@
<a href="/docs/api/undo_manager.html" class="prev"> <a href="/docs/api/undo_manager.html" class="prev">
Undo Manager Undo Manager
</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.096b44af.js" defer></script><script src="/docs/assets/js/11.47670b51.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/41.c75dec6d.js" defer></script> <script src="/docs/assets/js/app.72c5e12c.js" defer></script><script src="/docs/assets/js/11.da8f7b4e.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/42.5713e0a2.js" defer></script>
</body> </body>
</html> </html>

10
docs/api/rich_text_editor.html

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27">
<script src="../js/grapes.min.js?v0.17.27"></script> <script src="../js/grapes.min.js?v0.17.27"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.284a2a25.css" as="style"><link rel="preload" href="/docs/assets/js/app.096b44af.js" as="script"><link rel="preload" href="/docs/assets/js/11.47670b51.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/42.65fca86f.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.95de8396.js"><link rel="prefetch" href="/docs/assets/js/12.21cbc4cb.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.5b4fe959.js"><link rel="prefetch" href="/docs/assets/js/15.f907683b.js"><link rel="prefetch" href="/docs/assets/js/16.f5441957.js"><link rel="prefetch" href="/docs/assets/js/17.7ff46fc8.js"><link rel="prefetch" href="/docs/assets/js/18.5824bd62.js"><link rel="prefetch" href="/docs/assets/js/19.4a0a6a4d.js"><link rel="prefetch" href="/docs/assets/js/20.9088bfeb.js"><link rel="prefetch" href="/docs/assets/js/21.784dabaf.js"><link rel="prefetch" href="/docs/assets/js/22.60477b98.js"><link rel="prefetch" href="/docs/assets/js/23.6829ef01.js"><link rel="prefetch" href="/docs/assets/js/24.09046f50.js"><link rel="prefetch" href="/docs/assets/js/25.bc82a6f8.js"><link rel="prefetch" href="/docs/assets/js/26.460759db.js"><link rel="prefetch" href="/docs/assets/js/27.e5809ebb.js"><link rel="prefetch" href="/docs/assets/js/28.a0fa95cb.js"><link rel="prefetch" href="/docs/assets/js/29.824d14b3.js"><link rel="prefetch" href="/docs/assets/js/3.8c5ea968.js"><link rel="prefetch" href="/docs/assets/js/30.17805da5.js"><link rel="prefetch" href="/docs/assets/js/31.9459030c.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.049a2dda.js"><link rel="prefetch" href="/docs/assets/js/35.630459d5.js"><link rel="prefetch" href="/docs/assets/js/36.a07ea601.js"><link rel="prefetch" href="/docs/assets/js/37.465e20e5.js"><link rel="prefetch" href="/docs/assets/js/38.0168cf26.js"><link rel="prefetch" href="/docs/assets/js/39.1be1b7ec.js"><link rel="prefetch" href="/docs/assets/js/4.d4d7c559.js"><link rel="prefetch" href="/docs/assets/js/40.53b92f1e.js"><link rel="prefetch" href="/docs/assets/js/41.c75dec6d.js"><link rel="prefetch" href="/docs/assets/js/43.c2f262f7.js"><link rel="prefetch" href="/docs/assets/js/44.4ee7f2dd.js"><link rel="prefetch" href="/docs/assets/js/45.ba6cb0b8.js"><link rel="prefetch" href="/docs/assets/js/46.799ca4fd.js"><link rel="prefetch" href="/docs/assets/js/47.d95e42c2.js"><link rel="prefetch" href="/docs/assets/js/48.0f8620c2.js"><link rel="prefetch" href="/docs/assets/js/49.379e8e98.js"><link rel="prefetch" href="/docs/assets/js/5.babfe476.js"><link rel="prefetch" href="/docs/assets/js/50.a2655acd.js"><link rel="prefetch" href="/docs/assets/js/51.4380e072.js"><link rel="prefetch" href="/docs/assets/js/52.36ae9174.js"><link rel="prefetch" href="/docs/assets/js/53.b05d4af4.js"><link rel="prefetch" href="/docs/assets/js/54.b9005757.js"><link rel="prefetch" href="/docs/assets/js/55.c4dc97c3.js"><link rel="prefetch" href="/docs/assets/js/56.b9b41fb2.js"><link rel="prefetch" href="/docs/assets/js/57.fb648c14.js"><link rel="prefetch" href="/docs/assets/js/58.a141c9dd.js"><link rel="prefetch" href="/docs/assets/js/59.052ae15b.js"><link rel="prefetch" href="/docs/assets/js/6.732e76db.js"><link rel="prefetch" href="/docs/assets/js/60.8b944033.js"><link rel="prefetch" href="/docs/assets/js/61.b8b9e9ed.js"><link rel="prefetch" href="/docs/assets/js/7.42f8bf76.js"><link rel="prefetch" href="/docs/assets/js/8.5031ef66.js"><link rel="prefetch" href="/docs/assets/js/9.fbcf4335.js"> <link rel="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.72c5e12c.js" as="script"><link rel="preload" href="/docs/assets/js/11.da8f7b4e.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/43.1d6151c5.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.988f977f.js"><link rel="prefetch" href="/docs/assets/js/12.9f009ad2.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.13006381.js"><link rel="prefetch" href="/docs/assets/js/15.335ea339.js"><link rel="prefetch" href="/docs/assets/js/16.b5d8406b.js"><link rel="prefetch" href="/docs/assets/js/17.8b0b85e1.js"><link rel="prefetch" href="/docs/assets/js/18.3f8a04e5.js"><link rel="prefetch" href="/docs/assets/js/19.7c1e4a1d.js"><link rel="prefetch" href="/docs/assets/js/20.337d518b.js"><link rel="prefetch" href="/docs/assets/js/21.7ae56a0d.js"><link rel="prefetch" href="/docs/assets/js/22.f9dc30d5.js"><link rel="prefetch" href="/docs/assets/js/23.9188b16b.js"><link rel="prefetch" href="/docs/assets/js/24.94db1c0a.js"><link rel="prefetch" href="/docs/assets/js/25.b76bed62.js"><link rel="prefetch" href="/docs/assets/js/26.e453b709.js"><link rel="prefetch" href="/docs/assets/js/27.89437ee2.js"><link rel="prefetch" href="/docs/assets/js/28.14970a58.js"><link rel="prefetch" href="/docs/assets/js/29.6db0a508.js"><link rel="prefetch" href="/docs/assets/js/3.2f7603a5.js"><link rel="prefetch" href="/docs/assets/js/30.77de2036.js"><link rel="prefetch" href="/docs/assets/js/31.7d9f2cf6.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.c443b3e7.js"><link rel="prefetch" href="/docs/assets/js/35.c4db8c3b.js"><link rel="prefetch" href="/docs/assets/js/36.b27d4086.js"><link rel="prefetch" href="/docs/assets/js/37.3a1830df.js"><link rel="prefetch" href="/docs/assets/js/38.be8abb25.js"><link rel="prefetch" href="/docs/assets/js/39.c148b385.js"><link rel="prefetch" href="/docs/assets/js/4.e85a1ddd.js"><link rel="prefetch" href="/docs/assets/js/40.8fb41c19.js"><link rel="prefetch" href="/docs/assets/js/41.f3eb31d3.js"><link rel="prefetch" href="/docs/assets/js/42.5713e0a2.js"><link rel="prefetch" href="/docs/assets/js/44.f2287249.js"><link rel="prefetch" href="/docs/assets/js/45.581ab4c5.js"><link rel="prefetch" href="/docs/assets/js/46.3b1e8e6c.js"><link rel="prefetch" href="/docs/assets/js/47.0f3d0de1.js"><link rel="prefetch" href="/docs/assets/js/48.c32094e7.js"><link rel="prefetch" href="/docs/assets/js/49.9f1d2c3f.js"><link rel="prefetch" href="/docs/assets/js/5.a0dda975.js"><link rel="prefetch" href="/docs/assets/js/50.62289694.js"><link rel="prefetch" href="/docs/assets/js/51.ceb6c7ab.js"><link rel="prefetch" href="/docs/assets/js/52.985a53cd.js"><link rel="prefetch" href="/docs/assets/js/53.234ffeec.js"><link rel="prefetch" href="/docs/assets/js/54.3eb81523.js"><link rel="prefetch" href="/docs/assets/js/55.6d21b840.js"><link rel="prefetch" href="/docs/assets/js/56.4431a022.js"><link rel="prefetch" href="/docs/assets/js/57.6bbc457a.js"><link rel="prefetch" href="/docs/assets/js/58.6c62fe30.js"><link rel="prefetch" href="/docs/assets/js/59.9381b90a.js"><link rel="prefetch" href="/docs/assets/js/6.b6f5182f.js"><link rel="prefetch" href="/docs/assets/js/60.6ed00651.js"><link rel="prefetch" href="/docs/assets/js/61.d5ee71ea.js"><link rel="prefetch" href="/docs/assets/js/62.48f255c7.js"><link rel="prefetch" href="/docs/assets/js/7.bcdc8f3e.js"><link rel="prefetch" href="/docs/assets/js/8.57bd3fe2.js"><link rel="prefetch" href="/docs/assets/js/9.3fd8bd20.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.284a2a25.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.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/asset.html" class="sidebar-link"> ‍ ‍ ‍ Asset</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/block.html" class="sidebar-link"> ‍ ‍ ‍ Block</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/page.html" class="sidebar-link"> ‍ ‍ ‍ Page</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/device.html" class="sidebar-link"> ‍ ‍ ‍ Device</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/css_rule.html" class="sidebar-link"> ‍ ‍ ‍ CssRule</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><li><a href="/docs/api/parser.html" class="sidebar-link">Parser</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/frame.html" class="sidebar-link"> ‍ ‍ ‍ Frame</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/asset.html" class="sidebar-link"> ‍ ‍ ‍ Asset</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/block.html" class="sidebar-link"> ‍ ‍ ‍ Block</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/page.html" class="sidebar-link"> ‍ ‍ ‍ Page</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/device.html" class="sidebar-link"> ‍ ‍ ‍ Device</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/css_rule.html" class="sidebar-link"> ‍ ‍ ‍ CssRule</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><li><a href="/docs/api/parser.html" class="sidebar-link">Parser</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.096b44af.js" defer></script><script src="/docs/assets/js/11.47670b51.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/42.65fca86f.js" defer></script> <script src="/docs/assets/js/app.72c5e12c.js" defer></script><script src="/docs/assets/js/11.da8f7b4e.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/43.1d6151c5.js" defer></script>
</body> </body>
</html> </html>

10
docs/api/selector_manager.html

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27">
<script src="../js/grapes.min.js?v0.17.27"></script> <script src="../js/grapes.min.js?v0.17.27"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.284a2a25.css" as="style"><link rel="preload" href="/docs/assets/js/app.096b44af.js" as="script"><link rel="preload" href="/docs/assets/js/11.47670b51.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/43.c2f262f7.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.95de8396.js"><link rel="prefetch" href="/docs/assets/js/12.21cbc4cb.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.5b4fe959.js"><link rel="prefetch" href="/docs/assets/js/15.f907683b.js"><link rel="prefetch" href="/docs/assets/js/16.f5441957.js"><link rel="prefetch" href="/docs/assets/js/17.7ff46fc8.js"><link rel="prefetch" href="/docs/assets/js/18.5824bd62.js"><link rel="prefetch" href="/docs/assets/js/19.4a0a6a4d.js"><link rel="prefetch" href="/docs/assets/js/20.9088bfeb.js"><link rel="prefetch" href="/docs/assets/js/21.784dabaf.js"><link rel="prefetch" href="/docs/assets/js/22.60477b98.js"><link rel="prefetch" href="/docs/assets/js/23.6829ef01.js"><link rel="prefetch" href="/docs/assets/js/24.09046f50.js"><link rel="prefetch" href="/docs/assets/js/25.bc82a6f8.js"><link rel="prefetch" href="/docs/assets/js/26.460759db.js"><link rel="prefetch" href="/docs/assets/js/27.e5809ebb.js"><link rel="prefetch" href="/docs/assets/js/28.a0fa95cb.js"><link rel="prefetch" href="/docs/assets/js/29.824d14b3.js"><link rel="prefetch" href="/docs/assets/js/3.8c5ea968.js"><link rel="prefetch" href="/docs/assets/js/30.17805da5.js"><link rel="prefetch" href="/docs/assets/js/31.9459030c.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.049a2dda.js"><link rel="prefetch" href="/docs/assets/js/35.630459d5.js"><link rel="prefetch" href="/docs/assets/js/36.a07ea601.js"><link rel="prefetch" href="/docs/assets/js/37.465e20e5.js"><link rel="prefetch" href="/docs/assets/js/38.0168cf26.js"><link rel="prefetch" href="/docs/assets/js/39.1be1b7ec.js"><link rel="prefetch" href="/docs/assets/js/4.d4d7c559.js"><link rel="prefetch" href="/docs/assets/js/40.53b92f1e.js"><link rel="prefetch" href="/docs/assets/js/41.c75dec6d.js"><link rel="prefetch" href="/docs/assets/js/42.65fca86f.js"><link rel="prefetch" href="/docs/assets/js/44.4ee7f2dd.js"><link rel="prefetch" href="/docs/assets/js/45.ba6cb0b8.js"><link rel="prefetch" href="/docs/assets/js/46.799ca4fd.js"><link rel="prefetch" href="/docs/assets/js/47.d95e42c2.js"><link rel="prefetch" href="/docs/assets/js/48.0f8620c2.js"><link rel="prefetch" href="/docs/assets/js/49.379e8e98.js"><link rel="prefetch" href="/docs/assets/js/5.babfe476.js"><link rel="prefetch" href="/docs/assets/js/50.a2655acd.js"><link rel="prefetch" href="/docs/assets/js/51.4380e072.js"><link rel="prefetch" href="/docs/assets/js/52.36ae9174.js"><link rel="prefetch" href="/docs/assets/js/53.b05d4af4.js"><link rel="prefetch" href="/docs/assets/js/54.b9005757.js"><link rel="prefetch" href="/docs/assets/js/55.c4dc97c3.js"><link rel="prefetch" href="/docs/assets/js/56.b9b41fb2.js"><link rel="prefetch" href="/docs/assets/js/57.fb648c14.js"><link rel="prefetch" href="/docs/assets/js/58.a141c9dd.js"><link rel="prefetch" href="/docs/assets/js/59.052ae15b.js"><link rel="prefetch" href="/docs/assets/js/6.732e76db.js"><link rel="prefetch" href="/docs/assets/js/60.8b944033.js"><link rel="prefetch" href="/docs/assets/js/61.b8b9e9ed.js"><link rel="prefetch" href="/docs/assets/js/7.42f8bf76.js"><link rel="prefetch" href="/docs/assets/js/8.5031ef66.js"><link rel="prefetch" href="/docs/assets/js/9.fbcf4335.js"> <link rel="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.72c5e12c.js" as="script"><link rel="preload" href="/docs/assets/js/11.da8f7b4e.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/44.f2287249.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.988f977f.js"><link rel="prefetch" href="/docs/assets/js/12.9f009ad2.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.13006381.js"><link rel="prefetch" href="/docs/assets/js/15.335ea339.js"><link rel="prefetch" href="/docs/assets/js/16.b5d8406b.js"><link rel="prefetch" href="/docs/assets/js/17.8b0b85e1.js"><link rel="prefetch" href="/docs/assets/js/18.3f8a04e5.js"><link rel="prefetch" href="/docs/assets/js/19.7c1e4a1d.js"><link rel="prefetch" href="/docs/assets/js/20.337d518b.js"><link rel="prefetch" href="/docs/assets/js/21.7ae56a0d.js"><link rel="prefetch" href="/docs/assets/js/22.f9dc30d5.js"><link rel="prefetch" href="/docs/assets/js/23.9188b16b.js"><link rel="prefetch" href="/docs/assets/js/24.94db1c0a.js"><link rel="prefetch" href="/docs/assets/js/25.b76bed62.js"><link rel="prefetch" href="/docs/assets/js/26.e453b709.js"><link rel="prefetch" href="/docs/assets/js/27.89437ee2.js"><link rel="prefetch" href="/docs/assets/js/28.14970a58.js"><link rel="prefetch" href="/docs/assets/js/29.6db0a508.js"><link rel="prefetch" href="/docs/assets/js/3.2f7603a5.js"><link rel="prefetch" href="/docs/assets/js/30.77de2036.js"><link rel="prefetch" href="/docs/assets/js/31.7d9f2cf6.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.c443b3e7.js"><link rel="prefetch" href="/docs/assets/js/35.c4db8c3b.js"><link rel="prefetch" href="/docs/assets/js/36.b27d4086.js"><link rel="prefetch" href="/docs/assets/js/37.3a1830df.js"><link rel="prefetch" href="/docs/assets/js/38.be8abb25.js"><link rel="prefetch" href="/docs/assets/js/39.c148b385.js"><link rel="prefetch" href="/docs/assets/js/4.e85a1ddd.js"><link rel="prefetch" href="/docs/assets/js/40.8fb41c19.js"><link rel="prefetch" href="/docs/assets/js/41.f3eb31d3.js"><link rel="prefetch" href="/docs/assets/js/42.5713e0a2.js"><link rel="prefetch" href="/docs/assets/js/43.1d6151c5.js"><link rel="prefetch" href="/docs/assets/js/45.581ab4c5.js"><link rel="prefetch" href="/docs/assets/js/46.3b1e8e6c.js"><link rel="prefetch" href="/docs/assets/js/47.0f3d0de1.js"><link rel="prefetch" href="/docs/assets/js/48.c32094e7.js"><link rel="prefetch" href="/docs/assets/js/49.9f1d2c3f.js"><link rel="prefetch" href="/docs/assets/js/5.a0dda975.js"><link rel="prefetch" href="/docs/assets/js/50.62289694.js"><link rel="prefetch" href="/docs/assets/js/51.ceb6c7ab.js"><link rel="prefetch" href="/docs/assets/js/52.985a53cd.js"><link rel="prefetch" href="/docs/assets/js/53.234ffeec.js"><link rel="prefetch" href="/docs/assets/js/54.3eb81523.js"><link rel="prefetch" href="/docs/assets/js/55.6d21b840.js"><link rel="prefetch" href="/docs/assets/js/56.4431a022.js"><link rel="prefetch" href="/docs/assets/js/57.6bbc457a.js"><link rel="prefetch" href="/docs/assets/js/58.6c62fe30.js"><link rel="prefetch" href="/docs/assets/js/59.9381b90a.js"><link rel="prefetch" href="/docs/assets/js/6.b6f5182f.js"><link rel="prefetch" href="/docs/assets/js/60.6ed00651.js"><link rel="prefetch" href="/docs/assets/js/61.d5ee71ea.js"><link rel="prefetch" href="/docs/assets/js/62.48f255c7.js"><link rel="prefetch" href="/docs/assets/js/7.bcdc8f3e.js"><link rel="prefetch" href="/docs/assets/js/8.57bd3fe2.js"><link rel="prefetch" href="/docs/assets/js/9.3fd8bd20.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.284a2a25.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.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/asset.html" class="sidebar-link"> ‍ ‍ ‍ Asset</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/block.html" class="sidebar-link"> ‍ ‍ ‍ Block</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/page.html" class="sidebar-link"> ‍ ‍ ‍ Page</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/device.html" class="sidebar-link"> ‍ ‍ ‍ Device</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/css_rule.html" class="sidebar-link"> ‍ ‍ ‍ CssRule</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><li><a href="/docs/api/parser.html" class="sidebar-link">Parser</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/frame.html" class="sidebar-link"> ‍ ‍ ‍ Frame</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/asset.html" class="sidebar-link"> ‍ ‍ ‍ Asset</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/block.html" class="sidebar-link"> ‍ ‍ ‍ Block</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/page.html" class="sidebar-link"> ‍ ‍ ‍ Page</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/device.html" class="sidebar-link"> ‍ ‍ ‍ Device</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/css_rule.html" class="sidebar-link"> ‍ ‍ ‍ CssRule</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><li><a href="/docs/api/parser.html" class="sidebar-link">Parser</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>
@ -72,6 +72,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.096b44af.js" defer></script><script src="/docs/assets/js/11.47670b51.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/43.c2f262f7.js" defer></script> <script src="/docs/assets/js/app.72c5e12c.js" defer></script><script src="/docs/assets/js/11.da8f7b4e.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/44.f2287249.js" defer></script>
</body> </body>
</html> </html>

10
docs/api/storage_manager.html

File diff suppressed because one or more lines are too long

10
docs/api/style_manager.html

File diff suppressed because one or more lines are too long

10
docs/api/undo_manager.html

File diff suppressed because one or more lines are too long

2
docs/assets/css/0.styles.284a2a25.css → docs/assets/css/0.styles.7e8c4553.css

File diff suppressed because one or more lines are too long

2
docs/assets/js/10.95de8396.js → docs/assets/js/10.988f977f.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/11.47670b51.js → docs/assets/js/11.da8f7b4e.js

@ -1 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[11,13],{310:function(t,n,e){},313:function(t,n,e){"use strict";e(310)},347: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(313),e(44)),i=Object(o.a)(a,void 0,void 0,!1,null,null,null);n.default=i.exports},429:function(t,n,e){"use strict";e.r(n);var a=e(383),o=e(347),i={components:{Layout:a.a,CarbonAds:o.default}},r=e(44),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],{310:function(t,n,e){},313:function(t,n,e){"use strict";e(310)},347: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(313),e(44)),i=Object(o.a)(a,void 0,void 0,!1,null,null,null);n.default=i.exports},430:function(t,n,e){"use strict";e.r(n);var a=e(383),o=e(347),i={components:{Layout:a.a,CarbonAds:o.default}},r=e(44),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}}]);

1
docs/assets/js/12.21cbc4cb.js

@ -1 +0,0 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{334:function(t,n,e){},372:function(t,n,e){"use strict";e(334)},441:function(t,n,e){"use strict";e.r(n);e(372);var s=e(44),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}}]);

1
docs/assets/js/12.9f009ad2.js

@ -0,0 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{333:function(t,n,e){},371:function(t,n,e){"use strict";e(333)},442:function(t,n,e){"use strict";e.r(n);e(371);var s=e(44),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.5b4fe959.js → docs/assets/js/14.13006381.js

@ -1 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{342:function(t,e,n){},380:function(t,e,n){"use strict";n(342)},442: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(380),n(44)),p=Object(r.a)(i,void 0,void 0,!1,null,"15b7b770",null);e.default=p.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[14],{342:function(t,e,n){},380:function(t,e,n){"use strict";n(342)},443: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(380),n(44)),p=Object(r.a)(i,void 0,void 0,!1,null,"15b7b770",null);e.default=p.exports}}]);

2
docs/assets/js/15.f907683b.js → docs/assets/js/15.335ea339.js

@ -1 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{344:function(t,e,a){},382:function(t,e,a){"use strict";a(344)},439:function(t,e,a){"use strict";a.r(e);var n={name:"CodeBlock",props:{title:{type:String,required:!0},active:{type:Boolean,default:!1}},mounted:function(){this.$parent&&this.$parent.loadTabs&&this.$parent.loadTabs()}},i=(a(382),a(44)),s=Object(i.a)(n,(function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"theme-code-block",class:{"theme-code-block__active":this.active}},[this._t("default")],2)}),[],!1,null,"759a7d02",null);e.default=s.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[15],{343:function(t,e,a){},381:function(t,e,a){"use strict";a(343)},439:function(t,e,a){"use strict";a.r(e);var n={name:"CodeBlock",props:{title:{type:String,required:!0},active:{type:Boolean,default:!1}},mounted:function(){this.$parent&&this.$parent.loadTabs&&this.$parent.loadTabs()}},i=(a(381),a(44)),s=Object(i.a)(n,(function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"theme-code-block",class:{"theme-code-block__active":this.active}},[this._t("default")],2)}),[],!1,null,"759a7d02",null);e.default=s.exports}}]);

2
docs/assets/js/16.f5441957.js → docs/assets/js/16.b5d8406b.js

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

2
docs/assets/js/17.7ff46fc8.js → docs/assets/js/17.8b0b85e1.js

@ -1 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{437:function(e,t,r){"use strict";r.r(t);r(173);var n={name:"DemoViewer",props:{value:{type:String,default:""},user:{type:String,default:"artur_arseniev"},width:{type:String,default:"100%"},height:{type:String,default:"300"},darkcode:{type:Boolean,default:!1}},computed:{src:function(){var e=this.value,t=this.user,r=this.darkcode?"/dark/?menuColor=fff&fontColor=333&accentColor=e67891":"";return"//jsfiddle.net/".concat(t,"/").concat(e,"/embedded/js,html,css,result").concat(r)}}},a=r(44),l=Object(a.a)(n,(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=l.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[17],{438:function(e,t,r){"use strict";r.r(t);r(173);var n={name:"DemoViewer",props:{value:{type:String,default:""},user:{type:String,default:"artur_arseniev"},width:{type:String,default:"100%"},height:{type:String,default:"300"},darkcode:{type:Boolean,default:!1}},computed:{src:function(){var e=this.value,t=this.user,r=this.darkcode?"/dark/?menuColor=fff&fontColor=333&accentColor=e67891":"";return"//jsfiddle.net/".concat(t,"/").concat(e,"/embedded/js,html,css,result").concat(r)}}},a=r(44),l=Object(a.a)(n,(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=l.exports}}]);

2
docs/assets/js/18.5824bd62.js → docs/assets/js/18.3f8a04e5.js

@ -1 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{428: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(44),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],{429: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(44),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.4a0a6a4d.js → docs/assets/js/19.7c1e4a1d.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/20.9088bfeb.js → docs/assets/js/20.337d518b.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/21.784dabaf.js → docs/assets/js/21.7ae56a0d.js

@ -1 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{454:function(t,e,s){"use strict";s.r(e);var a=s(44),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],{471:function(t,e,s){"use strict";s.r(e);var a=s(44),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.60477b98.js → docs/assets/js/22.f9dc30d5.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/23.6829ef01.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/23.9188b16b.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/24.09046f50.js

@ -1 +0,0 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{445:function(e,t,r){"use strict";r.r(t);var o=r(44),n=Object(o.a)({},(function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("h2",{attrs:{id:"block"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#block"}},[e._v("#")]),e._v(" Block")]),e._v(" "),r("h3",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[e._v("#")]),e._v(" Properties")]),e._v(" "),r("ul",[r("li",[r("code",[e._v("label")]),e._v(" "),r("strong",[r("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String",target:"_blank",rel:"noopener noreferrer"}},[e._v("String"),r("OutboundLink")],1)]),e._v(" Block label, eg. "),r("code",[e._v("My block")])]),e._v(" "),r("li",[r("code",[e._v("content")]),e._v(" "),r("strong",[e._v("("),r("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String",target:"_blank",rel:"noopener noreferrer"}},[e._v("String"),r("OutboundLink")],1),e._v(" | "),r("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object",target:"_blank",rel:"noopener noreferrer"}},[e._v("Object"),r("OutboundLink")],1),e._v(")")]),e._v(" The content of the block. Might be an HTML string or a "),r("RouterLink",{attrs:{to:"/modules/Components.html#component-definition"}},[e._v("Component Defintion")])],1),e._v(" "),r("li",[r("code",[e._v("media")]),e._v(" "),r("strong",[r("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String",target:"_blank",rel:"noopener noreferrer"}},[e._v("String"),r("OutboundLink")],1),e._v("?")]),e._v(" HTML string for the media/icon of the block, eg. "),r("code",[e._v("<svg ...")]),e._v(", "),r("code",[e._v("<img ...")]),e._v(", etc.")]),e._v(" "),r("li",[r("code",[e._v("category")]),e._v(" "),r("strong",[r("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String",target:"_blank",rel:"noopener noreferrer"}},[e._v("String"),r("OutboundLink")],1),e._v("?")]),e._v(" Block category")]),e._v(" "),r("li",[r("code",[e._v("activate")]),e._v(" "),r("strong",[r("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean",target:"_blank",rel:"noopener noreferrer"}},[e._v("Boolean"),r("OutboundLink")],1),e._v("?")]),e._v(" If true, triggers an the "),r("code",[e._v("active")]),e._v(" event on dropped component")]),e._v(" "),r("li",[r("code",[e._v("select")]),e._v(" "),r("strong",[r("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean",target:"_blank",rel:"noopener noreferrer"}},[e._v("Boolean"),r("OutboundLink")],1),e._v("?")]),e._v(" If true, the dropped component will be selected")]),e._v(" "),r("li",[r("code",[e._v("resetId")]),e._v(" "),r("strong",[r("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean",target:"_blank",rel:"noopener noreferrer"}},[e._v("Boolean"),r("OutboundLink")],1),e._v("?")]),e._v(" If true, all IDs of dropped components and their styles will be changed")]),e._v(" "),r("li",[r("code",[e._v("disable")]),e._v(" "),r("strong",[r("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean",target:"_blank",rel:"noopener noreferrer"}},[e._v("Boolean"),r("OutboundLink")],1),e._v("?")]),e._v(" Disable the block from being interacted")]),e._v(" "),r("li",[r("code",[e._v("onClick")]),e._v(" "),r("strong",[r("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function",target:"_blank",rel:"noopener noreferrer"}},[e._v("Function"),r("OutboundLink")],1),e._v("?")]),e._v(" Custom behavior on click, eg. "),r("code",[e._v("(block, editor) => editor.getWrapper().append(block.get('content'))")])]),e._v(" "),r("li",[r("code",[e._v("attributes")]),e._v(" "),r("strong",[r("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object",target:"_blank",rel:"noopener noreferrer"}},[e._v("Object"),r("OutboundLink")],1),e._v("?")]),e._v(" Block attributes to apply in the view element")])])])}),[],!1,null,null,null);t.default=n.exports}}]);

1
docs/assets/js/24.94db1c0a.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/25.b76bed62.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/25.bc82a6f8.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/26.460759db.js → docs/assets/js/26.e453b709.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/27.e5809ebb.js → docs/assets/js/27.89437ee2.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/28.14970a58.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/28.a0fa95cb.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/29.824d14b3.js → docs/assets/js/29.6db0a508.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/3.8c5ea968.js → docs/assets/js/3.2f7603a5.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/30.17805da5.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/30.77de2036.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/31.7d9f2cf6.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/31.9459030c.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/34.049a2dda.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/34.c443b3e7.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/35.c4db8c3b.js

@ -0,0 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{457:function(e,r,t){"use strict";t.r(r);var o=t(44),a=Object(o.a)({},(function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h2",{attrs:{id:"frame"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#frame"}},[e._v("#")]),e._v(" Frame")]),e._v(" "),t("h3",{attrs:{id:"properties"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[e._v("#")]),e._v(" Properties")]),e._v(" "),t("ul",[t("li",[t("code",[e._v("component")]),e._v(" "),t("strong",[e._v("("),t("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object",target:"_blank",rel:"noopener noreferrer"}},[e._v("Object"),t("OutboundLink")],1),e._v(" | "),t("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String",target:"_blank",rel:"noopener noreferrer"}},[e._v("String"),t("OutboundLink")],1),e._v(")")]),e._v(" Wrapper component definition. You can also pass an HTML string as components of the default wrapper component.")]),e._v(" "),t("li",[t("code",[e._v("width")]),e._v(" "),t("strong",[t("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String",target:"_blank",rel:"noopener noreferrer"}},[e._v("String"),t("OutboundLink")],1),e._v("?")]),e._v(" Width of the frame. By default, the canvas width will be taken.")]),e._v(" "),t("li",[t("code",[e._v("height")]),e._v(" "),t("strong",[t("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String",target:"_blank",rel:"noopener noreferrer"}},[e._v("String"),t("OutboundLink")],1),e._v("?")]),e._v(" Height of the frame. By default, the canvas height will be taken.")]),e._v(" "),t("li",[t("code",[e._v("x")]),e._v(" "),t("strong",[t("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number",target:"_blank",rel:"noopener noreferrer"}},[e._v("Number"),t("OutboundLink")],1),e._v("?")]),e._v(" Horizontal position of the frame in the canvas.")]),e._v(" "),t("li",[t("code",[e._v("y")]),e._v(" "),t("strong",[t("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number",target:"_blank",rel:"noopener noreferrer"}},[e._v("Number"),t("OutboundLink")],1),e._v("?")]),e._v(" Vertical position of the frame in the canvas.")])])])}),[],!1,null,null,null);r.default=a.exports}}]);

2
docs/assets/js/35.630459d5.js → docs/assets/js/36.b27d4086.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/36.a07ea601.js → docs/assets/js/37.3a1830df.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/37.465e20e5.js → docs/assets/js/38.be8abb25.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/39.1be1b7ec.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/38.0168cf26.js → docs/assets/js/39.c148b385.js

@ -1 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{462:function(t,a,s){"use strict";s.r(a);var e=s(44),n=Object(e.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"getallframes"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#getallframes"}},[t._v("#")]),t._v(" getAllFrames")]),t._v(" "),s("p",[t._v("Get all frames")]),t._v(" "),s("h3",{attrs:{id:"examples"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#examples"}},[t._v("#")]),t._v(" Examples")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" arrayOfFrames "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" page"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getAllFrames")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("p",[t._v("Returns "),s("strong",[s("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array",target:"_blank",rel:"noopener noreferrer"}},[t._v("Array"),s("OutboundLink")],1),t._v("<Frame>")])]),t._v(" "),s("h2",{attrs:{id:"getmainframe"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#getmainframe"}},[t._v("#")]),t._v(" getMainFrame")]),t._v(" "),s("p",[t._v("Get the first frame of the page (identified always as the main one)")]),t._v(" "),s("h3",{attrs:{id:"examples-2"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#examples-2"}},[t._v("#")]),t._v(" Examples")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" mainFrame "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" page"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getMainFrame")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("p",[t._v("Returns "),s("strong",[t._v("Frame")])]),t._v(" "),s("h2",{attrs:{id:"getmaincomponent"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#getmaincomponent"}},[t._v("#")]),t._v(" getMainComponent")]),t._v(" "),s("p",[t._v("Get the root component (usually is the "),s("code",[t._v("wrapper")]),t._v(" component) from the main frame")]),t._v(" "),s("h3",{attrs:{id:"examples-3"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#examples-3"}},[t._v("#")]),t._v(" Examples")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" rootComponent "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" page"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getMainComponent")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nconsole"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rootComponent"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("toHTML")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("p",[t._v("Returns "),s("strong",[t._v("Component")])])])}),[],!1,null,null,null);a.default=n.exports}}]); (window.webpackJsonp=window.webpackJsonp||[]).push([[39],{462:function(t,a,s){"use strict";s.r(a);var e=s(44),n=Object(e.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"getallframes"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#getallframes"}},[t._v("#")]),t._v(" getAllFrames")]),t._v(" "),s("p",[t._v("Get all frames")]),t._v(" "),s("h3",{attrs:{id:"examples"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#examples"}},[t._v("#")]),t._v(" Examples")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" arrayOfFrames "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" page"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getAllFrames")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("p",[t._v("Returns "),s("strong",[s("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array",target:"_blank",rel:"noopener noreferrer"}},[t._v("Array"),s("OutboundLink")],1),t._v("<Frame>")])]),t._v(" "),s("h2",{attrs:{id:"getmainframe"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#getmainframe"}},[t._v("#")]),t._v(" getMainFrame")]),t._v(" "),s("p",[t._v("Get the first frame of the page (identified always as the main one)")]),t._v(" "),s("h3",{attrs:{id:"examples-2"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#examples-2"}},[t._v("#")]),t._v(" Examples")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" mainFrame "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" page"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getMainFrame")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("p",[t._v("Returns "),s("strong",[t._v("Frame")])]),t._v(" "),s("h2",{attrs:{id:"getmaincomponent"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#getmaincomponent"}},[t._v("#")]),t._v(" getMainComponent")]),t._v(" "),s("p",[t._v("Get the root component (usually is the "),s("code",[t._v("wrapper")]),t._v(" component) from the main frame")]),t._v(" "),s("h3",{attrs:{id:"examples-3"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#examples-3"}},[t._v("#")]),t._v(" Examples")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" rootComponent "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" page"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getMainComponent")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nconsole"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("rootComponent"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("toHTML")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("p",[t._v("Returns "),s("strong",[t._v("Component")])])])}),[],!1,null,null,null);a.default=n.exports}}]);

2
docs/assets/js/4.d4d7c559.js → docs/assets/js/4.e85a1ddd.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/40.8fb41c19.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/40.53b92f1e.js → docs/assets/js/41.f3eb31d3.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/41.c75dec6d.js → docs/assets/js/42.5713e0a2.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/42.65fca86f.js → docs/assets/js/43.1d6151c5.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/43.c2f262f7.js → docs/assets/js/44.f2287249.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/44.4ee7f2dd.js → docs/assets/js/45.581ab4c5.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/45.ba6cb0b8.js → docs/assets/js/46.3b1e8e6c.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/46.799ca4fd.js → docs/assets/js/47.0f3d0de1.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/47.d95e42c2.js → docs/assets/js/48.c32094e7.js

@ -1 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[47],{471:function(t,s,e){"use strict";e.r(s);var n=e(44),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([[48],{472:function(t,s,e){"use strict";e.r(s);var n=e(44),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/48.0f8620c2.js → docs/assets/js/49.9f1d2c3f.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/5.babfe476.js → docs/assets/js/5.a0dda975.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/49.379e8e98.js → docs/assets/js/50.62289694.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/50.a2655acd.js → docs/assets/js/51.ceb6c7ab.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/52.36ae9174.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/51.4380e072.js → docs/assets/js/52.985a53cd.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/53.234ffeec.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/53.b05d4af4.js → docs/assets/js/54.3eb81523.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/54.b9005757.js → docs/assets/js/55.6d21b840.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/55.c4dc97c3.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/56.4431a022.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/56.b9b41fb2.js → docs/assets/js/57.6bbc457a.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/57.fb648c14.js → docs/assets/js/58.6c62fe30.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/58.a141c9dd.js → docs/assets/js/59.9381b90a.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/6.732e76db.js → docs/assets/js/6.b6f5182f.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/59.052ae15b.js → docs/assets/js/60.6ed00651.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/60.8b944033.js → docs/assets/js/61.d5ee71ea.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/61.b8b9e9ed.js → docs/assets/js/62.48f255c7.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/7.42f8bf76.js → docs/assets/js/7.bcdc8f3e.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/8.5031ef66.js → docs/assets/js/8.57bd3fe2.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/9.fbcf4335.js → docs/assets/js/9.3fd8bd20.js

File diff suppressed because one or more lines are too long

4
docs/assets/js/app.096b44af.js → docs/assets/js/app.72c5e12c.js

File diff suppressed because one or more lines are too long

10
docs/faq.html

@ -9,9 +9,9 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27"> <link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.27">
<script src="../js/grapes.min.js?v0.17.27"></script> <script src="../js/grapes.min.js?v0.17.27"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.284a2a25.css" as="style"><link rel="preload" href="/docs/assets/js/app.096b44af.js" as="script"><link rel="preload" href="/docs/assets/js/11.47670b51.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/47.d95e42c2.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.95de8396.js"><link rel="prefetch" href="/docs/assets/js/12.21cbc4cb.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.5b4fe959.js"><link rel="prefetch" href="/docs/assets/js/15.f907683b.js"><link rel="prefetch" href="/docs/assets/js/16.f5441957.js"><link rel="prefetch" href="/docs/assets/js/17.7ff46fc8.js"><link rel="prefetch" href="/docs/assets/js/18.5824bd62.js"><link rel="prefetch" href="/docs/assets/js/19.4a0a6a4d.js"><link rel="prefetch" href="/docs/assets/js/20.9088bfeb.js"><link rel="prefetch" href="/docs/assets/js/21.784dabaf.js"><link rel="prefetch" href="/docs/assets/js/22.60477b98.js"><link rel="prefetch" href="/docs/assets/js/23.6829ef01.js"><link rel="prefetch" href="/docs/assets/js/24.09046f50.js"><link rel="prefetch" href="/docs/assets/js/25.bc82a6f8.js"><link rel="prefetch" href="/docs/assets/js/26.460759db.js"><link rel="prefetch" href="/docs/assets/js/27.e5809ebb.js"><link rel="prefetch" href="/docs/assets/js/28.a0fa95cb.js"><link rel="prefetch" href="/docs/assets/js/29.824d14b3.js"><link rel="prefetch" href="/docs/assets/js/3.8c5ea968.js"><link rel="prefetch" href="/docs/assets/js/30.17805da5.js"><link rel="prefetch" href="/docs/assets/js/31.9459030c.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.049a2dda.js"><link rel="prefetch" href="/docs/assets/js/35.630459d5.js"><link rel="prefetch" href="/docs/assets/js/36.a07ea601.js"><link rel="prefetch" href="/docs/assets/js/37.465e20e5.js"><link rel="prefetch" href="/docs/assets/js/38.0168cf26.js"><link rel="prefetch" href="/docs/assets/js/39.1be1b7ec.js"><link rel="prefetch" href="/docs/assets/js/4.d4d7c559.js"><link rel="prefetch" href="/docs/assets/js/40.53b92f1e.js"><link rel="prefetch" href="/docs/assets/js/41.c75dec6d.js"><link rel="prefetch" href="/docs/assets/js/42.65fca86f.js"><link rel="prefetch" href="/docs/assets/js/43.c2f262f7.js"><link rel="prefetch" href="/docs/assets/js/44.4ee7f2dd.js"><link rel="prefetch" href="/docs/assets/js/45.ba6cb0b8.js"><link rel="prefetch" href="/docs/assets/js/46.799ca4fd.js"><link rel="prefetch" href="/docs/assets/js/48.0f8620c2.js"><link rel="prefetch" href="/docs/assets/js/49.379e8e98.js"><link rel="prefetch" href="/docs/assets/js/5.babfe476.js"><link rel="prefetch" href="/docs/assets/js/50.a2655acd.js"><link rel="prefetch" href="/docs/assets/js/51.4380e072.js"><link rel="prefetch" href="/docs/assets/js/52.36ae9174.js"><link rel="prefetch" href="/docs/assets/js/53.b05d4af4.js"><link rel="prefetch" href="/docs/assets/js/54.b9005757.js"><link rel="prefetch" href="/docs/assets/js/55.c4dc97c3.js"><link rel="prefetch" href="/docs/assets/js/56.b9b41fb2.js"><link rel="prefetch" href="/docs/assets/js/57.fb648c14.js"><link rel="prefetch" href="/docs/assets/js/58.a141c9dd.js"><link rel="prefetch" href="/docs/assets/js/59.052ae15b.js"><link rel="prefetch" href="/docs/assets/js/6.732e76db.js"><link rel="prefetch" href="/docs/assets/js/60.8b944033.js"><link rel="prefetch" href="/docs/assets/js/61.b8b9e9ed.js"><link rel="prefetch" href="/docs/assets/js/7.42f8bf76.js"><link rel="prefetch" href="/docs/assets/js/8.5031ef66.js"><link rel="prefetch" href="/docs/assets/js/9.fbcf4335.js"> <link rel="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.72c5e12c.js" as="script"><link rel="preload" href="/docs/assets/js/11.da8f7b4e.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/48.c32094e7.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.988f977f.js"><link rel="prefetch" href="/docs/assets/js/12.9f009ad2.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.13006381.js"><link rel="prefetch" href="/docs/assets/js/15.335ea339.js"><link rel="prefetch" href="/docs/assets/js/16.b5d8406b.js"><link rel="prefetch" href="/docs/assets/js/17.8b0b85e1.js"><link rel="prefetch" href="/docs/assets/js/18.3f8a04e5.js"><link rel="prefetch" href="/docs/assets/js/19.7c1e4a1d.js"><link rel="prefetch" href="/docs/assets/js/20.337d518b.js"><link rel="prefetch" href="/docs/assets/js/21.7ae56a0d.js"><link rel="prefetch" href="/docs/assets/js/22.f9dc30d5.js"><link rel="prefetch" href="/docs/assets/js/23.9188b16b.js"><link rel="prefetch" href="/docs/assets/js/24.94db1c0a.js"><link rel="prefetch" href="/docs/assets/js/25.b76bed62.js"><link rel="prefetch" href="/docs/assets/js/26.e453b709.js"><link rel="prefetch" href="/docs/assets/js/27.89437ee2.js"><link rel="prefetch" href="/docs/assets/js/28.14970a58.js"><link rel="prefetch" href="/docs/assets/js/29.6db0a508.js"><link rel="prefetch" href="/docs/assets/js/3.2f7603a5.js"><link rel="prefetch" href="/docs/assets/js/30.77de2036.js"><link rel="prefetch" href="/docs/assets/js/31.7d9f2cf6.js"><link rel="prefetch" href="/docs/assets/js/32.a3c9bf18.js"><link rel="prefetch" href="/docs/assets/js/33.a9993219.js"><link rel="prefetch" href="/docs/assets/js/34.c443b3e7.js"><link rel="prefetch" href="/docs/assets/js/35.c4db8c3b.js"><link rel="prefetch" href="/docs/assets/js/36.b27d4086.js"><link rel="prefetch" href="/docs/assets/js/37.3a1830df.js"><link rel="prefetch" href="/docs/assets/js/38.be8abb25.js"><link rel="prefetch" href="/docs/assets/js/39.c148b385.js"><link rel="prefetch" href="/docs/assets/js/4.e85a1ddd.js"><link rel="prefetch" href="/docs/assets/js/40.8fb41c19.js"><link rel="prefetch" href="/docs/assets/js/41.f3eb31d3.js"><link rel="prefetch" href="/docs/assets/js/42.5713e0a2.js"><link rel="prefetch" href="/docs/assets/js/43.1d6151c5.js"><link rel="prefetch" href="/docs/assets/js/44.f2287249.js"><link rel="prefetch" href="/docs/assets/js/45.581ab4c5.js"><link rel="prefetch" href="/docs/assets/js/46.3b1e8e6c.js"><link rel="prefetch" href="/docs/assets/js/47.0f3d0de1.js"><link rel="prefetch" href="/docs/assets/js/49.9f1d2c3f.js"><link rel="prefetch" href="/docs/assets/js/5.a0dda975.js"><link rel="prefetch" href="/docs/assets/js/50.62289694.js"><link rel="prefetch" href="/docs/assets/js/51.ceb6c7ab.js"><link rel="prefetch" href="/docs/assets/js/52.985a53cd.js"><link rel="prefetch" href="/docs/assets/js/53.234ffeec.js"><link rel="prefetch" href="/docs/assets/js/54.3eb81523.js"><link rel="prefetch" href="/docs/assets/js/55.6d21b840.js"><link rel="prefetch" href="/docs/assets/js/56.4431a022.js"><link rel="prefetch" href="/docs/assets/js/57.6bbc457a.js"><link rel="prefetch" href="/docs/assets/js/58.6c62fe30.js"><link rel="prefetch" href="/docs/assets/js/59.9381b90a.js"><link rel="prefetch" href="/docs/assets/js/6.b6f5182f.js"><link rel="prefetch" href="/docs/assets/js/60.6ed00651.js"><link rel="prefetch" href="/docs/assets/js/61.d5ee71ea.js"><link rel="prefetch" href="/docs/assets/js/62.48f255c7.js"><link rel="prefetch" href="/docs/assets/js/7.bcdc8f3e.js"><link rel="prefetch" href="/docs/assets/js/8.57bd3fe2.js"><link rel="prefetch" href="/docs/assets/js/9.3fd8bd20.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.284a2a25.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.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/" 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/Modal.html" class="sidebar-link">Modal</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/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/Traits.html" class="sidebar-link">Traits</a></li><li><a href="/docs/modules/Blocks.html" class="sidebar-link">Blocks</a></li><li><a href="/docs/modules/Assets.html" class="sidebar-link">Assets</a></li><li><a href="/docs/modules/Commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/modules/I18n.html" class="sidebar-link">I18n</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/Modal.html" class="sidebar-link">Modal</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.096b44af.js" defer></script><script src="/docs/assets/js/11.47670b51.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/47.d95e42c2.js" defer></script> <script src="/docs/assets/js/app.72c5e12c.js" defer></script><script src="/docs/assets/js/11.da8f7b4e.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/48.c32094e7.js" defer></script>
</body> </body>
</html> </html>

Some files were not shown because too many files changed in this diff

Loading…
Cancel
Save