Browse Source

deploy docs

gh-pages
Artur Arseniev 5 years ago
parent
commit
0c389ab2d3
  1. 8
      docs/404.html
  2. 8
      docs/Home.html
  3. 8
      docs/api/asset.html
  4. 8
      docs/api/assets.html
  5. 8
      docs/api/block.html
  6. 8
      docs/api/block_manager.html
  7. 8
      docs/api/canvas.html
  8. 8
      docs/api/commands.html
  9. 45
      docs/api/component.html
  10. 8
      docs/api/components.html
  11. 12
      docs/api/css_composer.html
  12. 8
      docs/api/css_rule.html
  13. 8
      docs/api/device.html
  14. 8
      docs/api/device_manager.html
  15. 12
      docs/api/editor.html
  16. 8
      docs/api/frame.html
  17. 8
      docs/api/i18n.html
  18. 8
      docs/api/index.html
  19. 8
      docs/api/keymaps.html
  20. 8
      docs/api/modal_dialog.html
  21. 15
      docs/api/page.html
  22. 8
      docs/api/pages.html
  23. 8
      docs/api/panels.html
  24. 8
      docs/api/parser.html
  25. 8
      docs/api/rich_text_editor.html
  26. 48
      docs/api/sector.html
  27. 58
      docs/api/selector.html
  28. 60
      docs/api/selector_manager.html
  29. 48
      docs/api/state.html
  30. 12
      docs/api/storage_manager.html
  31. 36
      docs/api/style_manager.html
  32. 8
      docs/api/undo_manager.html
  33. 2
      docs/assets/js/10.f9338e3e.js
  34. 2
      docs/assets/js/11.6bd95923.js
  35. 2
      docs/assets/js/12.7aa87de4.js
  36. 2
      docs/assets/js/14.3d9dec2e.js
  37. 2
      docs/assets/js/15.d2d3d655.js
  38. 2
      docs/assets/js/16.b0b88265.js
  39. 2
      docs/assets/js/17.4e34d08f.js
  40. 2
      docs/assets/js/18.c344e12d.js
  41. 2
      docs/assets/js/19.ebf5d357.js
  42. 2
      docs/assets/js/20.8d73235e.js
  43. 2
      docs/assets/js/21.024ef6be.js
  44. 2
      docs/assets/js/22.a73c6cf2.js
  45. 2
      docs/assets/js/23.a524f73c.js
  46. 2
      docs/assets/js/24.d17e6d01.js
  47. 2
      docs/assets/js/25.aa8138ec.js
  48. 2
      docs/assets/js/26.fe1952ef.js
  49. 2
      docs/assets/js/27.8316011d.js
  50. 1
      docs/assets/js/28.14970a58.js
  51. 1
      docs/assets/js/28.d859b40f.js
  52. 2
      docs/assets/js/29.7f61539d.js
  53. 2
      docs/assets/js/3.e0934735.js
  54. 2
      docs/assets/js/30.b08f574f.js
  55. 2
      docs/assets/js/31.5c6013fd.js
  56. 2
      docs/assets/js/32.1104746e.js
  57. 2
      docs/assets/js/33.8e51e07b.js
  58. 1
      docs/assets/js/34.1c7a2d26.js
  59. 1
      docs/assets/js/34.c443b3e7.js
  60. 2
      docs/assets/js/35.7faf9cf4.js
  61. 2
      docs/assets/js/36.6139aca4.js
  62. 2
      docs/assets/js/37.301703ce.js
  63. 2
      docs/assets/js/38.41c23ea3.js
  64. 1
      docs/assets/js/39.8d06bed0.js
  65. 1
      docs/assets/js/39.c148b385.js
  66. 2
      docs/assets/js/4.06dac413.js
  67. 2
      docs/assets/js/40.1f900378.js
  68. 2
      docs/assets/js/41.e0a4912c.js
  69. 2
      docs/assets/js/42.fb0fb182.js
  70. 2
      docs/assets/js/43.e525a891.js
  71. 1
      docs/assets/js/44.000b06a5.js
  72. 1
      docs/assets/js/44.f2287249.js
  73. 1
      docs/assets/js/45.7a4fb39d.js
  74. 1
      docs/assets/js/46.11c895a4.js
  75. 1
      docs/assets/js/46.3b1e8e6c.js
  76. 1
      docs/assets/js/47.db1392c8.js
  77. 2
      docs/assets/js/48.11f74fa9.js
  78. 1
      docs/assets/js/49.581fdd79.js
  79. 2
      docs/assets/js/5.08e37066.js
  80. 2
      docs/assets/js/50.f415965a.js
  81. 2
      docs/assets/js/51.99bc4461.js
  82. 2
      docs/assets/js/52.1edd7f55.js
  83. 2
      docs/assets/js/53.1f6a545d.js
  84. 1
      docs/assets/js/53.234ffeec.js
  85. 2
      docs/assets/js/54.2eb1896d.js
  86. 2
      docs/assets/js/55.17addc21.js
  87. 1
      docs/assets/js/56.b8e2938b.js
  88. 2
      docs/assets/js/57.641221d6.js
  89. 2
      docs/assets/js/58.caae4ac6.js
  90. 2
      docs/assets/js/59.16adccb5.js
  91. 2
      docs/assets/js/6.c3bb29e6.js
  92. 2
      docs/assets/js/60.a26b577f.js
  93. 2
      docs/assets/js/61.5ef86071.js
  94. 2
      docs/assets/js/62.936ffa8c.js
  95. 1
      docs/assets/js/63.8300160a.js
  96. 2
      docs/assets/js/64.2a91c027.js
  97. 2
      docs/assets/js/65.b239a16a.js
  98. 2
      docs/assets/js/66.0ab89df8.js
  99. 2
      docs/assets/js/7.444c7304.js
  100. 2
      docs/assets/js/8.8bf3228a.js

8
docs/404.html

@ -9,14 +9,14 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.28">
<script src="../js/grapes.min.js?v0.17.28"></script>
<meta name="description" content="GrapesJS documentation">
<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="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.ad4c96d2.js" as="script"><link rel="preload" href="/docs/assets/js/18.c344e12d.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.f9338e3e.js"><link rel="prefetch" href="/docs/assets/js/11.6bd95923.js"><link rel="prefetch" href="/docs/assets/js/12.7aa87de4.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.3d9dec2e.js"><link rel="prefetch" href="/docs/assets/js/15.d2d3d655.js"><link rel="prefetch" href="/docs/assets/js/16.b0b88265.js"><link rel="prefetch" href="/docs/assets/js/17.4e34d08f.js"><link rel="prefetch" href="/docs/assets/js/19.ebf5d357.js"><link rel="prefetch" href="/docs/assets/js/2.15028157.js"><link rel="prefetch" href="/docs/assets/js/20.8d73235e.js"><link rel="prefetch" href="/docs/assets/js/21.024ef6be.js"><link rel="prefetch" href="/docs/assets/js/22.a73c6cf2.js"><link rel="prefetch" href="/docs/assets/js/23.a524f73c.js"><link rel="prefetch" href="/docs/assets/js/24.d17e6d01.js"><link rel="prefetch" href="/docs/assets/js/25.aa8138ec.js"><link rel="prefetch" href="/docs/assets/js/26.fe1952ef.js"><link rel="prefetch" href="/docs/assets/js/27.8316011d.js"><link rel="prefetch" href="/docs/assets/js/28.d859b40f.js"><link rel="prefetch" href="/docs/assets/js/29.7f61539d.js"><link rel="prefetch" href="/docs/assets/js/3.e0934735.js"><link rel="prefetch" href="/docs/assets/js/30.b08f574f.js"><link rel="prefetch" href="/docs/assets/js/31.5c6013fd.js"><link rel="prefetch" href="/docs/assets/js/32.1104746e.js"><link rel="prefetch" href="/docs/assets/js/33.8e51e07b.js"><link rel="prefetch" href="/docs/assets/js/34.1c7a2d26.js"><link rel="prefetch" href="/docs/assets/js/35.7faf9cf4.js"><link rel="prefetch" href="/docs/assets/js/36.6139aca4.js"><link rel="prefetch" href="/docs/assets/js/37.301703ce.js"><link rel="prefetch" href="/docs/assets/js/38.41c23ea3.js"><link rel="prefetch" href="/docs/assets/js/39.8d06bed0.js"><link rel="prefetch" href="/docs/assets/js/4.06dac413.js"><link rel="prefetch" href="/docs/assets/js/40.1f900378.js"><link rel="prefetch" href="/docs/assets/js/41.e0a4912c.js"><link rel="prefetch" href="/docs/assets/js/42.fb0fb182.js"><link rel="prefetch" href="/docs/assets/js/43.e525a891.js"><link rel="prefetch" href="/docs/assets/js/44.000b06a5.js"><link rel="prefetch" href="/docs/assets/js/45.7a4fb39d.js"><link rel="prefetch" href="/docs/assets/js/46.11c895a4.js"><link rel="prefetch" href="/docs/assets/js/47.db1392c8.js"><link rel="prefetch" href="/docs/assets/js/48.11f74fa9.js"><link rel="prefetch" href="/docs/assets/js/49.581fdd79.js"><link rel="prefetch" href="/docs/assets/js/5.08e37066.js"><link rel="prefetch" href="/docs/assets/js/50.f415965a.js"><link rel="prefetch" href="/docs/assets/js/51.99bc4461.js"><link rel="prefetch" href="/docs/assets/js/52.1edd7f55.js"><link rel="prefetch" href="/docs/assets/js/53.1f6a545d.js"><link rel="prefetch" href="/docs/assets/js/54.2eb1896d.js"><link rel="prefetch" href="/docs/assets/js/55.17addc21.js"><link rel="prefetch" href="/docs/assets/js/56.b8e2938b.js"><link rel="prefetch" href="/docs/assets/js/57.641221d6.js"><link rel="prefetch" href="/docs/assets/js/58.caae4ac6.js"><link rel="prefetch" href="/docs/assets/js/59.16adccb5.js"><link rel="prefetch" href="/docs/assets/js/6.c3bb29e6.js"><link rel="prefetch" href="/docs/assets/js/60.a26b577f.js"><link rel="prefetch" href="/docs/assets/js/61.5ef86071.js"><link rel="prefetch" href="/docs/assets/js/62.936ffa8c.js"><link rel="prefetch" href="/docs/assets/js/63.8300160a.js"><link rel="prefetch" href="/docs/assets/js/64.2a91c027.js"><link rel="prefetch" href="/docs/assets/js/65.b239a16a.js"><link rel="prefetch" href="/docs/assets/js/66.0ab89df8.js"><link rel="prefetch" href="/docs/assets/js/7.444c7304.js"><link rel="prefetch" href="/docs/assets/js/8.8bf3228a.js"><link rel="prefetch" href="/docs/assets/js/9.ca2a2a4c.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.css">
</head>
<body>
<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">
<div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-default-content"><h1>404</h1> <blockquote>There's nothing here.</blockquote> <a href="/docs/" class="router-link-active">
Take me home.
</a></div></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.72c5e12c.js" defer></script><script src="/docs/assets/js/18.3f8a04e5.js" defer></script>
<script src="/docs/assets/js/app.ad4c96d2.js" defer></script><script src="/docs/assets/js/18.c344e12d.js" defer></script>
</body>
</html>

8
docs/Home.html

@ -9,8 +9,8 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.28">
<script src="../js/grapes.min.js?v0.17.28"></script>
<meta name="description" content="GrapesJS documentation">
<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="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.ad4c96d2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6bd95923.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/19.ebf5d357.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.f9338e3e.js"><link rel="prefetch" href="/docs/assets/js/12.7aa87de4.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.3d9dec2e.js"><link rel="prefetch" href="/docs/assets/js/15.d2d3d655.js"><link rel="prefetch" href="/docs/assets/js/16.b0b88265.js"><link rel="prefetch" href="/docs/assets/js/17.4e34d08f.js"><link rel="prefetch" href="/docs/assets/js/18.c344e12d.js"><link rel="prefetch" href="/docs/assets/js/20.8d73235e.js"><link rel="prefetch" href="/docs/assets/js/21.024ef6be.js"><link rel="prefetch" href="/docs/assets/js/22.a73c6cf2.js"><link rel="prefetch" href="/docs/assets/js/23.a524f73c.js"><link rel="prefetch" href="/docs/assets/js/24.d17e6d01.js"><link rel="prefetch" href="/docs/assets/js/25.aa8138ec.js"><link rel="prefetch" href="/docs/assets/js/26.fe1952ef.js"><link rel="prefetch" href="/docs/assets/js/27.8316011d.js"><link rel="prefetch" href="/docs/assets/js/28.d859b40f.js"><link rel="prefetch" href="/docs/assets/js/29.7f61539d.js"><link rel="prefetch" href="/docs/assets/js/3.e0934735.js"><link rel="prefetch" href="/docs/assets/js/30.b08f574f.js"><link rel="prefetch" href="/docs/assets/js/31.5c6013fd.js"><link rel="prefetch" href="/docs/assets/js/32.1104746e.js"><link rel="prefetch" href="/docs/assets/js/33.8e51e07b.js"><link rel="prefetch" href="/docs/assets/js/34.1c7a2d26.js"><link rel="prefetch" href="/docs/assets/js/35.7faf9cf4.js"><link rel="prefetch" href="/docs/assets/js/36.6139aca4.js"><link rel="prefetch" href="/docs/assets/js/37.301703ce.js"><link rel="prefetch" href="/docs/assets/js/38.41c23ea3.js"><link rel="prefetch" href="/docs/assets/js/39.8d06bed0.js"><link rel="prefetch" href="/docs/assets/js/4.06dac413.js"><link rel="prefetch" href="/docs/assets/js/40.1f900378.js"><link rel="prefetch" href="/docs/assets/js/41.e0a4912c.js"><link rel="prefetch" href="/docs/assets/js/42.fb0fb182.js"><link rel="prefetch" href="/docs/assets/js/43.e525a891.js"><link rel="prefetch" href="/docs/assets/js/44.000b06a5.js"><link rel="prefetch" href="/docs/assets/js/45.7a4fb39d.js"><link rel="prefetch" href="/docs/assets/js/46.11c895a4.js"><link rel="prefetch" href="/docs/assets/js/47.db1392c8.js"><link rel="prefetch" href="/docs/assets/js/48.11f74fa9.js"><link rel="prefetch" href="/docs/assets/js/49.581fdd79.js"><link rel="prefetch" href="/docs/assets/js/5.08e37066.js"><link rel="prefetch" href="/docs/assets/js/50.f415965a.js"><link rel="prefetch" href="/docs/assets/js/51.99bc4461.js"><link rel="prefetch" href="/docs/assets/js/52.1edd7f55.js"><link rel="prefetch" href="/docs/assets/js/53.1f6a545d.js"><link rel="prefetch" href="/docs/assets/js/54.2eb1896d.js"><link rel="prefetch" href="/docs/assets/js/55.17addc21.js"><link rel="prefetch" href="/docs/assets/js/56.b8e2938b.js"><link rel="prefetch" href="/docs/assets/js/57.641221d6.js"><link rel="prefetch" href="/docs/assets/js/58.caae4ac6.js"><link rel="prefetch" href="/docs/assets/js/59.16adccb5.js"><link rel="prefetch" href="/docs/assets/js/6.c3bb29e6.js"><link rel="prefetch" href="/docs/assets/js/60.a26b577f.js"><link rel="prefetch" href="/docs/assets/js/61.5ef86071.js"><link rel="prefetch" href="/docs/assets/js/62.936ffa8c.js"><link rel="prefetch" href="/docs/assets/js/63.8300160a.js"><link rel="prefetch" href="/docs/assets/js/64.2a91c027.js"><link rel="prefetch" href="/docs/assets/js/65.b239a16a.js"><link rel="prefetch" href="/docs/assets/js/66.0ab89df8.js"><link rel="prefetch" href="/docs/assets/js/7.444c7304.js"><link rel="prefetch" href="/docs/assets/js/8.8bf3228a.js"><link rel="prefetch" href="/docs/assets/js/9.ca2a2a4c.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.css">
</head>
<body>
@ -34,7 +34,7 @@
Twitter
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/" 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><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 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/Selectors.html" class="sidebar-link">Selectors</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>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 operator">...</span>
</code></pre></div><blockquote><p>Check <a href="API-Storage-Manager">Storage Manager API Reference</a></p></blockquote></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/Home.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">7/13/2018, 12:12:35 AM</span></div></footer> <!----> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.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>
<script src="/docs/assets/js/app.ad4c96d2.js" defer></script><script src="/docs/assets/js/11.6bd95923.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/19.ebf5d357.js" defer></script>
</body>
</html>

8
docs/api/asset.html

File diff suppressed because one or more lines are too long

8
docs/api/assets.html

File diff suppressed because one or more lines are too long

8
docs/api/block.html

File diff suppressed because one or more lines are too long

8
docs/api/block_manager.html

File diff suppressed because one or more lines are too long

8
docs/api/canvas.html

File diff suppressed because one or more lines are too long

8
docs/api/commands.html

File diff suppressed because one or more lines are too long

45
docs/api/component.html

File diff suppressed because one or more lines are too long

8
docs/api/components.html

File diff suppressed because one or more lines are too long

12
docs/api/css_composer.html

@ -9,8 +9,8 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.28">
<script src="../js/grapes.min.js?v0.17.28"></script>
<meta name="description" content="GrapesJS documentation">
<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/30.77de2036.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/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="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.ad4c96d2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6bd95923.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/30.b08f574f.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.f9338e3e.js"><link rel="prefetch" href="/docs/assets/js/12.7aa87de4.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.3d9dec2e.js"><link rel="prefetch" href="/docs/assets/js/15.d2d3d655.js"><link rel="prefetch" href="/docs/assets/js/16.b0b88265.js"><link rel="prefetch" href="/docs/assets/js/17.4e34d08f.js"><link rel="prefetch" href="/docs/assets/js/18.c344e12d.js"><link rel="prefetch" href="/docs/assets/js/19.ebf5d357.js"><link rel="prefetch" href="/docs/assets/js/20.8d73235e.js"><link rel="prefetch" href="/docs/assets/js/21.024ef6be.js"><link rel="prefetch" href="/docs/assets/js/22.a73c6cf2.js"><link rel="prefetch" href="/docs/assets/js/23.a524f73c.js"><link rel="prefetch" href="/docs/assets/js/24.d17e6d01.js"><link rel="prefetch" href="/docs/assets/js/25.aa8138ec.js"><link rel="prefetch" href="/docs/assets/js/26.fe1952ef.js"><link rel="prefetch" href="/docs/assets/js/27.8316011d.js"><link rel="prefetch" href="/docs/assets/js/28.d859b40f.js"><link rel="prefetch" href="/docs/assets/js/29.7f61539d.js"><link rel="prefetch" href="/docs/assets/js/3.e0934735.js"><link rel="prefetch" href="/docs/assets/js/31.5c6013fd.js"><link rel="prefetch" href="/docs/assets/js/32.1104746e.js"><link rel="prefetch" href="/docs/assets/js/33.8e51e07b.js"><link rel="prefetch" href="/docs/assets/js/34.1c7a2d26.js"><link rel="prefetch" href="/docs/assets/js/35.7faf9cf4.js"><link rel="prefetch" href="/docs/assets/js/36.6139aca4.js"><link rel="prefetch" href="/docs/assets/js/37.301703ce.js"><link rel="prefetch" href="/docs/assets/js/38.41c23ea3.js"><link rel="prefetch" href="/docs/assets/js/39.8d06bed0.js"><link rel="prefetch" href="/docs/assets/js/4.06dac413.js"><link rel="prefetch" href="/docs/assets/js/40.1f900378.js"><link rel="prefetch" href="/docs/assets/js/41.e0a4912c.js"><link rel="prefetch" href="/docs/assets/js/42.fb0fb182.js"><link rel="prefetch" href="/docs/assets/js/43.e525a891.js"><link rel="prefetch" href="/docs/assets/js/44.000b06a5.js"><link rel="prefetch" href="/docs/assets/js/45.7a4fb39d.js"><link rel="prefetch" href="/docs/assets/js/46.11c895a4.js"><link rel="prefetch" href="/docs/assets/js/47.db1392c8.js"><link rel="prefetch" href="/docs/assets/js/48.11f74fa9.js"><link rel="prefetch" href="/docs/assets/js/49.581fdd79.js"><link rel="prefetch" href="/docs/assets/js/5.08e37066.js"><link rel="prefetch" href="/docs/assets/js/50.f415965a.js"><link rel="prefetch" href="/docs/assets/js/51.99bc4461.js"><link rel="prefetch" href="/docs/assets/js/52.1edd7f55.js"><link rel="prefetch" href="/docs/assets/js/53.1f6a545d.js"><link rel="prefetch" href="/docs/assets/js/54.2eb1896d.js"><link rel="prefetch" href="/docs/assets/js/55.17addc21.js"><link rel="prefetch" href="/docs/assets/js/56.b8e2938b.js"><link rel="prefetch" href="/docs/assets/js/57.641221d6.js"><link rel="prefetch" href="/docs/assets/js/58.caae4ac6.js"><link rel="prefetch" href="/docs/assets/js/59.16adccb5.js"><link rel="prefetch" href="/docs/assets/js/6.c3bb29e6.js"><link rel="prefetch" href="/docs/assets/js/60.a26b577f.js"><link rel="prefetch" href="/docs/assets/js/61.5ef86071.js"><link rel="prefetch" href="/docs/assets/js/62.936ffa8c.js"><link rel="prefetch" href="/docs/assets/js/63.8300160a.js"><link rel="prefetch" href="/docs/assets/js/64.2a91c027.js"><link rel="prefetch" href="/docs/assets/js/65.b239a16a.js"><link rel="prefetch" href="/docs/assets/js/66.0ab89df8.js"><link rel="prefetch" href="/docs/assets/js/7.444c7304.js"><link rel="prefetch" href="/docs/assets/js/8.8bf3228a.js"><link rel="prefetch" href="/docs/assets/js/9.ca2a2a4c.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.css">
</head>
<body>
@ -34,7 +34,7 @@
Twitter
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/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" aria-current="page" class="active sidebar-link">CSS Composer</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#csscomposer" class="sidebar-link">CssComposer</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#addrules" class="sidebar-link">addRules</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#setrule" class="sidebar-link">setRule</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#getrule" class="sidebar-link">getRule</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#getrules" class="sidebar-link">getRules</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#remove" class="sidebar-link">remove</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#clear" class="sidebar-link">clear</a></li></ul></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="csscomposer"><a href="#csscomposer" class="header-anchor">#</a> CssComposer</h2> <p>This module manages CSS rules in the canvas.
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/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/sector.html" class="sidebar-link"> ‍ ‍ ‍ Sector</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/selector.html" class="sidebar-link"> ‍ ‍ ‍ Selector</a></li><li><a href="/docs/api/state.html" class="sidebar-link"> ‍ ‍ ‍ State</a></li><li><a href="/docs/api/css_composer.html" aria-current="page" class="active sidebar-link">CSS Composer</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#csscomposer" class="sidebar-link">CssComposer</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#addrules" class="sidebar-link">addRules</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#setrule" class="sidebar-link">setRule</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#getrule" class="sidebar-link">getRule</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#getrules" class="sidebar-link">getRules</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#remove" class="sidebar-link">remove</a></li><li class="sidebar-sub-header"><a href="/docs/api/css_composer.html#clear" class="sidebar-link">clear</a></li></ul></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="csscomposer"><a href="#csscomposer" class="header-anchor">#</a> CssComposer</h2> <p>This module manages CSS rules in the canvas.
You can customize the initial state of the module from the editor initialization, by passing the following <a href="https://github.com/artf/grapesjs/blob/master/src/css_composer/config/config.js" target="_blank" rel="noopener noreferrer">Configuration Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> editor <span class="token operator">=</span> grapesjs<span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
cssComposer<span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token comment">// options</span>
@ -75,13 +75,13 @@ css<span class="token punctuation">.</span><span class="token function">remove</
css<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span><span class="token string">'.my-cls-2'</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/css_rule.html">CssRule</a>&gt;</strong> Removed rules</p> <h2 id="clear"><a href="#clear" class="header-anchor">#</a> clear</h2> <p>Remove all rules</p> <h3 id="parameters-6"><a href="#parameters-6" class="header-anchor">#</a> Parameters</h3> <ul><li><code>opts</code> (optional, default <code>{}</code>)</li></ul> <p>Returns <strong>this</strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/css_composer.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">10/3/2021, 5:00:41 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
←
<a href="/docs/api/selector_manager.html" class="prev">
Selector Manager
<a href="/docs/api/state.html" class="prev">
‍ ‍ ‍ State
</a></span> <span class="next"><a href="/docs/api/css_rule.html">
‍ ‍ ‍ CssRule
</a>
→
</span></p></div> </main></div><div class="global-ui"></div></div>
<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/30.77de2036.js" defer></script>
<script src="/docs/assets/js/app.ad4c96d2.js" defer></script><script src="/docs/assets/js/11.6bd95923.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/30.b08f574f.js" defer></script>
</body>
</html>

8
docs/api/css_rule.html

File diff suppressed because one or more lines are too long

8
docs/api/device.html

File diff suppressed because one or more lines are too long

8
docs/api/device_manager.html

File diff suppressed because one or more lines are too long

12
docs/api/editor.html

File diff suppressed because one or more lines are too long

8
docs/api/frame.html

File diff suppressed because one or more lines are too long

8
docs/api/i18n.html

File diff suppressed because one or more lines are too long

8
docs/api/index.html

@ -9,8 +9,8 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.28">
<script src="../js/grapes.min.js?v0.17.28"></script>
<meta name="description" content="GrapesJS documentation">
<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="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.ad4c96d2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6bd95923.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/21.024ef6be.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.f9338e3e.js"><link rel="prefetch" href="/docs/assets/js/12.7aa87de4.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.3d9dec2e.js"><link rel="prefetch" href="/docs/assets/js/15.d2d3d655.js"><link rel="prefetch" href="/docs/assets/js/16.b0b88265.js"><link rel="prefetch" href="/docs/assets/js/17.4e34d08f.js"><link rel="prefetch" href="/docs/assets/js/18.c344e12d.js"><link rel="prefetch" href="/docs/assets/js/19.ebf5d357.js"><link rel="prefetch" href="/docs/assets/js/20.8d73235e.js"><link rel="prefetch" href="/docs/assets/js/22.a73c6cf2.js"><link rel="prefetch" href="/docs/assets/js/23.a524f73c.js"><link rel="prefetch" href="/docs/assets/js/24.d17e6d01.js"><link rel="prefetch" href="/docs/assets/js/25.aa8138ec.js"><link rel="prefetch" href="/docs/assets/js/26.fe1952ef.js"><link rel="prefetch" href="/docs/assets/js/27.8316011d.js"><link rel="prefetch" href="/docs/assets/js/28.d859b40f.js"><link rel="prefetch" href="/docs/assets/js/29.7f61539d.js"><link rel="prefetch" href="/docs/assets/js/3.e0934735.js"><link rel="prefetch" href="/docs/assets/js/30.b08f574f.js"><link rel="prefetch" href="/docs/assets/js/31.5c6013fd.js"><link rel="prefetch" href="/docs/assets/js/32.1104746e.js"><link rel="prefetch" href="/docs/assets/js/33.8e51e07b.js"><link rel="prefetch" href="/docs/assets/js/34.1c7a2d26.js"><link rel="prefetch" href="/docs/assets/js/35.7faf9cf4.js"><link rel="prefetch" href="/docs/assets/js/36.6139aca4.js"><link rel="prefetch" href="/docs/assets/js/37.301703ce.js"><link rel="prefetch" href="/docs/assets/js/38.41c23ea3.js"><link rel="prefetch" href="/docs/assets/js/39.8d06bed0.js"><link rel="prefetch" href="/docs/assets/js/4.06dac413.js"><link rel="prefetch" href="/docs/assets/js/40.1f900378.js"><link rel="prefetch" href="/docs/assets/js/41.e0a4912c.js"><link rel="prefetch" href="/docs/assets/js/42.fb0fb182.js"><link rel="prefetch" href="/docs/assets/js/43.e525a891.js"><link rel="prefetch" href="/docs/assets/js/44.000b06a5.js"><link rel="prefetch" href="/docs/assets/js/45.7a4fb39d.js"><link rel="prefetch" href="/docs/assets/js/46.11c895a4.js"><link rel="prefetch" href="/docs/assets/js/47.db1392c8.js"><link rel="prefetch" href="/docs/assets/js/48.11f74fa9.js"><link rel="prefetch" href="/docs/assets/js/49.581fdd79.js"><link rel="prefetch" href="/docs/assets/js/5.08e37066.js"><link rel="prefetch" href="/docs/assets/js/50.f415965a.js"><link rel="prefetch" href="/docs/assets/js/51.99bc4461.js"><link rel="prefetch" href="/docs/assets/js/52.1edd7f55.js"><link rel="prefetch" href="/docs/assets/js/53.1f6a545d.js"><link rel="prefetch" href="/docs/assets/js/54.2eb1896d.js"><link rel="prefetch" href="/docs/assets/js/55.17addc21.js"><link rel="prefetch" href="/docs/assets/js/56.b8e2938b.js"><link rel="prefetch" href="/docs/assets/js/57.641221d6.js"><link rel="prefetch" href="/docs/assets/js/58.caae4ac6.js"><link rel="prefetch" href="/docs/assets/js/59.16adccb5.js"><link rel="prefetch" href="/docs/assets/js/6.c3bb29e6.js"><link rel="prefetch" href="/docs/assets/js/60.a26b577f.js"><link rel="prefetch" href="/docs/assets/js/61.5ef86071.js"><link rel="prefetch" href="/docs/assets/js/62.936ffa8c.js"><link rel="prefetch" href="/docs/assets/js/63.8300160a.js"><link rel="prefetch" href="/docs/assets/js/64.2a91c027.js"><link rel="prefetch" href="/docs/assets/js/65.b239a16a.js"><link rel="prefetch" href="/docs/assets/js/66.0ab89df8.js"><link rel="prefetch" href="/docs/assets/js/7.444c7304.js"><link rel="prefetch" href="/docs/assets/js/8.8bf3228a.js"><link rel="prefetch" href="/docs/assets/js/9.ca2a2a4c.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.css">
</head>
<body>
@ -34,11 +34,11 @@
Twitter
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="active sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/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">
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 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/sector.html" class="sidebar-link"> ‍ ‍ ‍ Sector</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/selector.html" class="sidebar-link"> ‍ ‍ ‍ Selector</a></li><li><a href="/docs/api/state.html" class="sidebar-link"> ‍ ‍ ‍ State</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
</a>
→
</span></p></div> </main></div><div class="global-ui"></div></div>
<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>
<script src="/docs/assets/js/app.ad4c96d2.js" defer></script><script src="/docs/assets/js/11.6bd95923.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/21.024ef6be.js" defer></script>
</body>
</html>

8
docs/api/keymaps.html

@ -9,8 +9,8 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.28">
<script src="../js/grapes.min.js?v0.17.28"></script>
<meta name="description" content="GrapesJS documentation">
<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="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.ad4c96d2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6bd95923.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/37.301703ce.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.f9338e3e.js"><link rel="prefetch" href="/docs/assets/js/12.7aa87de4.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.3d9dec2e.js"><link rel="prefetch" href="/docs/assets/js/15.d2d3d655.js"><link rel="prefetch" href="/docs/assets/js/16.b0b88265.js"><link rel="prefetch" href="/docs/assets/js/17.4e34d08f.js"><link rel="prefetch" href="/docs/assets/js/18.c344e12d.js"><link rel="prefetch" href="/docs/assets/js/19.ebf5d357.js"><link rel="prefetch" href="/docs/assets/js/20.8d73235e.js"><link rel="prefetch" href="/docs/assets/js/21.024ef6be.js"><link rel="prefetch" href="/docs/assets/js/22.a73c6cf2.js"><link rel="prefetch" href="/docs/assets/js/23.a524f73c.js"><link rel="prefetch" href="/docs/assets/js/24.d17e6d01.js"><link rel="prefetch" href="/docs/assets/js/25.aa8138ec.js"><link rel="prefetch" href="/docs/assets/js/26.fe1952ef.js"><link rel="prefetch" href="/docs/assets/js/27.8316011d.js"><link rel="prefetch" href="/docs/assets/js/28.d859b40f.js"><link rel="prefetch" href="/docs/assets/js/29.7f61539d.js"><link rel="prefetch" href="/docs/assets/js/3.e0934735.js"><link rel="prefetch" href="/docs/assets/js/30.b08f574f.js"><link rel="prefetch" href="/docs/assets/js/31.5c6013fd.js"><link rel="prefetch" href="/docs/assets/js/32.1104746e.js"><link rel="prefetch" href="/docs/assets/js/33.8e51e07b.js"><link rel="prefetch" href="/docs/assets/js/34.1c7a2d26.js"><link rel="prefetch" href="/docs/assets/js/35.7faf9cf4.js"><link rel="prefetch" href="/docs/assets/js/36.6139aca4.js"><link rel="prefetch" href="/docs/assets/js/38.41c23ea3.js"><link rel="prefetch" href="/docs/assets/js/39.8d06bed0.js"><link rel="prefetch" href="/docs/assets/js/4.06dac413.js"><link rel="prefetch" href="/docs/assets/js/40.1f900378.js"><link rel="prefetch" href="/docs/assets/js/41.e0a4912c.js"><link rel="prefetch" href="/docs/assets/js/42.fb0fb182.js"><link rel="prefetch" href="/docs/assets/js/43.e525a891.js"><link rel="prefetch" href="/docs/assets/js/44.000b06a5.js"><link rel="prefetch" href="/docs/assets/js/45.7a4fb39d.js"><link rel="prefetch" href="/docs/assets/js/46.11c895a4.js"><link rel="prefetch" href="/docs/assets/js/47.db1392c8.js"><link rel="prefetch" href="/docs/assets/js/48.11f74fa9.js"><link rel="prefetch" href="/docs/assets/js/49.581fdd79.js"><link rel="prefetch" href="/docs/assets/js/5.08e37066.js"><link rel="prefetch" href="/docs/assets/js/50.f415965a.js"><link rel="prefetch" href="/docs/assets/js/51.99bc4461.js"><link rel="prefetch" href="/docs/assets/js/52.1edd7f55.js"><link rel="prefetch" href="/docs/assets/js/53.1f6a545d.js"><link rel="prefetch" href="/docs/assets/js/54.2eb1896d.js"><link rel="prefetch" href="/docs/assets/js/55.17addc21.js"><link rel="prefetch" href="/docs/assets/js/56.b8e2938b.js"><link rel="prefetch" href="/docs/assets/js/57.641221d6.js"><link rel="prefetch" href="/docs/assets/js/58.caae4ac6.js"><link rel="prefetch" href="/docs/assets/js/59.16adccb5.js"><link rel="prefetch" href="/docs/assets/js/6.c3bb29e6.js"><link rel="prefetch" href="/docs/assets/js/60.a26b577f.js"><link rel="prefetch" href="/docs/assets/js/61.5ef86071.js"><link rel="prefetch" href="/docs/assets/js/62.936ffa8c.js"><link rel="prefetch" href="/docs/assets/js/63.8300160a.js"><link rel="prefetch" href="/docs/assets/js/64.2a91c027.js"><link rel="prefetch" href="/docs/assets/js/65.b239a16a.js"><link rel="prefetch" href="/docs/assets/js/66.0ab89df8.js"><link rel="prefetch" href="/docs/assets/js/7.444c7304.js"><link rel="prefetch" href="/docs/assets/js/8.8bf3228a.js"><link rel="prefetch" href="/docs/assets/js/9.ca2a2a4c.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.css">
</head>
<body>
@ -34,7 +34,7 @@
Twitter
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/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>
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 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/sector.html" class="sidebar-link"> ‍ ‍ ‍ Sector</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/selector.html" class="sidebar-link"> ‍ ‍ ‍ Selector</a></li><li><a href="/docs/api/state.html" class="sidebar-link"> ‍ ‍ ‍ State</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>
<span class="token comment">// Object of keymaps</span>
defaults<span class="token operator">:</span> <span class="token punctuation">{</span>
@ -74,6 +74,6 @@ or just a command id as a string</p> <h2 id="get"><a href="#get" class="header-a
</a>
→
</span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.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>
<script src="/docs/assets/js/app.ad4c96d2.js" defer></script><script src="/docs/assets/js/11.6bd95923.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/37.301703ce.js" defer></script>
</body>
</html>

8
docs/api/modal_dialog.html

File diff suppressed because one or more lines are too long

15
docs/api/page.html

File diff suppressed because one or more lines are too long

8
docs/api/pages.html

@ -9,8 +9,8 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.28">
<script src="../js/grapes.min.js?v0.17.28"></script>
<meta name="description" content="GrapesJS documentation">
<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="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.ad4c96d2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6bd95923.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/40.1f900378.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.f9338e3e.js"><link rel="prefetch" href="/docs/assets/js/12.7aa87de4.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.3d9dec2e.js"><link rel="prefetch" href="/docs/assets/js/15.d2d3d655.js"><link rel="prefetch" href="/docs/assets/js/16.b0b88265.js"><link rel="prefetch" href="/docs/assets/js/17.4e34d08f.js"><link rel="prefetch" href="/docs/assets/js/18.c344e12d.js"><link rel="prefetch" href="/docs/assets/js/19.ebf5d357.js"><link rel="prefetch" href="/docs/assets/js/20.8d73235e.js"><link rel="prefetch" href="/docs/assets/js/21.024ef6be.js"><link rel="prefetch" href="/docs/assets/js/22.a73c6cf2.js"><link rel="prefetch" href="/docs/assets/js/23.a524f73c.js"><link rel="prefetch" href="/docs/assets/js/24.d17e6d01.js"><link rel="prefetch" href="/docs/assets/js/25.aa8138ec.js"><link rel="prefetch" href="/docs/assets/js/26.fe1952ef.js"><link rel="prefetch" href="/docs/assets/js/27.8316011d.js"><link rel="prefetch" href="/docs/assets/js/28.d859b40f.js"><link rel="prefetch" href="/docs/assets/js/29.7f61539d.js"><link rel="prefetch" href="/docs/assets/js/3.e0934735.js"><link rel="prefetch" href="/docs/assets/js/30.b08f574f.js"><link rel="prefetch" href="/docs/assets/js/31.5c6013fd.js"><link rel="prefetch" href="/docs/assets/js/32.1104746e.js"><link rel="prefetch" href="/docs/assets/js/33.8e51e07b.js"><link rel="prefetch" href="/docs/assets/js/34.1c7a2d26.js"><link rel="prefetch" href="/docs/assets/js/35.7faf9cf4.js"><link rel="prefetch" href="/docs/assets/js/36.6139aca4.js"><link rel="prefetch" href="/docs/assets/js/37.301703ce.js"><link rel="prefetch" href="/docs/assets/js/38.41c23ea3.js"><link rel="prefetch" href="/docs/assets/js/39.8d06bed0.js"><link rel="prefetch" href="/docs/assets/js/4.06dac413.js"><link rel="prefetch" href="/docs/assets/js/41.e0a4912c.js"><link rel="prefetch" href="/docs/assets/js/42.fb0fb182.js"><link rel="prefetch" href="/docs/assets/js/43.e525a891.js"><link rel="prefetch" href="/docs/assets/js/44.000b06a5.js"><link rel="prefetch" href="/docs/assets/js/45.7a4fb39d.js"><link rel="prefetch" href="/docs/assets/js/46.11c895a4.js"><link rel="prefetch" href="/docs/assets/js/47.db1392c8.js"><link rel="prefetch" href="/docs/assets/js/48.11f74fa9.js"><link rel="prefetch" href="/docs/assets/js/49.581fdd79.js"><link rel="prefetch" href="/docs/assets/js/5.08e37066.js"><link rel="prefetch" href="/docs/assets/js/50.f415965a.js"><link rel="prefetch" href="/docs/assets/js/51.99bc4461.js"><link rel="prefetch" href="/docs/assets/js/52.1edd7f55.js"><link rel="prefetch" href="/docs/assets/js/53.1f6a545d.js"><link rel="prefetch" href="/docs/assets/js/54.2eb1896d.js"><link rel="prefetch" href="/docs/assets/js/55.17addc21.js"><link rel="prefetch" href="/docs/assets/js/56.b8e2938b.js"><link rel="prefetch" href="/docs/assets/js/57.641221d6.js"><link rel="prefetch" href="/docs/assets/js/58.caae4ac6.js"><link rel="prefetch" href="/docs/assets/js/59.16adccb5.js"><link rel="prefetch" href="/docs/assets/js/6.c3bb29e6.js"><link rel="prefetch" href="/docs/assets/js/60.a26b577f.js"><link rel="prefetch" href="/docs/assets/js/61.5ef86071.js"><link rel="prefetch" href="/docs/assets/js/62.936ffa8c.js"><link rel="prefetch" href="/docs/assets/js/63.8300160a.js"><link rel="prefetch" href="/docs/assets/js/64.2a91c027.js"><link rel="prefetch" href="/docs/assets/js/65.b239a16a.js"><link rel="prefetch" href="/docs/assets/js/66.0ab89df8.js"><link rel="prefetch" href="/docs/assets/js/7.444c7304.js"><link rel="prefetch" href="/docs/assets/js/8.8bf3228a.js"><link rel="prefetch" href="/docs/assets/js/9.ca2a2a4c.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.css">
</head>
<body>
@ -34,7 +34,7 @@
Twitter
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/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><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 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/sector.html" class="sidebar-link"> ‍ ‍ ‍ Sector</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/selector.html" class="sidebar-link"> ‍ ‍ ‍ Selector</a></li><li><a href="/docs/api/state.html" class="sidebar-link"> ‍ ‍ ‍ State</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>
pageManager<span class="token operator">:</span> <span class="token punctuation">{</span>
pages<span class="token operator">:</span> <span class="token punctuation">[</span>
@ -76,6 +76,6 @@ pageManager<span class="token punctuation">.</span><span class="token function">
</a>
→
</span></p></div> </main></div><div class="global-ui"></div></div>
<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>
<script src="/docs/assets/js/app.ad4c96d2.js" defer></script><script src="/docs/assets/js/11.6bd95923.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/40.1f900378.js" defer></script>
</body>
</html>

8
docs/api/panels.html

File diff suppressed because one or more lines are too long

8
docs/api/parser.html

File diff suppressed because one or more lines are too long

8
docs/api/rich_text_editor.html

@ -9,8 +9,8 @@
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.17.28">
<script src="../js/grapes.min.js?v0.17.28"></script>
<meta name="description" content="GrapesJS documentation">
<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="preload" href="/docs/assets/css/0.styles.7e8c4553.css" as="style"><link rel="preload" href="/docs/assets/js/app.ad4c96d2.js" as="script"><link rel="preload" href="/docs/assets/js/11.6bd95923.js" as="script"><link rel="preload" href="/docs/assets/js/2.15028157.js" as="script"><link rel="preload" href="/docs/assets/js/43.e525a891.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.f9338e3e.js"><link rel="prefetch" href="/docs/assets/js/12.7aa87de4.js"><link rel="prefetch" href="/docs/assets/js/13.8130e741.js"><link rel="prefetch" href="/docs/assets/js/14.3d9dec2e.js"><link rel="prefetch" href="/docs/assets/js/15.d2d3d655.js"><link rel="prefetch" href="/docs/assets/js/16.b0b88265.js"><link rel="prefetch" href="/docs/assets/js/17.4e34d08f.js"><link rel="prefetch" href="/docs/assets/js/18.c344e12d.js"><link rel="prefetch" href="/docs/assets/js/19.ebf5d357.js"><link rel="prefetch" href="/docs/assets/js/20.8d73235e.js"><link rel="prefetch" href="/docs/assets/js/21.024ef6be.js"><link rel="prefetch" href="/docs/assets/js/22.a73c6cf2.js"><link rel="prefetch" href="/docs/assets/js/23.a524f73c.js"><link rel="prefetch" href="/docs/assets/js/24.d17e6d01.js"><link rel="prefetch" href="/docs/assets/js/25.aa8138ec.js"><link rel="prefetch" href="/docs/assets/js/26.fe1952ef.js"><link rel="prefetch" href="/docs/assets/js/27.8316011d.js"><link rel="prefetch" href="/docs/assets/js/28.d859b40f.js"><link rel="prefetch" href="/docs/assets/js/29.7f61539d.js"><link rel="prefetch" href="/docs/assets/js/3.e0934735.js"><link rel="prefetch" href="/docs/assets/js/30.b08f574f.js"><link rel="prefetch" href="/docs/assets/js/31.5c6013fd.js"><link rel="prefetch" href="/docs/assets/js/32.1104746e.js"><link rel="prefetch" href="/docs/assets/js/33.8e51e07b.js"><link rel="prefetch" href="/docs/assets/js/34.1c7a2d26.js"><link rel="prefetch" href="/docs/assets/js/35.7faf9cf4.js"><link rel="prefetch" href="/docs/assets/js/36.6139aca4.js"><link rel="prefetch" href="/docs/assets/js/37.301703ce.js"><link rel="prefetch" href="/docs/assets/js/38.41c23ea3.js"><link rel="prefetch" href="/docs/assets/js/39.8d06bed0.js"><link rel="prefetch" href="/docs/assets/js/4.06dac413.js"><link rel="prefetch" href="/docs/assets/js/40.1f900378.js"><link rel="prefetch" href="/docs/assets/js/41.e0a4912c.js"><link rel="prefetch" href="/docs/assets/js/42.fb0fb182.js"><link rel="prefetch" href="/docs/assets/js/44.000b06a5.js"><link rel="prefetch" href="/docs/assets/js/45.7a4fb39d.js"><link rel="prefetch" href="/docs/assets/js/46.11c895a4.js"><link rel="prefetch" href="/docs/assets/js/47.db1392c8.js"><link rel="prefetch" href="/docs/assets/js/48.11f74fa9.js"><link rel="prefetch" href="/docs/assets/js/49.581fdd79.js"><link rel="prefetch" href="/docs/assets/js/5.08e37066.js"><link rel="prefetch" href="/docs/assets/js/50.f415965a.js"><link rel="prefetch" href="/docs/assets/js/51.99bc4461.js"><link rel="prefetch" href="/docs/assets/js/52.1edd7f55.js"><link rel="prefetch" href="/docs/assets/js/53.1f6a545d.js"><link rel="prefetch" href="/docs/assets/js/54.2eb1896d.js"><link rel="prefetch" href="/docs/assets/js/55.17addc21.js"><link rel="prefetch" href="/docs/assets/js/56.b8e2938b.js"><link rel="prefetch" href="/docs/assets/js/57.641221d6.js"><link rel="prefetch" href="/docs/assets/js/58.caae4ac6.js"><link rel="prefetch" href="/docs/assets/js/59.16adccb5.js"><link rel="prefetch" href="/docs/assets/js/6.c3bb29e6.js"><link rel="prefetch" href="/docs/assets/js/60.a26b577f.js"><link rel="prefetch" href="/docs/assets/js/61.5ef86071.js"><link rel="prefetch" href="/docs/assets/js/62.936ffa8c.js"><link rel="prefetch" href="/docs/assets/js/63.8300160a.js"><link rel="prefetch" href="/docs/assets/js/64.2a91c027.js"><link rel="prefetch" href="/docs/assets/js/65.b239a16a.js"><link rel="prefetch" href="/docs/assets/js/66.0ab89df8.js"><link rel="prefetch" href="/docs/assets/js/7.444c7304.js"><link rel="prefetch" href="/docs/assets/js/8.8bf3228a.js"><link rel="prefetch" href="/docs/assets/js/9.ca2a2a4c.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.7e8c4553.css">
</head>
<body>
@ -34,7 +34,7 @@
Twitter
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div id="native-carbon" class="carbon-ads"></div> <ul class="sidebar-links"><li><a href="/docs/api/" aria-current="page" class="sidebar-link">API Reference</a></li><li><a href="/docs/api/editor.html" class="sidebar-link">Editor</a></li><li><a href="/docs/api/i18n.html" class="sidebar-link">I18n</a></li><li><a href="/docs/api/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/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>.
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 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/sector.html" class="sidebar-link"> ‍ ‍ ‍ Sector</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/selector.html" class="sidebar-link"> ‍ ‍ ‍ Selector</a></li><li><a href="/docs/api/state.html" class="sidebar-link"> ‍ ‍ ‍ State</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>
richTextEditor<span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token comment">// options</span>
@ -109,6 +109,6 @@ rte<span class="token punctuation">.</span><span class="token function">add</spa
</a>
→
</span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.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>
<script src="/docs/assets/js/app.ad4c96d2.js" defer></script><script src="/docs/assets/js/11.6bd95923.js" defer></script><script src="/docs/assets/js/2.15028157.js" defer></script><script src="/docs/assets/js/43.e525a891.js" defer></script>
</body>
</html>

48
docs/api/sector.html

File diff suppressed because one or more lines are too long

58
docs/api/selector.html

File diff suppressed because one or more lines are too long

60
docs/api/selector_manager.html

File diff suppressed because one or more lines are too long

48
docs/api/state.html

File diff suppressed because one or more lines are too long

12
docs/api/storage_manager.html

File diff suppressed because one or more lines are too long

36
docs/api/style_manager.html

File diff suppressed because one or more lines are too long

8
docs/api/undo_manager.html

File diff suppressed because one or more lines are too long

2
docs/assets/js/10.988f977f.js → docs/assets/js/10.f9338e3e.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/11.da8f7b4e.js → docs/assets/js/11.6bd95923.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},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}}]);
(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},434: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}}]);

2
docs/assets/js/12.9f009ad2.js → docs/assets/js/12.7aa87de4.js

@ -1 +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}}]);
(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{333:function(t,n,e){},371:function(t,n,e){"use strict";e(333)},446: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.13006381.js → docs/assets/js/14.3d9dec2e.js

@ -1 +1 @@
(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}}]);
(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{342:function(t,e,n){},380:function(t,e,n){"use strict";n(342)},447: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.335ea339.js → docs/assets/js/15.d2d3d655.js

@ -1 +1 @@
(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}}]);
(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{343:function(t,e,a){},381:function(t,e,a){"use strict";a(343)},443: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.b5d8406b.js → docs/assets/js/16.b0b88265.js

@ -1 +1 @@
(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}}]);
(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{344:function(e,t,a){},382:function(e,t,a){"use strict";a(344)},444: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.8b0b85e1.js → docs/assets/js/17.4e34d08f.js

@ -1 +1 @@
(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}}]);
(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{442: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.3f8a04e5.js → docs/assets/js/18.c344e12d.js

@ -1 +1 @@
(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}}]);
(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{433: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.7c1e4a1d.js → docs/assets/js/19.ebf5d357.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/20.337d518b.js → docs/assets/js/20.8d73235e.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/21.7ae56a0d.js → docs/assets/js/21.024ef6be.js

@ -1 +1 @@
(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}}]);
(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{480: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.f9dc30d5.js → docs/assets/js/22.a73c6cf2.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/23.9188b16b.js → docs/assets/js/23.a524f73c.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/24.94db1c0a.js → docs/assets/js/24.d17e6d01.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/25.b76bed62.js → docs/assets/js/25.aa8138ec.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/26.e453b709.js → docs/assets/js/26.fe1952ef.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/27.89437ee2.js → docs/assets/js/27.8316011d.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.d859b40f.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/29.6db0a508.js → docs/assets/js/29.7f61539d.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/3.2f7603a5.js → docs/assets/js/3.e0934735.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/30.77de2036.js → docs/assets/js/30.b08f574f.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/31.7d9f2cf6.js → docs/assets/js/31.5c6013fd.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/32.a3c9bf18.js → docs/assets/js/32.1104746e.js

@ -1 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[32],{455:function(e,r,t){"use strict";t.r(r);var o=t(44),i=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:"device"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#device"}},[e._v("#")]),e._v(" Device")]),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("name")]),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(" Device type, eg. "),t("code",[e._v("Mobile")])]),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 to set for the editor iframe, eg. '900px'")]),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 to set for the editor iframe, eg. '600px'")]),e._v(" "),t("li",[t("code",[e._v("widthMedia")]),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(" The width which will be used in media queries, If empty the width will be used")]),e._v(" "),t("li",[t("code",[e._v("priority")]),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(" Setup the order of media queries")])])])}),[],!1,null,null,null);r.default=i.exports}}]);
(window.webpackJsonp=window.webpackJsonp||[]).push([[32],{458:function(e,r,t){"use strict";t.r(r);var o=t(44),i=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:"device"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#device"}},[e._v("#")]),e._v(" Device")]),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("name")]),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(" Device type, eg. "),t("code",[e._v("Mobile")])]),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 to set for the editor iframe, eg. '900px'")]),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 to set for the editor iframe, eg. '600px'")]),e._v(" "),t("li",[t("code",[e._v("widthMedia")]),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(" The width which will be used in media queries, If empty the width will be used")]),e._v(" "),t("li",[t("code",[e._v("priority")]),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(" Setup the order of media queries")])])])}),[],!1,null,null,null);r.default=i.exports}}]);

2
docs/assets/js/33.a9993219.js → docs/assets/js/33.8e51e07b.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/34.1c7a2d26.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

2
docs/assets/js/35.c4db8c3b.js → docs/assets/js/35.7faf9cf4.js

@ -1 +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}}]);
(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{461: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/36.b27d4086.js → docs/assets/js/36.6139aca4.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/37.3a1830df.js → docs/assets/js/37.301703ce.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/38.be8abb25.js → docs/assets/js/38.41c23ea3.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/39.8d06bed0.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/39.c148b385.js

@ -1 +0,0 @@
(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.e85a1ddd.js → docs/assets/js/4.06dac413.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/40.8fb41c19.js → docs/assets/js/40.1f900378.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/41.f3eb31d3.js → docs/assets/js/41.e0a4912c.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/42.5713e0a2.js → docs/assets/js/42.fb0fb182.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/43.1d6151c5.js → docs/assets/js/43.e525a891.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/44.000b06a5.js

@ -0,0 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[44],{470:function(e,r,t){"use strict";t.r(r);var a=t(44),o=Object(a.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:"sector"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#sector"}},[e._v("#")]),e._v(" Sector")]),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("id")]),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(" Sector id, eg. "),t("code",[e._v("typography")])]),e._v(" "),t("li",[t("code",[e._v("name")]),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(" Sector name, eg. "),t("code",[e._v("Typography")])]),e._v(" "),t("li",[t("code",[e._v("open")]),e._v(" "),t("strong",[t("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean",target:"_blank",rel:"noopener noreferrer"}},[e._v("Boolean"),t("OutboundLink")],1),e._v("?")]),e._v(" Indicates the open state.")]),e._v(" "),t("li",[t("code",[e._v("properties")]),e._v(" "),t("strong",[t("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array",target:"_blank",rel:"noopener noreferrer"}},[e._v("Array"),t("OutboundLink")],1),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(">?")]),e._v(" Indicate an array of Property defintions[Property]: property.html")])]),e._v(" "),t("h3",{attrs:{id:"getid"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#getid"}},[e._v("#")]),e._v(" getId")]),e._v(" "),t("p",[e._v("Get sector id.")]),e._v(" "),t("p",[e._v("Returns "),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(" "),t("h3",{attrs:{id:"getname"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#getname"}},[e._v("#")]),e._v(" getName")]),e._v(" "),t("p",[e._v("Get sector name.")]),e._v(" "),t("p",[e._v("Returns "),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(" "),t("h3",{attrs:{id:"setname"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#setname"}},[e._v("#")]),e._v(" setName")]),e._v(" "),t("p",[e._v("Update sector name.")]),e._v(" "),t("h4",{attrs:{id:"parameters"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[e._v("#")]),e._v(" Parameters")]),e._v(" "),t("ul",[t("li",[t("code",[e._v("value")]),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(" New sector name")])]),e._v(" "),t("h3",{attrs:{id:"isopen"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#isopen"}},[e._v("#")]),e._v(" isOpen")]),e._v(" "),t("p",[e._v("Check if the sector is open")]),e._v(" "),t("p",[e._v("Returns "),t("strong",[t("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean",target:"_blank",rel:"noopener noreferrer"}},[e._v("Boolean"),t("OutboundLink")],1)])]),e._v(" "),t("h3",{attrs:{id:"setopen"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#setopen"}},[e._v("#")]),e._v(" setOpen")]),e._v(" "),t("p",[e._v("Update Sector open state")]),e._v(" "),t("h4",{attrs:{id:"parameters-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[e._v("#")]),e._v(" Parameters")]),e._v(" "),t("ul",[t("li",[t("code",[e._v("value")]),e._v(" "),t("strong",[t("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean",target:"_blank",rel:"noopener noreferrer"}},[e._v("Boolean"),t("OutboundLink")],1)])])]),e._v(" "),t("h3",{attrs:{id:"getproperties"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#getproperties"}},[e._v("#")]),e._v(" getProperties")]),e._v(" "),t("p",[e._v("Get sector properties.")]),e._v(" "),t("p",[e._v("Returns "),t("strong",[t("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array",target:"_blank",rel:"noopener noreferrer"}},[e._v("Array"),t("OutboundLink")],1),e._v("<[Property]>")])])])}),[],!1,null,null,null);r.default=o.exports}}]);

1
docs/assets/js/44.f2287249.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/45.7a4fb39d.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/46.11c895a4.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/46.3b1e8e6c.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/47.db1392c8.js

@ -0,0 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[47],{473:function(e,t,r){"use strict";r.r(t);var a=r(44),n=Object(a.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:"state"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#state"}},[e._v("#")]),e._v(" State")]),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("name")]),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(" State name, eg. "),r("code",[e._v("hover")]),e._v(", "),r("code",[e._v("nth-of-type(2n)")])]),e._v(" "),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(" State label, eg. "),r("code",[e._v("Hover")]),e._v(", "),r("code",[e._v("Even/Odd")])])]),e._v(" "),r("h3",{attrs:{id:"getname"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#getname"}},[e._v("#")]),e._v(" getName")]),e._v(" "),r("p",[e._v("Get state name")]),e._v(" "),r("p",[e._v("Returns "),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(" "),r("h3",{attrs:{id:"getlabel"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#getlabel"}},[e._v("#")]),e._v(" getLabel")]),e._v(" "),r("p",[e._v("Get state label. If label was not provided, the name will be returned.")]),e._v(" "),r("p",[e._v("Returns "),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)])])])}),[],!1,null,null,null);t.default=n.exports}}]);

2
docs/assets/js/45.581ab4c5.js → docs/assets/js/48.11f74fa9.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/49.581fdd79.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/5.a0dda975.js → docs/assets/js/5.08e37066.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/47.0f3d0de1.js → docs/assets/js/50.f415965a.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/48.c32094e7.js → docs/assets/js/51.99bc4461.js

@ -1 +1 @@
(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}}]);
(window.webpackJsonp=window.webpackJsonp||[]).push([[51],{479: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/49.9f1d2c3f.js → docs/assets/js/52.1edd7f55.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/50.62289694.js → docs/assets/js/53.1f6a545d.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/51.ceb6c7ab.js → docs/assets/js/54.2eb1896d.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/52.985a53cd.js → docs/assets/js/55.17addc21.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/56.b8e2938b.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/54.3eb81523.js → docs/assets/js/57.641221d6.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/55.6d21b840.js → docs/assets/js/58.caae4ac6.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/56.4431a022.js → docs/assets/js/59.16adccb5.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/6.b6f5182f.js → docs/assets/js/6.c3bb29e6.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/57.6bbc457a.js → docs/assets/js/60.a26b577f.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/58.6c62fe30.js → docs/assets/js/61.5ef86071.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/59.9381b90a.js → docs/assets/js/62.936ffa8c.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/63.8300160a.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/60.6ed00651.js → docs/assets/js/64.2a91c027.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/61.d5ee71ea.js → docs/assets/js/65.b239a16a.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/62.48f255c7.js → docs/assets/js/66.0ab89df8.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/7.bcdc8f3e.js → docs/assets/js/7.444c7304.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/8.57bd3fe2.js → docs/assets/js/8.8bf3228a.js

File diff suppressed because one or more lines are too long

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

Loading…
Cancel
Save