Browse Source

deploy docs

pull/2301/head
Artur Arseniev 7 years ago
parent
commit
e48054725c
  1. 8
      docs/404.html
  2. 22
      docs/Home.html
  3. 14
      docs/api/assets.html
  4. 12
      docs/api/block_manager.html
  5. 12
      docs/api/canvas.html
  6. 18
      docs/api/commands.html
  7. 78
      docs/api/component.html
  8. 18
      docs/api/components.html
  9. 14
      docs/api/css_composer.html
  10. 10
      docs/api/device_manager.html
  11. 29
      docs/api/editor.html
  12. 8
      docs/api/index.html
  13. 14
      docs/api/keymaps.html
  14. 10
      docs/api/modal_dialog.html
  15. 14
      docs/api/panels.html
  16. 20
      docs/api/rich_text_editor.html
  17. 16
      docs/api/selector_manager.html
  18. 16
      docs/api/storage_manager.html
  19. 17
      docs/api/style_manager.html
  20. 10
      docs/api/undo_manager.html
  21. 1
      docs/assets/css/0.styles.82db7b1e.css
  22. 1
      docs/assets/css/styles.841d52ad.css
  23. 2
      docs/assets/js/1.d88ab8c2.js
  24. 1
      docs/assets/js/10.6d1da19c.js
  25. 1
      docs/assets/js/10.a106a5cd.js
  26. 1
      docs/assets/js/11.e1024e3c.js
  27. 1
      docs/assets/js/11.e1d01d7f.js
  28. 2
      docs/assets/js/12.ea2d0633.js
  29. 2
      docs/assets/js/13.0aca6e95.js
  30. 1
      docs/assets/js/14.3a556795.js
  31. 1
      docs/assets/js/14.47aa7392.js
  32. 1
      docs/assets/js/15.b8e65128.js
  33. 1
      docs/assets/js/15.e5ae77bc.js
  34. 1
      docs/assets/js/16.07b42741.js
  35. 1
      docs/assets/js/16.9e8d0ee3.js
  36. 1
      docs/assets/js/17.2a67de0b.js
  37. 1
      docs/assets/js/17.fea2549e.js
  38. 1
      docs/assets/js/18.112c9d7a.js
  39. 1
      docs/assets/js/18.11c93f1e.js
  40. 1
      docs/assets/js/19.7a13abf6.js
  41. 1
      docs/assets/js/19.da3eb438.js
  42. 2
      docs/assets/js/2.3f947d80.js
  43. 1
      docs/assets/js/20.abef129a.js
  44. 1
      docs/assets/js/20.d98c3b22.js
  45. 1
      docs/assets/js/21.3e3438bd.js
  46. 1
      docs/assets/js/21.45665626.js
  47. 1
      docs/assets/js/22.917f34a1.js
  48. 1
      docs/assets/js/22.f3f10b93.js
  49. 1
      docs/assets/js/23.85818d14.js
  50. 1
      docs/assets/js/23.a1fe2201.js
  51. 1
      docs/assets/js/24.6618a793.js
  52. 1
      docs/assets/js/24.fefe1628.js
  53. 1
      docs/assets/js/25.32714364.js
  54. 1
      docs/assets/js/25.3fa3e444.js
  55. 1
      docs/assets/js/26.0ba924f8.js
  56. 1
      docs/assets/js/26.19837d20.js
  57. 1
      docs/assets/js/27.442eb105.js
  58. 1
      docs/assets/js/27.49115d17.js
  59. 1
      docs/assets/js/28.0cb791cd.js
  60. 1
      docs/assets/js/28.3d0efde8.js
  61. 1
      docs/assets/js/29.60349f33.js
  62. 1
      docs/assets/js/29.81c2faa9.js
  63. 2
      docs/assets/js/3.58555975.js
  64. 1
      docs/assets/js/30.331e996f.js
  65. 1
      docs/assets/js/30.4f7b4a19.js
  66. 1
      docs/assets/js/31.3f9b4c2f.js
  67. 1
      docs/assets/js/31.456da170.js
  68. 1
      docs/assets/js/32.2f2eecfd.js
  69. 1
      docs/assets/js/32.2fb15c2c.js
  70. 1
      docs/assets/js/33.10f2e2c4.js
  71. 1
      docs/assets/js/33.5a21eeb2.js
  72. 1
      docs/assets/js/34.b00a201b.js
  73. 1
      docs/assets/js/34.e495786f.js
  74. 1
      docs/assets/js/35.842b3faa.js
  75. 1
      docs/assets/js/35.e59a311f.js
  76. 1
      docs/assets/js/36.8c67e6e8.js
  77. 1
      docs/assets/js/36.cf215dd2.js
  78. 1
      docs/assets/js/37.1f4e9422.js
  79. 1
      docs/assets/js/37.ea48a200.js
  80. 1
      docs/assets/js/38.41db2434.js
  81. 1
      docs/assets/js/38.49bb9e38.js
  82. 1
      docs/assets/js/39.2eeb020a.js
  83. 1
      docs/assets/js/39.ff6ba2ff.js
  84. 2
      docs/assets/js/4.c61ce6cc.js
  85. 1
      docs/assets/js/40.2afed73e.js
  86. 1
      docs/assets/js/40.5c633dc6.js
  87. 1
      docs/assets/js/41.17bf3b3b.js
  88. 1
      docs/assets/js/41.8a6c4d0c.js
  89. 1
      docs/assets/js/42.ac8b349a.js
  90. 1
      docs/assets/js/42.b82b73fe.js
  91. 1
      docs/assets/js/43.24b80d23.js
  92. 1
      docs/assets/js/43.53781928.js
  93. 1
      docs/assets/js/44.ee1dfbc2.js
  94. 2
      docs/assets/js/5.763a4c86.js
  95. 1
      docs/assets/js/6.06855135.js
  96. 2
      docs/assets/js/7.de412c56.js
  97. 1
      docs/assets/js/8.2eb536bf.js
  98. 1
      docs/assets/js/8.e9d59c3e.js
  99. 1
      docs/assets/js/9.7883b5a7.js
  100. 1
      docs/assets/js/9.9f34d8b5.js

8
docs/404.html

@ -8,12 +8,12 @@
<link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.15.3">
<script src="../js/grapes.min.js?v0.15.3"></script>
<link rel="preload" href="/docs/assets/css/0.styles.82db7b1e.css" as="style"><link rel="preload" href="/docs/assets/js/app.a18f26bb.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.a106a5cd.js"><link rel="prefetch" href="/docs/assets/js/11.e1d01d7f.js"><link rel="prefetch" href="/docs/assets/js/12.7b5df652.js"><link rel="prefetch" href="/docs/assets/js/13.2c86d6bb.js"><link rel="prefetch" href="/docs/assets/js/14.47aa7392.js"><link rel="prefetch" href="/docs/assets/js/15.e5ae77bc.js"><link rel="prefetch" href="/docs/assets/js/16.07b42741.js"><link rel="prefetch" href="/docs/assets/js/17.2a67de0b.js"><link rel="prefetch" href="/docs/assets/js/18.11c93f1e.js"><link rel="prefetch" href="/docs/assets/js/19.7a13abf6.js"><link rel="prefetch" href="/docs/assets/js/2.434af1ad.js"><link rel="prefetch" href="/docs/assets/js/20.d98c3b22.js"><link rel="prefetch" href="/docs/assets/js/21.3e3438bd.js"><link rel="prefetch" href="/docs/assets/js/22.917f34a1.js"><link rel="prefetch" href="/docs/assets/js/23.a1fe2201.js"><link rel="prefetch" href="/docs/assets/js/24.fefe1628.js"><link rel="prefetch" href="/docs/assets/js/25.32714364.js"><link rel="prefetch" href="/docs/assets/js/26.0ba924f8.js"><link rel="prefetch" href="/docs/assets/js/27.442eb105.js"><link rel="prefetch" href="/docs/assets/js/28.3d0efde8.js"><link rel="prefetch" href="/docs/assets/js/29.81c2faa9.js"><link rel="prefetch" href="/docs/assets/js/3.651320c9.js"><link rel="prefetch" href="/docs/assets/js/30.331e996f.js"><link rel="prefetch" href="/docs/assets/js/31.456da170.js"><link rel="prefetch" href="/docs/assets/js/32.2f2eecfd.js"><link rel="prefetch" href="/docs/assets/js/33.5a21eeb2.js"><link rel="prefetch" href="/docs/assets/js/34.e495786f.js"><link rel="prefetch" href="/docs/assets/js/35.e59a311f.js"><link rel="prefetch" href="/docs/assets/js/36.8c67e6e8.js"><link rel="prefetch" href="/docs/assets/js/37.ea48a200.js"><link rel="prefetch" href="/docs/assets/js/38.49bb9e38.js"><link rel="prefetch" href="/docs/assets/js/39.2eeb020a.js"><link rel="prefetch" href="/docs/assets/js/4.ccc41891.js"><link rel="prefetch" href="/docs/assets/js/40.5c633dc6.js"><link rel="prefetch" href="/docs/assets/js/41.17bf3b3b.js"><link rel="prefetch" href="/docs/assets/js/42.b82b73fe.js"><link rel="prefetch" href="/docs/assets/js/43.24b80d23.js"><link rel="prefetch" href="/docs/assets/js/5.20d1ecdf.js"><link rel="prefetch" href="/docs/assets/js/6.9af8fc3b.js"><link rel="prefetch" href="/docs/assets/js/7.224c3fec.js"><link rel="prefetch" href="/docs/assets/js/8.e9d59c3e.js"><link rel="prefetch" href="/docs/assets/js/9.9f34d8b5.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.82db7b1e.css">
<link rel="preload" href="/docs/assets/css/styles.841d52ad.css" as="style"><link rel="preload" href="/docs/assets/js/app.841d52ad.js" as="script"><link rel="prefetch" href="/docs/assets/js/1.d88ab8c2.js"><link rel="prefetch" href="/docs/assets/js/10.6d1da19c.js"><link rel="prefetch" href="/docs/assets/js/11.e1024e3c.js"><link rel="prefetch" href="/docs/assets/js/12.ea2d0633.js"><link rel="prefetch" href="/docs/assets/js/13.0aca6e95.js"><link rel="prefetch" href="/docs/assets/js/14.3a556795.js"><link rel="prefetch" href="/docs/assets/js/15.b8e65128.js"><link rel="prefetch" href="/docs/assets/js/16.9e8d0ee3.js"><link rel="prefetch" href="/docs/assets/js/17.fea2549e.js"><link rel="prefetch" href="/docs/assets/js/18.112c9d7a.js"><link rel="prefetch" href="/docs/assets/js/19.da3eb438.js"><link rel="prefetch" href="/docs/assets/js/2.3f947d80.js"><link rel="prefetch" href="/docs/assets/js/20.abef129a.js"><link rel="prefetch" href="/docs/assets/js/21.45665626.js"><link rel="prefetch" href="/docs/assets/js/22.f3f10b93.js"><link rel="prefetch" href="/docs/assets/js/23.85818d14.js"><link rel="prefetch" href="/docs/assets/js/24.6618a793.js"><link rel="prefetch" href="/docs/assets/js/25.3fa3e444.js"><link rel="prefetch" href="/docs/assets/js/26.19837d20.js"><link rel="prefetch" href="/docs/assets/js/27.49115d17.js"><link rel="prefetch" href="/docs/assets/js/28.0cb791cd.js"><link rel="prefetch" href="/docs/assets/js/29.60349f33.js"><link rel="prefetch" href="/docs/assets/js/3.58555975.js"><link rel="prefetch" href="/docs/assets/js/30.4f7b4a19.js"><link rel="prefetch" href="/docs/assets/js/31.3f9b4c2f.js"><link rel="prefetch" href="/docs/assets/js/32.2fb15c2c.js"><link rel="prefetch" href="/docs/assets/js/33.10f2e2c4.js"><link rel="prefetch" href="/docs/assets/js/34.b00a201b.js"><link rel="prefetch" href="/docs/assets/js/35.842b3faa.js"><link rel="prefetch" href="/docs/assets/js/36.cf215dd2.js"><link rel="prefetch" href="/docs/assets/js/37.1f4e9422.js"><link rel="prefetch" href="/docs/assets/js/38.41db2434.js"><link rel="prefetch" href="/docs/assets/js/39.ff6ba2ff.js"><link rel="prefetch" href="/docs/assets/js/4.c61ce6cc.js"><link rel="prefetch" href="/docs/assets/js/40.2afed73e.js"><link rel="prefetch" href="/docs/assets/js/41.8a6c4d0c.js"><link rel="prefetch" href="/docs/assets/js/42.ac8b349a.js"><link rel="prefetch" href="/docs/assets/js/43.53781928.js"><link rel="prefetch" href="/docs/assets/js/44.ee1dfbc2.js"><link rel="prefetch" href="/docs/assets/js/5.763a4c86.js"><link rel="prefetch" href="/docs/assets/js/6.06855135.js"><link rel="prefetch" href="/docs/assets/js/7.de412c56.js"><link rel="prefetch" href="/docs/assets/js/8.2eb536bf.js"><link rel="prefetch" href="/docs/assets/js/9.7883b5a7.js">
<link rel="stylesheet" href="/docs/assets/css/styles.841d52ad.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><div class="content"><h1>404</h1><blockquote>There's nothing here.</blockquote><a href="/docs/" class="router-link-active">Take me home.</a></div></div></div>
<script src="/docs/assets/js/app.a18f26bb.js" defer></script>
<script src="/docs/assets/js/app.841d52ad.js" defer></script>
</body>
</html>

22
docs/Home.html

@ -8,9 +8,9 @@
<link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.15.3">
<script src="../js/grapes.min.js?v0.15.3"></script>
<link rel="preload" href="/docs/assets/css/0.styles.82db7b1e.css" as="style"><link rel="preload" href="/docs/assets/js/app.a18f26bb.js" as="script"><link rel="preload" href="/docs/assets/js/11.e1d01d7f.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.a106a5cd.js"><link rel="prefetch" href="/docs/assets/js/12.7b5df652.js"><link rel="prefetch" href="/docs/assets/js/13.2c86d6bb.js"><link rel="prefetch" href="/docs/assets/js/14.47aa7392.js"><link rel="prefetch" href="/docs/assets/js/15.e5ae77bc.js"><link rel="prefetch" href="/docs/assets/js/16.07b42741.js"><link rel="prefetch" href="/docs/assets/js/17.2a67de0b.js"><link rel="prefetch" href="/docs/assets/js/18.11c93f1e.js"><link rel="prefetch" href="/docs/assets/js/19.7a13abf6.js"><link rel="prefetch" href="/docs/assets/js/2.434af1ad.js"><link rel="prefetch" href="/docs/assets/js/20.d98c3b22.js"><link rel="prefetch" href="/docs/assets/js/21.3e3438bd.js"><link rel="prefetch" href="/docs/assets/js/22.917f34a1.js"><link rel="prefetch" href="/docs/assets/js/23.a1fe2201.js"><link rel="prefetch" href="/docs/assets/js/24.fefe1628.js"><link rel="prefetch" href="/docs/assets/js/25.32714364.js"><link rel="prefetch" href="/docs/assets/js/26.0ba924f8.js"><link rel="prefetch" href="/docs/assets/js/27.442eb105.js"><link rel="prefetch" href="/docs/assets/js/28.3d0efde8.js"><link rel="prefetch" href="/docs/assets/js/29.81c2faa9.js"><link rel="prefetch" href="/docs/assets/js/3.651320c9.js"><link rel="prefetch" href="/docs/assets/js/30.331e996f.js"><link rel="prefetch" href="/docs/assets/js/31.456da170.js"><link rel="prefetch" href="/docs/assets/js/32.2f2eecfd.js"><link rel="prefetch" href="/docs/assets/js/33.5a21eeb2.js"><link rel="prefetch" href="/docs/assets/js/34.e495786f.js"><link rel="prefetch" href="/docs/assets/js/35.e59a311f.js"><link rel="prefetch" href="/docs/assets/js/36.8c67e6e8.js"><link rel="prefetch" href="/docs/assets/js/37.ea48a200.js"><link rel="prefetch" href="/docs/assets/js/38.49bb9e38.js"><link rel="prefetch" href="/docs/assets/js/39.2eeb020a.js"><link rel="prefetch" href="/docs/assets/js/4.ccc41891.js"><link rel="prefetch" href="/docs/assets/js/40.5c633dc6.js"><link rel="prefetch" href="/docs/assets/js/41.17bf3b3b.js"><link rel="prefetch" href="/docs/assets/js/42.b82b73fe.js"><link rel="prefetch" href="/docs/assets/js/43.24b80d23.js"><link rel="prefetch" href="/docs/assets/js/5.20d1ecdf.js"><link rel="prefetch" href="/docs/assets/js/6.9af8fc3b.js"><link rel="prefetch" href="/docs/assets/js/7.224c3fec.js"><link rel="prefetch" href="/docs/assets/js/8.e9d59c3e.js"><link rel="prefetch" href="/docs/assets/js/9.9f34d8b5.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.82db7b1e.css">
<link rel="preload" href="/docs/assets/css/styles.841d52ad.css" as="style"><link rel="preload" href="/docs/assets/js/app.841d52ad.js" as="script"><link rel="preload" href="/docs/assets/js/11.e1024e3c.js" as="script"><link rel="prefetch" href="/docs/assets/js/1.d88ab8c2.js"><link rel="prefetch" href="/docs/assets/js/10.6d1da19c.js"><link rel="prefetch" href="/docs/assets/js/12.ea2d0633.js"><link rel="prefetch" href="/docs/assets/js/13.0aca6e95.js"><link rel="prefetch" href="/docs/assets/js/14.3a556795.js"><link rel="prefetch" href="/docs/assets/js/15.b8e65128.js"><link rel="prefetch" href="/docs/assets/js/16.9e8d0ee3.js"><link rel="prefetch" href="/docs/assets/js/17.fea2549e.js"><link rel="prefetch" href="/docs/assets/js/18.112c9d7a.js"><link rel="prefetch" href="/docs/assets/js/19.da3eb438.js"><link rel="prefetch" href="/docs/assets/js/2.3f947d80.js"><link rel="prefetch" href="/docs/assets/js/20.abef129a.js"><link rel="prefetch" href="/docs/assets/js/21.45665626.js"><link rel="prefetch" href="/docs/assets/js/22.f3f10b93.js"><link rel="prefetch" href="/docs/assets/js/23.85818d14.js"><link rel="prefetch" href="/docs/assets/js/24.6618a793.js"><link rel="prefetch" href="/docs/assets/js/25.3fa3e444.js"><link rel="prefetch" href="/docs/assets/js/26.19837d20.js"><link rel="prefetch" href="/docs/assets/js/27.49115d17.js"><link rel="prefetch" href="/docs/assets/js/28.0cb791cd.js"><link rel="prefetch" href="/docs/assets/js/29.60349f33.js"><link rel="prefetch" href="/docs/assets/js/3.58555975.js"><link rel="prefetch" href="/docs/assets/js/30.4f7b4a19.js"><link rel="prefetch" href="/docs/assets/js/31.3f9b4c2f.js"><link rel="prefetch" href="/docs/assets/js/32.2fb15c2c.js"><link rel="prefetch" href="/docs/assets/js/33.10f2e2c4.js"><link rel="prefetch" href="/docs/assets/js/34.b00a201b.js"><link rel="prefetch" href="/docs/assets/js/35.842b3faa.js"><link rel="prefetch" href="/docs/assets/js/36.cf215dd2.js"><link rel="prefetch" href="/docs/assets/js/37.1f4e9422.js"><link rel="prefetch" href="/docs/assets/js/38.41db2434.js"><link rel="prefetch" href="/docs/assets/js/39.ff6ba2ff.js"><link rel="prefetch" href="/docs/assets/js/4.c61ce6cc.js"><link rel="prefetch" href="/docs/assets/js/40.2afed73e.js"><link rel="prefetch" href="/docs/assets/js/41.8a6c4d0c.js"><link rel="prefetch" href="/docs/assets/js/42.ac8b349a.js"><link rel="prefetch" href="/docs/assets/js/43.53781928.js"><link rel="prefetch" href="/docs/assets/js/44.ee1dfbc2.js"><link rel="prefetch" href="/docs/assets/js/5.763a4c86.js"><link rel="prefetch" href="/docs/assets/js/6.06855135.js"><link rel="prefetch" href="/docs/assets/js/7.de412c56.js"><link rel="prefetch" href="/docs/assets/js/8.2eb536bf.js"><link rel="prefetch" href="/docs/assets/js/9.7883b5a7.js">
<link rel="stylesheet" href="/docs/assets/css/styles.841d52ad.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" class="logo"><span class="site-name can-hide">
@ -28,17 +28,17 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav><div id="native-carbon" class="carbon-ads"></div><ul class="sidebar-links"><li><a href="/docs/" class="sidebar-link">Introduction</a></li><li><a href="/docs/getting-started.html" class="sidebar-link">Getting Started</a></li><li><div class="sidebar-group"><p class="sidebar-heading"><span>Modules</span><!----></p><ul class="sidebar-group-items"><li><a href="/docs/modules/Assets.html" class="sidebar-link">Assets</a></li><li><a href="/docs/modules/Blocks.html" class="sidebar-link">Blocks</a></li><li><a href="/docs/modules/Commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/modules/Components.html" class="sidebar-link">Components</a></li><li><a href="/docs/modules/Components-js.html" class="sidebar-link">Components &amp; JS</a></li><li><a href="/docs/modules/Traits.html" class="sidebar-link">Traits</a></li><li><a href="/docs/modules/Style-manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/modules/Storage.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/modules/Plugins.html" class="sidebar-link">Plugins</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading"><span>Guides</span><!----></p><ul class="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></div></li></ul></div><div class="page"><div class="content"><h1 id="getting-started"><a href="#getting-started" aria-hidden="true" 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">=</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">=</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">=</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 language-javascript"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</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">=</span><span class="token punctuation">&quot;</span>gjs<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>text/javascript<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token script language-javascript">
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>text/javascript<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
<span class="token keyword">var</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>
container <span class="token punctuation">:</span> <span class="token string">'#gjs'</span><span class="token punctuation">,</span>
components<span class="token punctuation">:</span> <span class="token string">'&lt;div class=&quot;txt-red&quot;&gt;Hello world!&lt;/div&gt;'</span><span class="token punctuation">,</span>
style<span class="token punctuation">:</span> <span class="token string">'.txt-red{color: red}'</span><span class="token punctuation">,</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</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></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
</code></pre></div><p>In just few lines, with the default configurations, you're already able to see something with which play around.</p><p>[[img/default-gjs.jpg]]</p><p>You'll see components commands on top left position that come handy to create and manage your blocks, below there are options which need to highlight and export them. When you select components ('mouse pointer' icon), on the right side, you should see pop up Class Manager and Style Manager options which allow to customize the style of the components. There is also a Layer Manager/Navigator ('hamburger' icon) which helps to manage easily the structure.</p><p>Of course all those stuff (panels, buttons, commands, etc.) are set just as default so you can overwrite them and add more other. Before you start to create things you should know that GrapesJS UI is composed basically by a canvas (where you will 'draw') and panels (which will contain buttons)</p><p>[[img/canvas-panels.jpg]]</p><p>If you'd like to extend the already instantiated editor you have to check <a href="API-Reference">API Reference</a>. Check also <a href="./Creating-plugins">how to create plugins</a> using the same API.
In this guide we'll focus on how to initialize the editor with all custom UI from scratch.</p><p>Let's start the editor with some basic toolbar panel</p><div class="language-js extra-class"><pre class="language-js"><code><span class="token operator">...</span>
<span class="token keyword">var</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>
@ -80,13 +80,13 @@ In this guide we'll focus on how to initialize the editor with all custom UI fro
defaults<span class="token punctuation">:</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>
id<span class="token punctuation">:</span> <span class="token string">'helloWorld'</span><span class="token punctuation">,</span>
run<span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span>editor<span class="token punctuation">,</span> senderBtn<span class="token punctuation">)</span><span class="token punctuation">{</span>
<span class="token function-variable function">run</span><span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">editor<span class="token punctuation">,</span> senderBtn</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
<span class="token function">alert</span><span class="token punctuation">(</span><span class="token string">'Hello world!'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// Deactivate button</span>
senderBtn<span class="token punctuation">.</span><span class="token keyword">set</span><span class="token punctuation">(</span><span class="token string">'active'</span><span class="token punctuation">,</span> <span class="token boolean">false</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
senderBtn<span class="token punctuation">.</span><span class="token function">set</span><span class="token punctuation">(</span><span class="token string">'active'</span><span class="token punctuation">,</span> <span class="token boolean">false</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span>
stop<span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span>editor<span class="token punctuation">,</span> senderBtn<span class="token punctuation">)</span><span class="token punctuation">{</span>
<span class="token function-variable function">stop</span><span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">editor<span class="token punctuation">,</span> senderBtn</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token punctuation">}</span><span class="token punctuation">]</span>
<span class="token punctuation">}</span>
@ -323,13 +323,13 @@ The default one is the localStorage which is pretty simple and all the data are
commands<span class="token punctuation">:</span> <span class="token punctuation">{</span>
defaults<span class="token punctuation">:</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>
id<span class="token punctuation">:</span> <span class="token string">'storeData'</span><span class="token punctuation">,</span>
run<span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span>editor<span class="token punctuation">,</span> senderBtn<span class="token punctuation">)</span><span class="token punctuation">{</span>
<span class="token function-variable function">run</span><span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">editor<span class="token punctuation">,</span> senderBtn</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
editor<span class="token punctuation">.</span><span class="token function">store</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token punctuation">}</span><span class="token punctuation">]</span>
<span class="token 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><div 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><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></div><div class="last-updated"><span class="prefix">Last Updated: </span><span class="time">7/13/2018, 12:12:35 AM</span></div></div><!----></div></div></div>
<script src="/docs/assets/js/11.e1d01d7f.js" defer></script><script src="/docs/assets/js/app.a18f26bb.js" defer></script>
<script src="/docs/assets/js/app.841d52ad.js" defer></script><script src="/docs/assets/js/11.e1024e3c.js" defer></script>
</body>
</html>

14
docs/api/assets.html

@ -8,9 +8,9 @@
<link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.15.3">
<script src="../js/grapes.min.js?v0.15.3"></script>
<link rel="preload" href="/docs/assets/css/0.styles.82db7b1e.css" as="style"><link rel="preload" href="/docs/assets/js/app.a18f26bb.js" as="script"><link rel="preload" href="/docs/assets/js/14.47aa7392.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.a106a5cd.js"><link rel="prefetch" href="/docs/assets/js/11.e1d01d7f.js"><link rel="prefetch" href="/docs/assets/js/12.7b5df652.js"><link rel="prefetch" href="/docs/assets/js/13.2c86d6bb.js"><link rel="prefetch" href="/docs/assets/js/15.e5ae77bc.js"><link rel="prefetch" href="/docs/assets/js/16.07b42741.js"><link rel="prefetch" href="/docs/assets/js/17.2a67de0b.js"><link rel="prefetch" href="/docs/assets/js/18.11c93f1e.js"><link rel="prefetch" href="/docs/assets/js/19.7a13abf6.js"><link rel="prefetch" href="/docs/assets/js/2.434af1ad.js"><link rel="prefetch" href="/docs/assets/js/20.d98c3b22.js"><link rel="prefetch" href="/docs/assets/js/21.3e3438bd.js"><link rel="prefetch" href="/docs/assets/js/22.917f34a1.js"><link rel="prefetch" href="/docs/assets/js/23.a1fe2201.js"><link rel="prefetch" href="/docs/assets/js/24.fefe1628.js"><link rel="prefetch" href="/docs/assets/js/25.32714364.js"><link rel="prefetch" href="/docs/assets/js/26.0ba924f8.js"><link rel="prefetch" href="/docs/assets/js/27.442eb105.js"><link rel="prefetch" href="/docs/assets/js/28.3d0efde8.js"><link rel="prefetch" href="/docs/assets/js/29.81c2faa9.js"><link rel="prefetch" href="/docs/assets/js/3.651320c9.js"><link rel="prefetch" href="/docs/assets/js/30.331e996f.js"><link rel="prefetch" href="/docs/assets/js/31.456da170.js"><link rel="prefetch" href="/docs/assets/js/32.2f2eecfd.js"><link rel="prefetch" href="/docs/assets/js/33.5a21eeb2.js"><link rel="prefetch" href="/docs/assets/js/34.e495786f.js"><link rel="prefetch" href="/docs/assets/js/35.e59a311f.js"><link rel="prefetch" href="/docs/assets/js/36.8c67e6e8.js"><link rel="prefetch" href="/docs/assets/js/37.ea48a200.js"><link rel="prefetch" href="/docs/assets/js/38.49bb9e38.js"><link rel="prefetch" href="/docs/assets/js/39.2eeb020a.js"><link rel="prefetch" href="/docs/assets/js/4.ccc41891.js"><link rel="prefetch" href="/docs/assets/js/40.5c633dc6.js"><link rel="prefetch" href="/docs/assets/js/41.17bf3b3b.js"><link rel="prefetch" href="/docs/assets/js/42.b82b73fe.js"><link rel="prefetch" href="/docs/assets/js/43.24b80d23.js"><link rel="prefetch" href="/docs/assets/js/5.20d1ecdf.js"><link rel="prefetch" href="/docs/assets/js/6.9af8fc3b.js"><link rel="prefetch" href="/docs/assets/js/7.224c3fec.js"><link rel="prefetch" href="/docs/assets/js/8.e9d59c3e.js"><link rel="prefetch" href="/docs/assets/js/9.9f34d8b5.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.82db7b1e.css">
<link rel="preload" href="/docs/assets/css/styles.841d52ad.css" as="style"><link rel="preload" href="/docs/assets/js/app.841d52ad.js" as="script"><link rel="preload" href="/docs/assets/js/14.3a556795.js" as="script"><link rel="prefetch" href="/docs/assets/js/1.d88ab8c2.js"><link rel="prefetch" href="/docs/assets/js/10.6d1da19c.js"><link rel="prefetch" href="/docs/assets/js/11.e1024e3c.js"><link rel="prefetch" href="/docs/assets/js/12.ea2d0633.js"><link rel="prefetch" href="/docs/assets/js/13.0aca6e95.js"><link rel="prefetch" href="/docs/assets/js/15.b8e65128.js"><link rel="prefetch" href="/docs/assets/js/16.9e8d0ee3.js"><link rel="prefetch" href="/docs/assets/js/17.fea2549e.js"><link rel="prefetch" href="/docs/assets/js/18.112c9d7a.js"><link rel="prefetch" href="/docs/assets/js/19.da3eb438.js"><link rel="prefetch" href="/docs/assets/js/2.3f947d80.js"><link rel="prefetch" href="/docs/assets/js/20.abef129a.js"><link rel="prefetch" href="/docs/assets/js/21.45665626.js"><link rel="prefetch" href="/docs/assets/js/22.f3f10b93.js"><link rel="prefetch" href="/docs/assets/js/23.85818d14.js"><link rel="prefetch" href="/docs/assets/js/24.6618a793.js"><link rel="prefetch" href="/docs/assets/js/25.3fa3e444.js"><link rel="prefetch" href="/docs/assets/js/26.19837d20.js"><link rel="prefetch" href="/docs/assets/js/27.49115d17.js"><link rel="prefetch" href="/docs/assets/js/28.0cb791cd.js"><link rel="prefetch" href="/docs/assets/js/29.60349f33.js"><link rel="prefetch" href="/docs/assets/js/3.58555975.js"><link rel="prefetch" href="/docs/assets/js/30.4f7b4a19.js"><link rel="prefetch" href="/docs/assets/js/31.3f9b4c2f.js"><link rel="prefetch" href="/docs/assets/js/32.2fb15c2c.js"><link rel="prefetch" href="/docs/assets/js/33.10f2e2c4.js"><link rel="prefetch" href="/docs/assets/js/34.b00a201b.js"><link rel="prefetch" href="/docs/assets/js/35.842b3faa.js"><link rel="prefetch" href="/docs/assets/js/36.cf215dd2.js"><link rel="prefetch" href="/docs/assets/js/37.1f4e9422.js"><link rel="prefetch" href="/docs/assets/js/38.41db2434.js"><link rel="prefetch" href="/docs/assets/js/39.ff6ba2ff.js"><link rel="prefetch" href="/docs/assets/js/4.c61ce6cc.js"><link rel="prefetch" href="/docs/assets/js/40.2afed73e.js"><link rel="prefetch" href="/docs/assets/js/41.8a6c4d0c.js"><link rel="prefetch" href="/docs/assets/js/42.ac8b349a.js"><link rel="prefetch" href="/docs/assets/js/43.53781928.js"><link rel="prefetch" href="/docs/assets/js/44.ee1dfbc2.js"><link rel="prefetch" href="/docs/assets/js/5.763a4c86.js"><link rel="prefetch" href="/docs/assets/js/6.06855135.js"><link rel="prefetch" href="/docs/assets/js/7.de412c56.js"><link rel="prefetch" href="/docs/assets/js/8.2eb536bf.js"><link rel="prefetch" href="/docs/assets/js/9.7883b5a7.js">
<link rel="stylesheet" href="/docs/assets/css/styles.841d52ad.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" class="logo"><span class="site-name can-hide">
@ -49,7 +49,7 @@ assetManager<span class="token punctuation">.</span><span class="token function"
<span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token punctuation">{</span>
src<span class="token punctuation">:</span> <span class="token string">'./path/to/img.png'</span><span class="token punctuation">,</span>
<span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>Model</strong></p><h2 id="get"><a href="#get" aria-hidden="true" class="header-anchor">#</a> get</h2><p>Returns the asset by URL</p><h3 id="parameters-2"><a href="#parameters-2" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>src</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> URL of the asset</li></ul><h3 id="examples-2"><a href="#examples-2" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">var</span> asset <span class="token operator">=</span> assetManager<span class="token punctuation">.</span><span class="token keyword">get</span><span class="token punctuation">(</span><span class="token string">'http://img.jpg'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>Model</strong></p><h2 id="get"><a href="#get" aria-hidden="true" class="header-anchor">#</a> get</h2><p>Returns the asset by URL</p><h3 id="parameters-2"><a href="#parameters-2" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>src</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> URL of the asset</li></ul><h3 id="examples-2"><a href="#examples-2" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">var</span> asset <span class="token operator">=</span> assetManager<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'http://img.jpg'</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/Object" target="_blank" rel="noopener noreferrer">Object<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Object representing the asset</p><h2 id="getall"><a href="#getall" aria-hidden="true" class="header-anchor">#</a> getAll</h2><p>Return the global collection, containing all the assets</p><p>Returns <strong>Collection</strong></p><h2 id="getallvisible"><a href="#getallvisible" aria-hidden="true" class="header-anchor">#</a> getAllVisible</h2><p>Return the visible collection, which containes assets actually rendered</p><p>Returns <strong>Collection</strong></p><h2 id="remove"><a href="#remove" aria-hidden="true" class="header-anchor">#</a> remove</h2><p>Remove the asset by its URL</p><h3 id="parameters-3"><a href="#parameters-3" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>src</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> URL of the asset</li></ul><h3 id="examples-3"><a href="#examples-3" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code>assetManager<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span><span class="token string">'http://img.jpg'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>this</strong></p><h2 id="store"><a href="#store" aria-hidden="true" class="header-anchor">#</a> store</h2><p>Store assets data to the selected storage</p><h3 id="parameters-4"><a href="#parameters-4" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>noStore</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> If true, won't store</li></ul><h3 id="examples-4"><a href="#examples-4" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">var</span> assets <span class="token operator">=</span> assetManager<span class="token punctuation">.</span><span class="token function">store</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Data to store</p><h2 id="load"><a href="#load" aria-hidden="true" class="header-anchor">#</a> load</h2><p>Load data from the passed object.
@ -63,7 +63,7 @@ assetManager<span class="token punctuation">.</span><span class="token function"
<span class="token comment">// Render some of the assets</span>
<span class="token keyword">const</span> assets <span class="token operator">=</span> assetManager<span class="token punctuation">.</span><span class="token function">getAll</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
assetManager<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>assets<span class="token punctuation">.</span><span class="token function">filter</span><span class="token punctuation">(</span>
asset <span class="token operator">=&gt;</span> asset<span class="token punctuation">.</span><span class="token keyword">get</span><span class="token punctuation">(</span><span class="token string">'category'</span><span class="token punctuation">)</span> <span class="token operator">==</span> <span class="token string">'cats'</span>
<span class="token parameter">asset</span> <span class="token operator">=&gt;</span> asset<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'category'</span><span class="token punctuation">)</span> <span class="token operator">==</span> <span class="token string">'cats'</span>
<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/HTML/Element" target="_blank" rel="noopener noreferrer">HTMLElement<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong></p><h2 id="addtype"><a href="#addtype" aria-hidden="true" class="header-anchor">#</a> addType</h2><p>Add new type. If you want to get more about type definition we suggest to read the <a href="/docs/modules/Assets.html">module's page</a></p><h3 id="parameters-7"><a href="#parameters-7" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>id</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Type ID</li><li><code>definition</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Definition of the type. Each definition contains
<code>model</code> (business logic), <code>view</code> (presentation logic)
@ -71,7 +71,7 @@ and <code>isType</code> function which recognize the type of the
passed entity</li></ul><h3 id="examples-7"><a href="#examples-7" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code>assetManager<span class="token punctuation">.</span><span class="token function">addType</span><span class="token punctuation">(</span><span class="token string">'my-type'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
model<span class="token punctuation">:</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
view<span class="token punctuation">:</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
isType<span class="token punctuation">:</span> <span class="token punctuation">(</span>value<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token function-variable function">isType</span><span class="token punctuation">:</span> <span class="token punctuation">(</span><span class="token parameter">value</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span>
</code></pre></div><h2 id="gettype"><a href="#gettype" aria-hidden="true" class="header-anchor">#</a> getType</h2><p>Get type</p><h3 id="parameters-8"><a href="#parameters-8" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>id</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Type ID</li></ul><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Type definition</p><h2 id="gettypes"><a href="#gettypes" aria-hidden="true" class="header-anchor">#</a> getTypes</h2><p>Get types</p><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong></p></div><div class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/assets.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></div><div class="last-updated"><span class="prefix">Last Updated: </span><span class="time">7/8/2018, 1:46:22 PM</span></div></div><div class="page-nav"><p class="inner"><span class="prev">
← <a href="/docs/api/canvas.html" class="prev">
@ -80,6 +80,6 @@ passed entity</li></ul><h3 id="examples-7"><a href="#examples-7" aria-hidden="tr
Block Manager
</a> →
</span></p></div></div></div></div>
<script src="/docs/assets/js/14.47aa7392.js" defer></script><script src="/docs/assets/js/app.a18f26bb.js" defer></script>
<script src="/docs/assets/js/app.841d52ad.js" defer></script><script src="/docs/assets/js/14.3a556795.js" defer></script>
</body>
</html>

12
docs/api/block_manager.html

@ -8,9 +8,9 @@
<link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.15.3">
<script src="../js/grapes.min.js?v0.15.3"></script>
<link rel="preload" href="/docs/assets/css/0.styles.82db7b1e.css" as="style"><link rel="preload" href="/docs/assets/js/app.a18f26bb.js" as="script"><link rel="preload" href="/docs/assets/js/15.e5ae77bc.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.a106a5cd.js"><link rel="prefetch" href="/docs/assets/js/11.e1d01d7f.js"><link rel="prefetch" href="/docs/assets/js/12.7b5df652.js"><link rel="prefetch" href="/docs/assets/js/13.2c86d6bb.js"><link rel="prefetch" href="/docs/assets/js/14.47aa7392.js"><link rel="prefetch" href="/docs/assets/js/16.07b42741.js"><link rel="prefetch" href="/docs/assets/js/17.2a67de0b.js"><link rel="prefetch" href="/docs/assets/js/18.11c93f1e.js"><link rel="prefetch" href="/docs/assets/js/19.7a13abf6.js"><link rel="prefetch" href="/docs/assets/js/2.434af1ad.js"><link rel="prefetch" href="/docs/assets/js/20.d98c3b22.js"><link rel="prefetch" href="/docs/assets/js/21.3e3438bd.js"><link rel="prefetch" href="/docs/assets/js/22.917f34a1.js"><link rel="prefetch" href="/docs/assets/js/23.a1fe2201.js"><link rel="prefetch" href="/docs/assets/js/24.fefe1628.js"><link rel="prefetch" href="/docs/assets/js/25.32714364.js"><link rel="prefetch" href="/docs/assets/js/26.0ba924f8.js"><link rel="prefetch" href="/docs/assets/js/27.442eb105.js"><link rel="prefetch" href="/docs/assets/js/28.3d0efde8.js"><link rel="prefetch" href="/docs/assets/js/29.81c2faa9.js"><link rel="prefetch" href="/docs/assets/js/3.651320c9.js"><link rel="prefetch" href="/docs/assets/js/30.331e996f.js"><link rel="prefetch" href="/docs/assets/js/31.456da170.js"><link rel="prefetch" href="/docs/assets/js/32.2f2eecfd.js"><link rel="prefetch" href="/docs/assets/js/33.5a21eeb2.js"><link rel="prefetch" href="/docs/assets/js/34.e495786f.js"><link rel="prefetch" href="/docs/assets/js/35.e59a311f.js"><link rel="prefetch" href="/docs/assets/js/36.8c67e6e8.js"><link rel="prefetch" href="/docs/assets/js/37.ea48a200.js"><link rel="prefetch" href="/docs/assets/js/38.49bb9e38.js"><link rel="prefetch" href="/docs/assets/js/39.2eeb020a.js"><link rel="prefetch" href="/docs/assets/js/4.ccc41891.js"><link rel="prefetch" href="/docs/assets/js/40.5c633dc6.js"><link rel="prefetch" href="/docs/assets/js/41.17bf3b3b.js"><link rel="prefetch" href="/docs/assets/js/42.b82b73fe.js"><link rel="prefetch" href="/docs/assets/js/43.24b80d23.js"><link rel="prefetch" href="/docs/assets/js/5.20d1ecdf.js"><link rel="prefetch" href="/docs/assets/js/6.9af8fc3b.js"><link rel="prefetch" href="/docs/assets/js/7.224c3fec.js"><link rel="prefetch" href="/docs/assets/js/8.e9d59c3e.js"><link rel="prefetch" href="/docs/assets/js/9.9f34d8b5.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.82db7b1e.css">
<link rel="preload" href="/docs/assets/css/styles.841d52ad.css" as="style"><link rel="preload" href="/docs/assets/js/app.841d52ad.js" as="script"><link rel="preload" href="/docs/assets/js/15.b8e65128.js" as="script"><link rel="prefetch" href="/docs/assets/js/1.d88ab8c2.js"><link rel="prefetch" href="/docs/assets/js/10.6d1da19c.js"><link rel="prefetch" href="/docs/assets/js/11.e1024e3c.js"><link rel="prefetch" href="/docs/assets/js/12.ea2d0633.js"><link rel="prefetch" href="/docs/assets/js/13.0aca6e95.js"><link rel="prefetch" href="/docs/assets/js/14.3a556795.js"><link rel="prefetch" href="/docs/assets/js/16.9e8d0ee3.js"><link rel="prefetch" href="/docs/assets/js/17.fea2549e.js"><link rel="prefetch" href="/docs/assets/js/18.112c9d7a.js"><link rel="prefetch" href="/docs/assets/js/19.da3eb438.js"><link rel="prefetch" href="/docs/assets/js/2.3f947d80.js"><link rel="prefetch" href="/docs/assets/js/20.abef129a.js"><link rel="prefetch" href="/docs/assets/js/21.45665626.js"><link rel="prefetch" href="/docs/assets/js/22.f3f10b93.js"><link rel="prefetch" href="/docs/assets/js/23.85818d14.js"><link rel="prefetch" href="/docs/assets/js/24.6618a793.js"><link rel="prefetch" href="/docs/assets/js/25.3fa3e444.js"><link rel="prefetch" href="/docs/assets/js/26.19837d20.js"><link rel="prefetch" href="/docs/assets/js/27.49115d17.js"><link rel="prefetch" href="/docs/assets/js/28.0cb791cd.js"><link rel="prefetch" href="/docs/assets/js/29.60349f33.js"><link rel="prefetch" href="/docs/assets/js/3.58555975.js"><link rel="prefetch" href="/docs/assets/js/30.4f7b4a19.js"><link rel="prefetch" href="/docs/assets/js/31.3f9b4c2f.js"><link rel="prefetch" href="/docs/assets/js/32.2fb15c2c.js"><link rel="prefetch" href="/docs/assets/js/33.10f2e2c4.js"><link rel="prefetch" href="/docs/assets/js/34.b00a201b.js"><link rel="prefetch" href="/docs/assets/js/35.842b3faa.js"><link rel="prefetch" href="/docs/assets/js/36.cf215dd2.js"><link rel="prefetch" href="/docs/assets/js/37.1f4e9422.js"><link rel="prefetch" href="/docs/assets/js/38.41db2434.js"><link rel="prefetch" href="/docs/assets/js/39.ff6ba2ff.js"><link rel="prefetch" href="/docs/assets/js/4.c61ce6cc.js"><link rel="prefetch" href="/docs/assets/js/40.2afed73e.js"><link rel="prefetch" href="/docs/assets/js/41.8a6c4d0c.js"><link rel="prefetch" href="/docs/assets/js/42.ac8b349a.js"><link rel="prefetch" href="/docs/assets/js/43.53781928.js"><link rel="prefetch" href="/docs/assets/js/44.ee1dfbc2.js"><link rel="prefetch" href="/docs/assets/js/5.763a4c86.js"><link rel="prefetch" href="/docs/assets/js/6.06855135.js"><link rel="prefetch" href="/docs/assets/js/7.de412c56.js"><link rel="prefetch" href="/docs/assets/js/8.2eb536bf.js"><link rel="prefetch" href="/docs/assets/js/9.7883b5a7.js">
<link rel="stylesheet" href="/docs/assets/css/styles.841d52ad.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" class="logo"><span class="site-name can-hide">
@ -46,7 +46,7 @@ The string will be converted in:
title<span class="token punctuation">:</span> <span class="token string">'Insert h1 block'</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>Block</strong> Added block</p><h2 id="get"><a href="#get" aria-hidden="true" class="header-anchor">#</a> get</h2><p>Return the block by id</p><h3 id="parameters-2"><a href="#parameters-2" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>id</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Block id</li></ul><h3 id="examples-2"><a href="#examples-2" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> block <span class="token operator">=</span> blockManager<span class="token punctuation">.</span><span class="token keyword">get</span><span class="token punctuation">(</span><span class="token string">'h1-block'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>Block</strong> Added block</p><h2 id="get"><a href="#get" aria-hidden="true" class="header-anchor">#</a> get</h2><p>Return the block by id</p><h3 id="parameters-2"><a href="#parameters-2" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>id</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Block id</li></ul><h3 id="examples-2"><a href="#examples-2" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> block <span class="token operator">=</span> blockManager<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'h1-block'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>block<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// {label: 'Heading', content: '&lt;h1&gt;Put your ...', ...}</span>
</code></pre></div><h2 id="getall"><a href="#getall" aria-hidden="true" class="header-anchor">#</a> getAll</h2><p>Return all blocks</p><h3 id="examples-3"><a href="#examples-3" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> blocks <span class="token operator">=</span> blockManager<span class="token punctuation">.</span><span class="token function">getAll</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
@ -59,7 +59,7 @@ blockManager<span class="token punctuation">.</span><span class="token function"
<span class="token comment">// Render new set of blocks</span>
<span class="token keyword">const</span> blocks <span class="token operator">=</span> blockManager<span class="token punctuation">.</span><span class="token function">getAll</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">const</span> filtered <span class="token operator">=</span> blocks<span class="token punctuation">.</span><span class="token function">filter</span><span class="token punctuation">(</span>block <span class="token operator">=&gt;</span> block<span class="token punctuation">.</span><span class="token keyword">get</span><span class="token punctuation">(</span><span class="token string">'category'</span><span class="token punctuation">)</span> <span class="token operator">==</span> <span class="token string">'sections'</span><span class="token punctuation">)</span>
<span class="token keyword">const</span> filtered <span class="token operator">=</span> blocks<span class="token punctuation">.</span><span class="token function">filter</span><span class="token punctuation">(</span><span class="token parameter">block</span> <span class="token operator">=&gt;</span> block<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'category'</span><span class="token punctuation">)</span> <span class="token operator">==</span> <span class="token string">'sections'</span><span class="token punctuation">)</span>
blockManager<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>filtered<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// Or a new set from an array</span>
@ -80,6 +80,6 @@ document<span class="token punctuation">.</span><span class="token function">get
Commands
</a> →
</span></p></div></div></div></div>
<script src="/docs/assets/js/15.e5ae77bc.js" defer></script><script src="/docs/assets/js/app.a18f26bb.js" defer></script>
<script src="/docs/assets/js/app.841d52ad.js" defer></script><script src="/docs/assets/js/15.b8e65128.js" defer></script>
</body>
</html>

12
docs/api/canvas.html

File diff suppressed because one or more lines are too long

18
docs/api/commands.html

@ -8,9 +8,9 @@
<link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.15.3">
<script src="../js/grapes.min.js?v0.15.3"></script>
<link rel="preload" href="/docs/assets/css/0.styles.82db7b1e.css" as="style"><link rel="preload" href="/docs/assets/js/app.a18f26bb.js" as="script"><link rel="preload" href="/docs/assets/js/17.2a67de0b.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.a106a5cd.js"><link rel="prefetch" href="/docs/assets/js/11.e1d01d7f.js"><link rel="prefetch" href="/docs/assets/js/12.7b5df652.js"><link rel="prefetch" href="/docs/assets/js/13.2c86d6bb.js"><link rel="prefetch" href="/docs/assets/js/14.47aa7392.js"><link rel="prefetch" href="/docs/assets/js/15.e5ae77bc.js"><link rel="prefetch" href="/docs/assets/js/16.07b42741.js"><link rel="prefetch" href="/docs/assets/js/18.11c93f1e.js"><link rel="prefetch" href="/docs/assets/js/19.7a13abf6.js"><link rel="prefetch" href="/docs/assets/js/2.434af1ad.js"><link rel="prefetch" href="/docs/assets/js/20.d98c3b22.js"><link rel="prefetch" href="/docs/assets/js/21.3e3438bd.js"><link rel="prefetch" href="/docs/assets/js/22.917f34a1.js"><link rel="prefetch" href="/docs/assets/js/23.a1fe2201.js"><link rel="prefetch" href="/docs/assets/js/24.fefe1628.js"><link rel="prefetch" href="/docs/assets/js/25.32714364.js"><link rel="prefetch" href="/docs/assets/js/26.0ba924f8.js"><link rel="prefetch" href="/docs/assets/js/27.442eb105.js"><link rel="prefetch" href="/docs/assets/js/28.3d0efde8.js"><link rel="prefetch" href="/docs/assets/js/29.81c2faa9.js"><link rel="prefetch" href="/docs/assets/js/3.651320c9.js"><link rel="prefetch" href="/docs/assets/js/30.331e996f.js"><link rel="prefetch" href="/docs/assets/js/31.456da170.js"><link rel="prefetch" href="/docs/assets/js/32.2f2eecfd.js"><link rel="prefetch" href="/docs/assets/js/33.5a21eeb2.js"><link rel="prefetch" href="/docs/assets/js/34.e495786f.js"><link rel="prefetch" href="/docs/assets/js/35.e59a311f.js"><link rel="prefetch" href="/docs/assets/js/36.8c67e6e8.js"><link rel="prefetch" href="/docs/assets/js/37.ea48a200.js"><link rel="prefetch" href="/docs/assets/js/38.49bb9e38.js"><link rel="prefetch" href="/docs/assets/js/39.2eeb020a.js"><link rel="prefetch" href="/docs/assets/js/4.ccc41891.js"><link rel="prefetch" href="/docs/assets/js/40.5c633dc6.js"><link rel="prefetch" href="/docs/assets/js/41.17bf3b3b.js"><link rel="prefetch" href="/docs/assets/js/42.b82b73fe.js"><link rel="prefetch" href="/docs/assets/js/43.24b80d23.js"><link rel="prefetch" href="/docs/assets/js/5.20d1ecdf.js"><link rel="prefetch" href="/docs/assets/js/6.9af8fc3b.js"><link rel="prefetch" href="/docs/assets/js/7.224c3fec.js"><link rel="prefetch" href="/docs/assets/js/8.e9d59c3e.js"><link rel="prefetch" href="/docs/assets/js/9.9f34d8b5.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.82db7b1e.css">
<link rel="preload" href="/docs/assets/css/styles.841d52ad.css" as="style"><link rel="preload" href="/docs/assets/js/app.841d52ad.js" as="script"><link rel="preload" href="/docs/assets/js/17.fea2549e.js" as="script"><link rel="prefetch" href="/docs/assets/js/1.d88ab8c2.js"><link rel="prefetch" href="/docs/assets/js/10.6d1da19c.js"><link rel="prefetch" href="/docs/assets/js/11.e1024e3c.js"><link rel="prefetch" href="/docs/assets/js/12.ea2d0633.js"><link rel="prefetch" href="/docs/assets/js/13.0aca6e95.js"><link rel="prefetch" href="/docs/assets/js/14.3a556795.js"><link rel="prefetch" href="/docs/assets/js/15.b8e65128.js"><link rel="prefetch" href="/docs/assets/js/16.9e8d0ee3.js"><link rel="prefetch" href="/docs/assets/js/18.112c9d7a.js"><link rel="prefetch" href="/docs/assets/js/19.da3eb438.js"><link rel="prefetch" href="/docs/assets/js/2.3f947d80.js"><link rel="prefetch" href="/docs/assets/js/20.abef129a.js"><link rel="prefetch" href="/docs/assets/js/21.45665626.js"><link rel="prefetch" href="/docs/assets/js/22.f3f10b93.js"><link rel="prefetch" href="/docs/assets/js/23.85818d14.js"><link rel="prefetch" href="/docs/assets/js/24.6618a793.js"><link rel="prefetch" href="/docs/assets/js/25.3fa3e444.js"><link rel="prefetch" href="/docs/assets/js/26.19837d20.js"><link rel="prefetch" href="/docs/assets/js/27.49115d17.js"><link rel="prefetch" href="/docs/assets/js/28.0cb791cd.js"><link rel="prefetch" href="/docs/assets/js/29.60349f33.js"><link rel="prefetch" href="/docs/assets/js/3.58555975.js"><link rel="prefetch" href="/docs/assets/js/30.4f7b4a19.js"><link rel="prefetch" href="/docs/assets/js/31.3f9b4c2f.js"><link rel="prefetch" href="/docs/assets/js/32.2fb15c2c.js"><link rel="prefetch" href="/docs/assets/js/33.10f2e2c4.js"><link rel="prefetch" href="/docs/assets/js/34.b00a201b.js"><link rel="prefetch" href="/docs/assets/js/35.842b3faa.js"><link rel="prefetch" href="/docs/assets/js/36.cf215dd2.js"><link rel="prefetch" href="/docs/assets/js/37.1f4e9422.js"><link rel="prefetch" href="/docs/assets/js/38.41db2434.js"><link rel="prefetch" href="/docs/assets/js/39.ff6ba2ff.js"><link rel="prefetch" href="/docs/assets/js/4.c61ce6cc.js"><link rel="prefetch" href="/docs/assets/js/40.2afed73e.js"><link rel="prefetch" href="/docs/assets/js/41.8a6c4d0c.js"><link rel="prefetch" href="/docs/assets/js/42.ac8b349a.js"><link rel="prefetch" href="/docs/assets/js/43.53781928.js"><link rel="prefetch" href="/docs/assets/js/44.ee1dfbc2.js"><link rel="prefetch" href="/docs/assets/js/5.763a4c86.js"><link rel="prefetch" href="/docs/assets/js/6.06855135.js"><link rel="prefetch" href="/docs/assets/js/7.de412c56.js"><link rel="prefetch" href="/docs/assets/js/8.2eb536bf.js"><link rel="prefetch" href="/docs/assets/js/9.7883b5a7.js">
<link rel="stylesheet" href="/docs/assets/css/styles.841d52ad.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" class="logo"><span class="site-name can-hide">
@ -36,15 +36,15 @@
</code></pre></div><ul><li><a href="#add">add</a></li><li><a href="#get">get</a></li><li><a href="#getall">getAll</a></li><li><a href="#extend">extend</a></li><li><a href="#has">has</a></li><li><a href="#run">run</a></li><li><a href="#stop">stop</a></li><li><a href="#isactive">isActive</a></li><li><a href="#getactive">getActive</a></li></ul><h2 id="add"><a href="#add" aria-hidden="true" class="header-anchor">#</a> add</h2><p>Add new command to the collection</p><h3 id="parameters"><a href="#parameters" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>id</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Command's ID</li><li><code>command</code><strong>(<a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> | <a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function" target="_blank" rel="noopener noreferrer">Function<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>)</strong> Object representing your command,
By passing just a function it's intended as a stateless command
(just like passing an object with only <code>run</code> method).</li></ul><h3 id="examples"><a href="#examples" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code>commands<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">'myCommand'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
<span class="token function">run</span><span class="token punctuation">(</span>editor<span class="token punctuation">,</span> sender<span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token function">run</span><span class="token punctuation">(</span><span class="token parameter">editor<span class="token punctuation">,</span> sender</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token function">alert</span><span class="token punctuation">(</span><span class="token string">'Hello world!'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token function">stop</span><span class="token punctuation">(</span>editor<span class="token punctuation">,</span> sender<span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token function">stop</span><span class="token punctuation">(</span><span class="token parameter">editor<span class="token punctuation">,</span> sender</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// As a function</span>
commands<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">'myCommand2'</span><span class="token punctuation">,</span> editor <span class="token operator">=&gt;</span> <span class="token punctuation">{</span> <span class="token operator">...</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>this</strong></p><h2 id="get"><a href="#get" aria-hidden="true" class="header-anchor">#</a> get</h2><p>Get command by ID</p><h3 id="parameters-2"><a href="#parameters-2" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>id</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Command's ID</li></ul><h3 id="examples-2"><a href="#examples-2" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">var</span> myCommand <span class="token operator">=</span> commands<span class="token punctuation">.</span><span class="token keyword">get</span><span class="token punctuation">(</span><span class="token string">'myCommand'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
commands<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">'myCommand2'</span><span class="token punctuation">,</span> <span class="token parameter">editor</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span> <span class="token operator">...</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>this</strong></p><h2 id="get"><a href="#get" aria-hidden="true" class="header-anchor">#</a> get</h2><p>Get command by ID</p><h3 id="parameters-2"><a href="#parameters-2" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>id</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Command's ID</li></ul><h3 id="examples-2"><a href="#examples-2" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">var</span> myCommand <span class="token operator">=</span> commands<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'myCommand'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
myCommand<span class="token punctuation">.</span><span class="token function">run</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Object representing the command</p><h2 id="extend"><a href="#extend" aria-hidden="true" class="header-anchor">#</a> extend</h2><p>Extend the command. The command to extend should be defined as an object</p><h3 id="parameters-3"><a href="#parameters-3" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>id</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Command's ID</li><li><code>cmd</code> (optional, default <code>{}</code>)</li><li><code>Object</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> with the new command functions</li></ul><h3 id="examples-3"><a href="#examples-3" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code>commands<span class="token punctuation">.</span><span class="token function">extend</span><span class="token punctuation">(</span><span class="token string">'old-command'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
<span class="token function">someInnerFunction</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
@ -64,13 +64,13 @@ commands<span class="token punctuation">.</span><span class="token function">isA
<span class="token comment">// -&gt; false</span>
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong></p><h2 id="getactive"><a href="#getactive" aria-hidden="true" class="header-anchor">#</a> getActive</h2><p>Get all active commands</p><h3 id="examples-7"><a href="#examples-7" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code>console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>commands<span class="token punctuation">.</span><span class="token function">getActive</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// -&gt; { someCommand: itsLastReturn, anotherOne: ... };</span>
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong></p></div><div class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/commands.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></div><div class="last-updated"><span class="prefix">Last Updated: </span><span class="time">8/26/2018, 2:24:48 PM</span></div></div><div class="page-nav"><p class="inner"><span class="prev">
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong></p></div><div class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/commands.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></div><div class="last-updated"><span class="prefix">Last Updated: </span><span class="time">5/2/2019, 1:28:33 AM</span></div></div><div class="page-nav"><p class="inner"><span class="prev">
← <a href="/docs/api/block_manager.html" class="prev">
Block Manager
</a></span><span class="next"><a href="/docs/api/components.html">
DOM Components
</a> →
</span></p></div></div></div></div>
<script src="/docs/assets/js/17.2a67de0b.js" defer></script><script src="/docs/assets/js/app.a18f26bb.js" defer></script>
<script src="/docs/assets/js/app.841d52ad.js" defer></script><script src="/docs/assets/js/17.fea2549e.js" defer></script>
</body>
</html>

78
docs/api/component.html

File diff suppressed because one or more lines are too long

18
docs/api/components.html

File diff suppressed because one or more lines are too long

14
docs/api/css_composer.html

@ -8,9 +8,9 @@
<link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.15.3">
<script src="../js/grapes.min.js?v0.15.3"></script>
<link rel="preload" href="/docs/assets/css/0.styles.82db7b1e.css" as="style"><link rel="preload" href="/docs/assets/js/app.a18f26bb.js" as="script"><link rel="preload" href="/docs/assets/js/20.d98c3b22.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.a106a5cd.js"><link rel="prefetch" href="/docs/assets/js/11.e1d01d7f.js"><link rel="prefetch" href="/docs/assets/js/12.7b5df652.js"><link rel="prefetch" href="/docs/assets/js/13.2c86d6bb.js"><link rel="prefetch" href="/docs/assets/js/14.47aa7392.js"><link rel="prefetch" href="/docs/assets/js/15.e5ae77bc.js"><link rel="prefetch" href="/docs/assets/js/16.07b42741.js"><link rel="prefetch" href="/docs/assets/js/17.2a67de0b.js"><link rel="prefetch" href="/docs/assets/js/18.11c93f1e.js"><link rel="prefetch" href="/docs/assets/js/19.7a13abf6.js"><link rel="prefetch" href="/docs/assets/js/2.434af1ad.js"><link rel="prefetch" href="/docs/assets/js/21.3e3438bd.js"><link rel="prefetch" href="/docs/assets/js/22.917f34a1.js"><link rel="prefetch" href="/docs/assets/js/23.a1fe2201.js"><link rel="prefetch" href="/docs/assets/js/24.fefe1628.js"><link rel="prefetch" href="/docs/assets/js/25.32714364.js"><link rel="prefetch" href="/docs/assets/js/26.0ba924f8.js"><link rel="prefetch" href="/docs/assets/js/27.442eb105.js"><link rel="prefetch" href="/docs/assets/js/28.3d0efde8.js"><link rel="prefetch" href="/docs/assets/js/29.81c2faa9.js"><link rel="prefetch" href="/docs/assets/js/3.651320c9.js"><link rel="prefetch" href="/docs/assets/js/30.331e996f.js"><link rel="prefetch" href="/docs/assets/js/31.456da170.js"><link rel="prefetch" href="/docs/assets/js/32.2f2eecfd.js"><link rel="prefetch" href="/docs/assets/js/33.5a21eeb2.js"><link rel="prefetch" href="/docs/assets/js/34.e495786f.js"><link rel="prefetch" href="/docs/assets/js/35.e59a311f.js"><link rel="prefetch" href="/docs/assets/js/36.8c67e6e8.js"><link rel="prefetch" href="/docs/assets/js/37.ea48a200.js"><link rel="prefetch" href="/docs/assets/js/38.49bb9e38.js"><link rel="prefetch" href="/docs/assets/js/39.2eeb020a.js"><link rel="prefetch" href="/docs/assets/js/4.ccc41891.js"><link rel="prefetch" href="/docs/assets/js/40.5c633dc6.js"><link rel="prefetch" href="/docs/assets/js/41.17bf3b3b.js"><link rel="prefetch" href="/docs/assets/js/42.b82b73fe.js"><link rel="prefetch" href="/docs/assets/js/43.24b80d23.js"><link rel="prefetch" href="/docs/assets/js/5.20d1ecdf.js"><link rel="prefetch" href="/docs/assets/js/6.9af8fc3b.js"><link rel="prefetch" href="/docs/assets/js/7.224c3fec.js"><link rel="prefetch" href="/docs/assets/js/8.e9d59c3e.js"><link rel="prefetch" href="/docs/assets/js/9.9f34d8b5.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.82db7b1e.css">
<link rel="preload" href="/docs/assets/css/styles.841d52ad.css" as="style"><link rel="preload" href="/docs/assets/js/app.841d52ad.js" as="script"><link rel="preload" href="/docs/assets/js/20.abef129a.js" as="script"><link rel="prefetch" href="/docs/assets/js/1.d88ab8c2.js"><link rel="prefetch" href="/docs/assets/js/10.6d1da19c.js"><link rel="prefetch" href="/docs/assets/js/11.e1024e3c.js"><link rel="prefetch" href="/docs/assets/js/12.ea2d0633.js"><link rel="prefetch" href="/docs/assets/js/13.0aca6e95.js"><link rel="prefetch" href="/docs/assets/js/14.3a556795.js"><link rel="prefetch" href="/docs/assets/js/15.b8e65128.js"><link rel="prefetch" href="/docs/assets/js/16.9e8d0ee3.js"><link rel="prefetch" href="/docs/assets/js/17.fea2549e.js"><link rel="prefetch" href="/docs/assets/js/18.112c9d7a.js"><link rel="prefetch" href="/docs/assets/js/19.da3eb438.js"><link rel="prefetch" href="/docs/assets/js/2.3f947d80.js"><link rel="prefetch" href="/docs/assets/js/21.45665626.js"><link rel="prefetch" href="/docs/assets/js/22.f3f10b93.js"><link rel="prefetch" href="/docs/assets/js/23.85818d14.js"><link rel="prefetch" href="/docs/assets/js/24.6618a793.js"><link rel="prefetch" href="/docs/assets/js/25.3fa3e444.js"><link rel="prefetch" href="/docs/assets/js/26.19837d20.js"><link rel="prefetch" href="/docs/assets/js/27.49115d17.js"><link rel="prefetch" href="/docs/assets/js/28.0cb791cd.js"><link rel="prefetch" href="/docs/assets/js/29.60349f33.js"><link rel="prefetch" href="/docs/assets/js/3.58555975.js"><link rel="prefetch" href="/docs/assets/js/30.4f7b4a19.js"><link rel="prefetch" href="/docs/assets/js/31.3f9b4c2f.js"><link rel="prefetch" href="/docs/assets/js/32.2fb15c2c.js"><link rel="prefetch" href="/docs/assets/js/33.10f2e2c4.js"><link rel="prefetch" href="/docs/assets/js/34.b00a201b.js"><link rel="prefetch" href="/docs/assets/js/35.842b3faa.js"><link rel="prefetch" href="/docs/assets/js/36.cf215dd2.js"><link rel="prefetch" href="/docs/assets/js/37.1f4e9422.js"><link rel="prefetch" href="/docs/assets/js/38.41db2434.js"><link rel="prefetch" href="/docs/assets/js/39.ff6ba2ff.js"><link rel="prefetch" href="/docs/assets/js/4.c61ce6cc.js"><link rel="prefetch" href="/docs/assets/js/40.2afed73e.js"><link rel="prefetch" href="/docs/assets/js/41.8a6c4d0c.js"><link rel="prefetch" href="/docs/assets/js/42.ac8b349a.js"><link rel="prefetch" href="/docs/assets/js/43.53781928.js"><link rel="prefetch" href="/docs/assets/js/44.ee1dfbc2.js"><link rel="prefetch" href="/docs/assets/js/5.763a4c86.js"><link rel="prefetch" href="/docs/assets/js/6.06855135.js"><link rel="prefetch" href="/docs/assets/js/7.de412c56.js"><link rel="prefetch" href="/docs/assets/js/8.2eb536bf.js"><link rel="prefetch" href="/docs/assets/js/9.7883b5a7.js">
<link rel="stylesheet" href="/docs/assets/css/styles.841d52ad.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" class="logo"><span class="site-name can-hide">
@ -40,16 +40,16 @@ The fetched data will be added to the collection</p><h3 id="parameters"><a href=
<span class="token keyword">var</span> sel1 <span class="token operator">=</span> sm<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">'myClass1'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">var</span> sel2 <span class="token operator">=</span> sm<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">'myClass2'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">var</span> rule <span class="token operator">=</span> cssComposer<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token punctuation">[</span>sel1<span class="token punctuation">,</span> sel2<span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token string">'hover'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
rule<span class="token punctuation">.</span><span class="token keyword">set</span><span class="token punctuation">(</span><span class="token string">'style'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
rule<span class="token punctuation">.</span><span class="token function">set</span><span class="token punctuation">(</span><span class="token string">'style'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
width<span class="token punctuation">:</span> <span class="token string">'100px'</span><span class="token punctuation">,</span>
color<span class="token punctuation">:</span> <span class="token string">'#fff'</span><span class="token punctuation">,</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>Model</strong></p><h2 id="get"><a href="#get" aria-hidden="true" class="header-anchor">#</a> get</h2><p>Get the rule</p><h3 id="parameters-4"><a href="#parameters-4" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>selectors</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>&lt;Selector&gt;</strong> Array of selectors</li><li><code>state</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Css rule state</li><li><code>width</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> For which device this style is oriented</li><li><code>ruleProps</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Other rule props</li></ul><h3 id="examples-2"><a href="#examples-2" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">var</span> sm <span class="token operator">=</span> editor<span class="token punctuation">.</span>SelectorManager<span class="token punctuation">;</span>
<span class="token keyword">var</span> sel1 <span class="token operator">=</span> sm<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">'myClass1'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">var</span> sel2 <span class="token operator">=</span> sm<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">'myClass2'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">var</span> rule <span class="token operator">=</span> cssComposer<span class="token punctuation">.</span><span class="token keyword">get</span><span class="token punctuation">(</span><span class="token punctuation">[</span>sel1<span class="token punctuation">,</span> sel2<span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token string">'hover'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">var</span> rule <span class="token operator">=</span> cssComposer<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token punctuation">[</span>sel1<span class="token punctuation">,</span> sel2<span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token string">'hover'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// Update the style</span>
rule<span class="token punctuation">.</span><span class="token keyword">set</span><span class="token punctuation">(</span><span class="token string">'style'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
rule<span class="token punctuation">.</span><span class="token function">set</span><span class="token punctuation">(</span><span class="token string">'style'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
width<span class="token punctuation">:</span> <span class="token string">'300px'</span><span class="token punctuation">,</span>
color<span class="token punctuation">:</span> <span class="token string">'#000'</span><span class="token punctuation">,</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
@ -79,6 +79,6 @@ console<span class="token punctuation">.</span><span class="token function">log<
Modal
</a> →
</span></p></div></div></div></div>
<script src="/docs/assets/js/20.d98c3b22.js" defer></script><script src="/docs/assets/js/app.a18f26bb.js" defer></script>
<script src="/docs/assets/js/app.841d52ad.js" defer></script><script src="/docs/assets/js/20.abef129a.js" defer></script>
</body>
</html>

10
docs/api/device_manager.html

@ -8,9 +8,9 @@
<link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.15.3">
<script src="../js/grapes.min.js?v0.15.3"></script>
<link rel="preload" href="/docs/assets/css/0.styles.82db7b1e.css" as="style"><link rel="preload" href="/docs/assets/js/app.a18f26bb.js" as="script"><link rel="preload" href="/docs/assets/js/21.3e3438bd.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.a106a5cd.js"><link rel="prefetch" href="/docs/assets/js/11.e1d01d7f.js"><link rel="prefetch" href="/docs/assets/js/12.7b5df652.js"><link rel="prefetch" href="/docs/assets/js/13.2c86d6bb.js"><link rel="prefetch" href="/docs/assets/js/14.47aa7392.js"><link rel="prefetch" href="/docs/assets/js/15.e5ae77bc.js"><link rel="prefetch" href="/docs/assets/js/16.07b42741.js"><link rel="prefetch" href="/docs/assets/js/17.2a67de0b.js"><link rel="prefetch" href="/docs/assets/js/18.11c93f1e.js"><link rel="prefetch" href="/docs/assets/js/19.7a13abf6.js"><link rel="prefetch" href="/docs/assets/js/2.434af1ad.js"><link rel="prefetch" href="/docs/assets/js/20.d98c3b22.js"><link rel="prefetch" href="/docs/assets/js/22.917f34a1.js"><link rel="prefetch" href="/docs/assets/js/23.a1fe2201.js"><link rel="prefetch" href="/docs/assets/js/24.fefe1628.js"><link rel="prefetch" href="/docs/assets/js/25.32714364.js"><link rel="prefetch" href="/docs/assets/js/26.0ba924f8.js"><link rel="prefetch" href="/docs/assets/js/27.442eb105.js"><link rel="prefetch" href="/docs/assets/js/28.3d0efde8.js"><link rel="prefetch" href="/docs/assets/js/29.81c2faa9.js"><link rel="prefetch" href="/docs/assets/js/3.651320c9.js"><link rel="prefetch" href="/docs/assets/js/30.331e996f.js"><link rel="prefetch" href="/docs/assets/js/31.456da170.js"><link rel="prefetch" href="/docs/assets/js/32.2f2eecfd.js"><link rel="prefetch" href="/docs/assets/js/33.5a21eeb2.js"><link rel="prefetch" href="/docs/assets/js/34.e495786f.js"><link rel="prefetch" href="/docs/assets/js/35.e59a311f.js"><link rel="prefetch" href="/docs/assets/js/36.8c67e6e8.js"><link rel="prefetch" href="/docs/assets/js/37.ea48a200.js"><link rel="prefetch" href="/docs/assets/js/38.49bb9e38.js"><link rel="prefetch" href="/docs/assets/js/39.2eeb020a.js"><link rel="prefetch" href="/docs/assets/js/4.ccc41891.js"><link rel="prefetch" href="/docs/assets/js/40.5c633dc6.js"><link rel="prefetch" href="/docs/assets/js/41.17bf3b3b.js"><link rel="prefetch" href="/docs/assets/js/42.b82b73fe.js"><link rel="prefetch" href="/docs/assets/js/43.24b80d23.js"><link rel="prefetch" href="/docs/assets/js/5.20d1ecdf.js"><link rel="prefetch" href="/docs/assets/js/6.9af8fc3b.js"><link rel="prefetch" href="/docs/assets/js/7.224c3fec.js"><link rel="prefetch" href="/docs/assets/js/8.e9d59c3e.js"><link rel="prefetch" href="/docs/assets/js/9.9f34d8b5.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.82db7b1e.css">
<link rel="preload" href="/docs/assets/css/styles.841d52ad.css" as="style"><link rel="preload" href="/docs/assets/js/app.841d52ad.js" as="script"><link rel="preload" href="/docs/assets/js/21.45665626.js" as="script"><link rel="prefetch" href="/docs/assets/js/1.d88ab8c2.js"><link rel="prefetch" href="/docs/assets/js/10.6d1da19c.js"><link rel="prefetch" href="/docs/assets/js/11.e1024e3c.js"><link rel="prefetch" href="/docs/assets/js/12.ea2d0633.js"><link rel="prefetch" href="/docs/assets/js/13.0aca6e95.js"><link rel="prefetch" href="/docs/assets/js/14.3a556795.js"><link rel="prefetch" href="/docs/assets/js/15.b8e65128.js"><link rel="prefetch" href="/docs/assets/js/16.9e8d0ee3.js"><link rel="prefetch" href="/docs/assets/js/17.fea2549e.js"><link rel="prefetch" href="/docs/assets/js/18.112c9d7a.js"><link rel="prefetch" href="/docs/assets/js/19.da3eb438.js"><link rel="prefetch" href="/docs/assets/js/2.3f947d80.js"><link rel="prefetch" href="/docs/assets/js/20.abef129a.js"><link rel="prefetch" href="/docs/assets/js/22.f3f10b93.js"><link rel="prefetch" href="/docs/assets/js/23.85818d14.js"><link rel="prefetch" href="/docs/assets/js/24.6618a793.js"><link rel="prefetch" href="/docs/assets/js/25.3fa3e444.js"><link rel="prefetch" href="/docs/assets/js/26.19837d20.js"><link rel="prefetch" href="/docs/assets/js/27.49115d17.js"><link rel="prefetch" href="/docs/assets/js/28.0cb791cd.js"><link rel="prefetch" href="/docs/assets/js/29.60349f33.js"><link rel="prefetch" href="/docs/assets/js/3.58555975.js"><link rel="prefetch" href="/docs/assets/js/30.4f7b4a19.js"><link rel="prefetch" href="/docs/assets/js/31.3f9b4c2f.js"><link rel="prefetch" href="/docs/assets/js/32.2fb15c2c.js"><link rel="prefetch" href="/docs/assets/js/33.10f2e2c4.js"><link rel="prefetch" href="/docs/assets/js/34.b00a201b.js"><link rel="prefetch" href="/docs/assets/js/35.842b3faa.js"><link rel="prefetch" href="/docs/assets/js/36.cf215dd2.js"><link rel="prefetch" href="/docs/assets/js/37.1f4e9422.js"><link rel="prefetch" href="/docs/assets/js/38.41db2434.js"><link rel="prefetch" href="/docs/assets/js/39.ff6ba2ff.js"><link rel="prefetch" href="/docs/assets/js/4.c61ce6cc.js"><link rel="prefetch" href="/docs/assets/js/40.2afed73e.js"><link rel="prefetch" href="/docs/assets/js/41.8a6c4d0c.js"><link rel="prefetch" href="/docs/assets/js/42.ac8b349a.js"><link rel="prefetch" href="/docs/assets/js/43.53781928.js"><link rel="prefetch" href="/docs/assets/js/44.ee1dfbc2.js"><link rel="prefetch" href="/docs/assets/js/5.763a4c86.js"><link rel="prefetch" href="/docs/assets/js/6.06855135.js"><link rel="prefetch" href="/docs/assets/js/7.de412c56.js"><link rel="prefetch" href="/docs/assets/js/8.2eb536bf.js"><link rel="prefetch" href="/docs/assets/js/9.7883b5a7.js">
<link rel="stylesheet" href="/docs/assets/css/styles.841d52ad.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" class="logo"><span class="site-name can-hide">
@ -38,7 +38,7 @@ deviceManager<span class="token punctuation">.</span><span class="token function
height<span class="token punctuation">:</span> <span class="token string">'300px'</span><span class="token punctuation">,</span>
widthMedia<span class="token punctuation">:</span> <span class="token string">'810px'</span><span class="token punctuation">,</span> <span class="token comment">// the width that will be used for the CSS media</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>Device</strong> Added device</p><h2 id="get"><a href="#get" aria-hidden="true" class="header-anchor">#</a> get</h2><p>Return device by name</p><h3 id="parameters-2"><a href="#parameters-2" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>name</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Name of the device</li></ul><h3 id="examples-2"><a href="#examples-2" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">var</span> device <span class="token operator">=</span> deviceManager<span class="token punctuation">.</span><span class="token keyword">get</span><span class="token punctuation">(</span><span class="token string">'Tablet'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>Device</strong> Added device</p><h2 id="get"><a href="#get" aria-hidden="true" class="header-anchor">#</a> get</h2><p>Return device by name</p><h3 id="parameters-2"><a href="#parameters-2" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>name</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Name of the device</li></ul><h3 id="examples-2"><a href="#examples-2" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">var</span> device <span class="token operator">=</span> deviceManager<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'Tablet'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>device<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// {name: 'Tablet', width: '900px'}</span>
</code></pre></div><h2 id="getall"><a href="#getall" aria-hidden="true" class="header-anchor">#</a> getAll</h2><p>Return all devices</p><h3 id="examples-3"><a href="#examples-3" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">var</span> devices <span class="token operator">=</span> deviceManager<span class="token punctuation">.</span><span class="token function">getAll</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
@ -51,6 +51,6 @@ console<span class="token punctuation">.</span><span class="token function">log<
Selector Manager
</a> →
</span></p></div></div></div></div>
<script src="/docs/assets/js/21.3e3438bd.js" defer></script><script src="/docs/assets/js/app.a18f26bb.js" defer></script>
<script src="/docs/assets/js/app.841d52ad.js" defer></script><script src="/docs/assets/js/21.45665626.js" defer></script>
</body>
</html>

29
docs/api/editor.html

File diff suppressed because one or more lines are too long

8
docs/api/index.html

@ -8,9 +8,9 @@
<link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.15.3">
<script src="../js/grapes.min.js?v0.15.3"></script>
<link rel="preload" href="/docs/assets/css/0.styles.82db7b1e.css" as="style"><link rel="preload" href="/docs/assets/js/app.a18f26bb.js" as="script"><link rel="preload" href="/docs/assets/js/13.2c86d6bb.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.a106a5cd.js"><link rel="prefetch" href="/docs/assets/js/11.e1d01d7f.js"><link rel="prefetch" href="/docs/assets/js/12.7b5df652.js"><link rel="prefetch" href="/docs/assets/js/14.47aa7392.js"><link rel="prefetch" href="/docs/assets/js/15.e5ae77bc.js"><link rel="prefetch" href="/docs/assets/js/16.07b42741.js"><link rel="prefetch" href="/docs/assets/js/17.2a67de0b.js"><link rel="prefetch" href="/docs/assets/js/18.11c93f1e.js"><link rel="prefetch" href="/docs/assets/js/19.7a13abf6.js"><link rel="prefetch" href="/docs/assets/js/2.434af1ad.js"><link rel="prefetch" href="/docs/assets/js/20.d98c3b22.js"><link rel="prefetch" href="/docs/assets/js/21.3e3438bd.js"><link rel="prefetch" href="/docs/assets/js/22.917f34a1.js"><link rel="prefetch" href="/docs/assets/js/23.a1fe2201.js"><link rel="prefetch" href="/docs/assets/js/24.fefe1628.js"><link rel="prefetch" href="/docs/assets/js/25.32714364.js"><link rel="prefetch" href="/docs/assets/js/26.0ba924f8.js"><link rel="prefetch" href="/docs/assets/js/27.442eb105.js"><link rel="prefetch" href="/docs/assets/js/28.3d0efde8.js"><link rel="prefetch" href="/docs/assets/js/29.81c2faa9.js"><link rel="prefetch" href="/docs/assets/js/3.651320c9.js"><link rel="prefetch" href="/docs/assets/js/30.331e996f.js"><link rel="prefetch" href="/docs/assets/js/31.456da170.js"><link rel="prefetch" href="/docs/assets/js/32.2f2eecfd.js"><link rel="prefetch" href="/docs/assets/js/33.5a21eeb2.js"><link rel="prefetch" href="/docs/assets/js/34.e495786f.js"><link rel="prefetch" href="/docs/assets/js/35.e59a311f.js"><link rel="prefetch" href="/docs/assets/js/36.8c67e6e8.js"><link rel="prefetch" href="/docs/assets/js/37.ea48a200.js"><link rel="prefetch" href="/docs/assets/js/38.49bb9e38.js"><link rel="prefetch" href="/docs/assets/js/39.2eeb020a.js"><link rel="prefetch" href="/docs/assets/js/4.ccc41891.js"><link rel="prefetch" href="/docs/assets/js/40.5c633dc6.js"><link rel="prefetch" href="/docs/assets/js/41.17bf3b3b.js"><link rel="prefetch" href="/docs/assets/js/42.b82b73fe.js"><link rel="prefetch" href="/docs/assets/js/43.24b80d23.js"><link rel="prefetch" href="/docs/assets/js/5.20d1ecdf.js"><link rel="prefetch" href="/docs/assets/js/6.9af8fc3b.js"><link rel="prefetch" href="/docs/assets/js/7.224c3fec.js"><link rel="prefetch" href="/docs/assets/js/8.e9d59c3e.js"><link rel="prefetch" href="/docs/assets/js/9.9f34d8b5.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.82db7b1e.css">
<link rel="preload" href="/docs/assets/css/styles.841d52ad.css" as="style"><link rel="preload" href="/docs/assets/js/app.841d52ad.js" as="script"><link rel="preload" href="/docs/assets/js/13.0aca6e95.js" as="script"><link rel="prefetch" href="/docs/assets/js/1.d88ab8c2.js"><link rel="prefetch" href="/docs/assets/js/10.6d1da19c.js"><link rel="prefetch" href="/docs/assets/js/11.e1024e3c.js"><link rel="prefetch" href="/docs/assets/js/12.ea2d0633.js"><link rel="prefetch" href="/docs/assets/js/14.3a556795.js"><link rel="prefetch" href="/docs/assets/js/15.b8e65128.js"><link rel="prefetch" href="/docs/assets/js/16.9e8d0ee3.js"><link rel="prefetch" href="/docs/assets/js/17.fea2549e.js"><link rel="prefetch" href="/docs/assets/js/18.112c9d7a.js"><link rel="prefetch" href="/docs/assets/js/19.da3eb438.js"><link rel="prefetch" href="/docs/assets/js/2.3f947d80.js"><link rel="prefetch" href="/docs/assets/js/20.abef129a.js"><link rel="prefetch" href="/docs/assets/js/21.45665626.js"><link rel="prefetch" href="/docs/assets/js/22.f3f10b93.js"><link rel="prefetch" href="/docs/assets/js/23.85818d14.js"><link rel="prefetch" href="/docs/assets/js/24.6618a793.js"><link rel="prefetch" href="/docs/assets/js/25.3fa3e444.js"><link rel="prefetch" href="/docs/assets/js/26.19837d20.js"><link rel="prefetch" href="/docs/assets/js/27.49115d17.js"><link rel="prefetch" href="/docs/assets/js/28.0cb791cd.js"><link rel="prefetch" href="/docs/assets/js/29.60349f33.js"><link rel="prefetch" href="/docs/assets/js/3.58555975.js"><link rel="prefetch" href="/docs/assets/js/30.4f7b4a19.js"><link rel="prefetch" href="/docs/assets/js/31.3f9b4c2f.js"><link rel="prefetch" href="/docs/assets/js/32.2fb15c2c.js"><link rel="prefetch" href="/docs/assets/js/33.10f2e2c4.js"><link rel="prefetch" href="/docs/assets/js/34.b00a201b.js"><link rel="prefetch" href="/docs/assets/js/35.842b3faa.js"><link rel="prefetch" href="/docs/assets/js/36.cf215dd2.js"><link rel="prefetch" href="/docs/assets/js/37.1f4e9422.js"><link rel="prefetch" href="/docs/assets/js/38.41db2434.js"><link rel="prefetch" href="/docs/assets/js/39.ff6ba2ff.js"><link rel="prefetch" href="/docs/assets/js/4.c61ce6cc.js"><link rel="prefetch" href="/docs/assets/js/40.2afed73e.js"><link rel="prefetch" href="/docs/assets/js/41.8a6c4d0c.js"><link rel="prefetch" href="/docs/assets/js/42.ac8b349a.js"><link rel="prefetch" href="/docs/assets/js/43.53781928.js"><link rel="prefetch" href="/docs/assets/js/44.ee1dfbc2.js"><link rel="prefetch" href="/docs/assets/js/5.763a4c86.js"><link rel="prefetch" href="/docs/assets/js/6.06855135.js"><link rel="prefetch" href="/docs/assets/js/7.de412c56.js"><link rel="prefetch" href="/docs/assets/js/8.2eb536bf.js"><link rel="prefetch" href="/docs/assets/js/9.7883b5a7.js">
<link rel="stylesheet" href="/docs/assets/css/styles.841d52ad.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container page__apis"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" class="logo"><span class="site-name can-hide">
@ -31,6 +31,6 @@
Editor
</a> →
</span></p></div></div></div></div>
<script src="/docs/assets/js/13.2c86d6bb.js" defer></script><script src="/docs/assets/js/app.a18f26bb.js" defer></script>
<script src="/docs/assets/js/app.841d52ad.js" defer></script><script src="/docs/assets/js/13.0aca6e95.js" defer></script>
</body>
</html>

14
docs/api/keymaps.html

@ -8,9 +8,9 @@
<link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.15.3">
<script src="../js/grapes.min.js?v0.15.3"></script>
<link rel="preload" href="/docs/assets/css/0.styles.82db7b1e.css" as="style"><link rel="preload" href="/docs/assets/js/app.a18f26bb.js" as="script"><link rel="preload" href="/docs/assets/js/23.a1fe2201.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.a106a5cd.js"><link rel="prefetch" href="/docs/assets/js/11.e1d01d7f.js"><link rel="prefetch" href="/docs/assets/js/12.7b5df652.js"><link rel="prefetch" href="/docs/assets/js/13.2c86d6bb.js"><link rel="prefetch" href="/docs/assets/js/14.47aa7392.js"><link rel="prefetch" href="/docs/assets/js/15.e5ae77bc.js"><link rel="prefetch" href="/docs/assets/js/16.07b42741.js"><link rel="prefetch" href="/docs/assets/js/17.2a67de0b.js"><link rel="prefetch" href="/docs/assets/js/18.11c93f1e.js"><link rel="prefetch" href="/docs/assets/js/19.7a13abf6.js"><link rel="prefetch" href="/docs/assets/js/2.434af1ad.js"><link rel="prefetch" href="/docs/assets/js/20.d98c3b22.js"><link rel="prefetch" href="/docs/assets/js/21.3e3438bd.js"><link rel="prefetch" href="/docs/assets/js/22.917f34a1.js"><link rel="prefetch" href="/docs/assets/js/24.fefe1628.js"><link rel="prefetch" href="/docs/assets/js/25.32714364.js"><link rel="prefetch" href="/docs/assets/js/26.0ba924f8.js"><link rel="prefetch" href="/docs/assets/js/27.442eb105.js"><link rel="prefetch" href="/docs/assets/js/28.3d0efde8.js"><link rel="prefetch" href="/docs/assets/js/29.81c2faa9.js"><link rel="prefetch" href="/docs/assets/js/3.651320c9.js"><link rel="prefetch" href="/docs/assets/js/30.331e996f.js"><link rel="prefetch" href="/docs/assets/js/31.456da170.js"><link rel="prefetch" href="/docs/assets/js/32.2f2eecfd.js"><link rel="prefetch" href="/docs/assets/js/33.5a21eeb2.js"><link rel="prefetch" href="/docs/assets/js/34.e495786f.js"><link rel="prefetch" href="/docs/assets/js/35.e59a311f.js"><link rel="prefetch" href="/docs/assets/js/36.8c67e6e8.js"><link rel="prefetch" href="/docs/assets/js/37.ea48a200.js"><link rel="prefetch" href="/docs/assets/js/38.49bb9e38.js"><link rel="prefetch" href="/docs/assets/js/39.2eeb020a.js"><link rel="prefetch" href="/docs/assets/js/4.ccc41891.js"><link rel="prefetch" href="/docs/assets/js/40.5c633dc6.js"><link rel="prefetch" href="/docs/assets/js/41.17bf3b3b.js"><link rel="prefetch" href="/docs/assets/js/42.b82b73fe.js"><link rel="prefetch" href="/docs/assets/js/43.24b80d23.js"><link rel="prefetch" href="/docs/assets/js/5.20d1ecdf.js"><link rel="prefetch" href="/docs/assets/js/6.9af8fc3b.js"><link rel="prefetch" href="/docs/assets/js/7.224c3fec.js"><link rel="prefetch" href="/docs/assets/js/8.e9d59c3e.js"><link rel="prefetch" href="/docs/assets/js/9.9f34d8b5.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.82db7b1e.css">
<link rel="preload" href="/docs/assets/css/styles.841d52ad.css" as="style"><link rel="preload" href="/docs/assets/js/app.841d52ad.js" as="script"><link rel="preload" href="/docs/assets/js/23.85818d14.js" as="script"><link rel="prefetch" href="/docs/assets/js/1.d88ab8c2.js"><link rel="prefetch" href="/docs/assets/js/10.6d1da19c.js"><link rel="prefetch" href="/docs/assets/js/11.e1024e3c.js"><link rel="prefetch" href="/docs/assets/js/12.ea2d0633.js"><link rel="prefetch" href="/docs/assets/js/13.0aca6e95.js"><link rel="prefetch" href="/docs/assets/js/14.3a556795.js"><link rel="prefetch" href="/docs/assets/js/15.b8e65128.js"><link rel="prefetch" href="/docs/assets/js/16.9e8d0ee3.js"><link rel="prefetch" href="/docs/assets/js/17.fea2549e.js"><link rel="prefetch" href="/docs/assets/js/18.112c9d7a.js"><link rel="prefetch" href="/docs/assets/js/19.da3eb438.js"><link rel="prefetch" href="/docs/assets/js/2.3f947d80.js"><link rel="prefetch" href="/docs/assets/js/20.abef129a.js"><link rel="prefetch" href="/docs/assets/js/21.45665626.js"><link rel="prefetch" href="/docs/assets/js/22.f3f10b93.js"><link rel="prefetch" href="/docs/assets/js/24.6618a793.js"><link rel="prefetch" href="/docs/assets/js/25.3fa3e444.js"><link rel="prefetch" href="/docs/assets/js/26.19837d20.js"><link rel="prefetch" href="/docs/assets/js/27.49115d17.js"><link rel="prefetch" href="/docs/assets/js/28.0cb791cd.js"><link rel="prefetch" href="/docs/assets/js/29.60349f33.js"><link rel="prefetch" href="/docs/assets/js/3.58555975.js"><link rel="prefetch" href="/docs/assets/js/30.4f7b4a19.js"><link rel="prefetch" href="/docs/assets/js/31.3f9b4c2f.js"><link rel="prefetch" href="/docs/assets/js/32.2fb15c2c.js"><link rel="prefetch" href="/docs/assets/js/33.10f2e2c4.js"><link rel="prefetch" href="/docs/assets/js/34.b00a201b.js"><link rel="prefetch" href="/docs/assets/js/35.842b3faa.js"><link rel="prefetch" href="/docs/assets/js/36.cf215dd2.js"><link rel="prefetch" href="/docs/assets/js/37.1f4e9422.js"><link rel="prefetch" href="/docs/assets/js/38.41db2434.js"><link rel="prefetch" href="/docs/assets/js/39.ff6ba2ff.js"><link rel="prefetch" href="/docs/assets/js/4.c61ce6cc.js"><link rel="prefetch" href="/docs/assets/js/40.2afed73e.js"><link rel="prefetch" href="/docs/assets/js/41.8a6c4d0c.js"><link rel="prefetch" href="/docs/assets/js/42.ac8b349a.js"><link rel="prefetch" href="/docs/assets/js/43.53781928.js"><link rel="prefetch" href="/docs/assets/js/44.ee1dfbc2.js"><link rel="prefetch" href="/docs/assets/js/5.763a4c86.js"><link rel="prefetch" href="/docs/assets/js/6.06855135.js"><link rel="prefetch" href="/docs/assets/js/7.de412c56.js"><link rel="prefetch" href="/docs/assets/js/8.2eb536bf.js"><link rel="prefetch" href="/docs/assets/js/9.7883b5a7.js">
<link rel="stylesheet" href="/docs/assets/css/styles.841d52ad.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" class="logo"><span class="site-name can-hide">
@ -41,18 +41,18 @@
<span class="token punctuation">}</span><span class="token punctuation">)</span>
</code></pre></div><p>Once the editor is instantiated you can use its API. Before using these methods you should get the module from the instance</p><div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> keymaps <span class="token operator">=</span> editor<span class="token punctuation">.</span>Keymaps<span class="token punctuation">;</span>
</code></pre></div><ul><li><a href="#getconfig">getConfig</a></li><li><a href="#add">add</a></li><li><a href="#get">get</a></li><li><a href="#getAll">getAll</a></li><li><a href="#remove">remove</a></li><li><a href="#removeall">removeAll</a></li></ul><h2 id="getconfig"><a href="#getconfig" aria-hidden="true" class="header-anchor">#</a> getConfig</h2><p>Get module configurations</p><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Configuration object</p><h2 id="add"><a href="#add" aria-hidden="true" class="header-anchor">#</a> add</h2><p>Add new keymap</p><h3 id="parameters"><a href="#parameters" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>id</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Keymap id</li><li><code>keys</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Keymap keys, eg. <code>ctrl+a</code>, <code>⌘+z, ctrl+z</code></li><li><code>handler</code><strong>(<a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function" target="_blank" rel="noopener noreferrer">Function<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> | <a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>)</strong> Keymap handler, might be a function</li><li><code>opts</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Options (optional, default <code>{}</code>)</li></ul><h3 id="examples"><a href="#examples" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token comment">// 'ns' is just a custom namespace</span>
keymaps<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">'ns:my-keymap'</span><span class="token punctuation">,</span> <span class="token string">'⌘+j, ⌘+u, ctrl+j, alt+u'</span><span class="token punctuation">,</span> editor <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
keymaps<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">'ns:my-keymap'</span><span class="token punctuation">,</span> <span class="token string">'⌘+j, ⌘+u, ctrl+j, alt+u'</span><span class="token punctuation">,</span> <span class="token parameter">editor</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'do stuff'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// or</span>
keymaps<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">'ns:my-keymap'</span><span class="token punctuation">,</span> <span class="token string">'⌘+s, ctrl+s'</span><span class="token punctuation">,</span> <span class="token string">'some-gjs-command'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// listen to events</span>
editor<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'keymap:emit'</span><span class="token punctuation">,</span> <span class="token punctuation">(</span>id<span class="token punctuation">,</span> shortcut<span class="token punctuation">,</span> e<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
editor<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'keymap:emit'</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token parameter">id<span class="token punctuation">,</span> shortcut<span class="token punctuation">,</span> e</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
<span class="token comment">// ...</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/Object" target="_blank" rel="noopener noreferrer">Object<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Added keymap
or just a command id as a string</p><h2 id="get"><a href="#get" aria-hidden="true" class="header-anchor">#</a> get</h2><p>Get the keymap by id</p><h3 id="parameters-2"><a href="#parameters-2" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>id</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Keymap id</li></ul><h3 id="examples-2"><a href="#examples-2" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code>keymaps<span class="token punctuation">.</span><span class="token keyword">get</span><span class="token punctuation">(</span><span class="token string">'ns:my-keymap'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
or just a command id as a string</p><h2 id="get"><a href="#get" aria-hidden="true" class="header-anchor">#</a> get</h2><p>Get the keymap by id</p><h3 id="parameters-2"><a href="#parameters-2" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>id</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Keymap id</li></ul><h3 id="examples-2"><a href="#examples-2" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code>keymaps<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'ns:my-keymap'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// -&gt; {keys, handler};</span>
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Keymap object</p><h2 id="getall"><a href="#getall" aria-hidden="true" class="header-anchor">#</a> getAll</h2><p>Get all keymaps</p><h3 id="examples-3"><a href="#examples-3" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code>keymaps<span class="token punctuation">.</span><span class="token function">getAll</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// -&gt; {id1: {}, id2: {}};</span>
@ -65,6 +65,6 @@ or just a command id as a string</p><h2 id="get"><a href="#get" aria-hidden="tru
Undo Manager
</a> →
</span></p></div></div></div></div>
<script src="/docs/assets/js/23.a1fe2201.js" defer></script><script src="/docs/assets/js/app.a18f26bb.js" defer></script>
<script src="/docs/assets/js/app.841d52ad.js" defer></script><script src="/docs/assets/js/23.85818d14.js" defer></script>
</body>
</html>

10
docs/api/modal_dialog.html

@ -8,9 +8,9 @@
<link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.15.3">
<script src="../js/grapes.min.js?v0.15.3"></script>
<link rel="preload" href="/docs/assets/css/0.styles.82db7b1e.css" as="style"><link rel="preload" href="/docs/assets/js/app.a18f26bb.js" as="script"><link rel="preload" href="/docs/assets/js/24.fefe1628.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.a106a5cd.js"><link rel="prefetch" href="/docs/assets/js/11.e1d01d7f.js"><link rel="prefetch" href="/docs/assets/js/12.7b5df652.js"><link rel="prefetch" href="/docs/assets/js/13.2c86d6bb.js"><link rel="prefetch" href="/docs/assets/js/14.47aa7392.js"><link rel="prefetch" href="/docs/assets/js/15.e5ae77bc.js"><link rel="prefetch" href="/docs/assets/js/16.07b42741.js"><link rel="prefetch" href="/docs/assets/js/17.2a67de0b.js"><link rel="prefetch" href="/docs/assets/js/18.11c93f1e.js"><link rel="prefetch" href="/docs/assets/js/19.7a13abf6.js"><link rel="prefetch" href="/docs/assets/js/2.434af1ad.js"><link rel="prefetch" href="/docs/assets/js/20.d98c3b22.js"><link rel="prefetch" href="/docs/assets/js/21.3e3438bd.js"><link rel="prefetch" href="/docs/assets/js/22.917f34a1.js"><link rel="prefetch" href="/docs/assets/js/23.a1fe2201.js"><link rel="prefetch" href="/docs/assets/js/25.32714364.js"><link rel="prefetch" href="/docs/assets/js/26.0ba924f8.js"><link rel="prefetch" href="/docs/assets/js/27.442eb105.js"><link rel="prefetch" href="/docs/assets/js/28.3d0efde8.js"><link rel="prefetch" href="/docs/assets/js/29.81c2faa9.js"><link rel="prefetch" href="/docs/assets/js/3.651320c9.js"><link rel="prefetch" href="/docs/assets/js/30.331e996f.js"><link rel="prefetch" href="/docs/assets/js/31.456da170.js"><link rel="prefetch" href="/docs/assets/js/32.2f2eecfd.js"><link rel="prefetch" href="/docs/assets/js/33.5a21eeb2.js"><link rel="prefetch" href="/docs/assets/js/34.e495786f.js"><link rel="prefetch" href="/docs/assets/js/35.e59a311f.js"><link rel="prefetch" href="/docs/assets/js/36.8c67e6e8.js"><link rel="prefetch" href="/docs/assets/js/37.ea48a200.js"><link rel="prefetch" href="/docs/assets/js/38.49bb9e38.js"><link rel="prefetch" href="/docs/assets/js/39.2eeb020a.js"><link rel="prefetch" href="/docs/assets/js/4.ccc41891.js"><link rel="prefetch" href="/docs/assets/js/40.5c633dc6.js"><link rel="prefetch" href="/docs/assets/js/41.17bf3b3b.js"><link rel="prefetch" href="/docs/assets/js/42.b82b73fe.js"><link rel="prefetch" href="/docs/assets/js/43.24b80d23.js"><link rel="prefetch" href="/docs/assets/js/5.20d1ecdf.js"><link rel="prefetch" href="/docs/assets/js/6.9af8fc3b.js"><link rel="prefetch" href="/docs/assets/js/7.224c3fec.js"><link rel="prefetch" href="/docs/assets/js/8.e9d59c3e.js"><link rel="prefetch" href="/docs/assets/js/9.9f34d8b5.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.82db7b1e.css">
<link rel="preload" href="/docs/assets/css/styles.841d52ad.css" as="style"><link rel="preload" href="/docs/assets/js/app.841d52ad.js" as="script"><link rel="preload" href="/docs/assets/js/24.6618a793.js" as="script"><link rel="prefetch" href="/docs/assets/js/1.d88ab8c2.js"><link rel="prefetch" href="/docs/assets/js/10.6d1da19c.js"><link rel="prefetch" href="/docs/assets/js/11.e1024e3c.js"><link rel="prefetch" href="/docs/assets/js/12.ea2d0633.js"><link rel="prefetch" href="/docs/assets/js/13.0aca6e95.js"><link rel="prefetch" href="/docs/assets/js/14.3a556795.js"><link rel="prefetch" href="/docs/assets/js/15.b8e65128.js"><link rel="prefetch" href="/docs/assets/js/16.9e8d0ee3.js"><link rel="prefetch" href="/docs/assets/js/17.fea2549e.js"><link rel="prefetch" href="/docs/assets/js/18.112c9d7a.js"><link rel="prefetch" href="/docs/assets/js/19.da3eb438.js"><link rel="prefetch" href="/docs/assets/js/2.3f947d80.js"><link rel="prefetch" href="/docs/assets/js/20.abef129a.js"><link rel="prefetch" href="/docs/assets/js/21.45665626.js"><link rel="prefetch" href="/docs/assets/js/22.f3f10b93.js"><link rel="prefetch" href="/docs/assets/js/23.85818d14.js"><link rel="prefetch" href="/docs/assets/js/25.3fa3e444.js"><link rel="prefetch" href="/docs/assets/js/26.19837d20.js"><link rel="prefetch" href="/docs/assets/js/27.49115d17.js"><link rel="prefetch" href="/docs/assets/js/28.0cb791cd.js"><link rel="prefetch" href="/docs/assets/js/29.60349f33.js"><link rel="prefetch" href="/docs/assets/js/3.58555975.js"><link rel="prefetch" href="/docs/assets/js/30.4f7b4a19.js"><link rel="prefetch" href="/docs/assets/js/31.3f9b4c2f.js"><link rel="prefetch" href="/docs/assets/js/32.2fb15c2c.js"><link rel="prefetch" href="/docs/assets/js/33.10f2e2c4.js"><link rel="prefetch" href="/docs/assets/js/34.b00a201b.js"><link rel="prefetch" href="/docs/assets/js/35.842b3faa.js"><link rel="prefetch" href="/docs/assets/js/36.cf215dd2.js"><link rel="prefetch" href="/docs/assets/js/37.1f4e9422.js"><link rel="prefetch" href="/docs/assets/js/38.41db2434.js"><link rel="prefetch" href="/docs/assets/js/39.ff6ba2ff.js"><link rel="prefetch" href="/docs/assets/js/4.c61ce6cc.js"><link rel="prefetch" href="/docs/assets/js/40.2afed73e.js"><link rel="prefetch" href="/docs/assets/js/41.8a6c4d0c.js"><link rel="prefetch" href="/docs/assets/js/42.ac8b349a.js"><link rel="prefetch" href="/docs/assets/js/43.53781928.js"><link rel="prefetch" href="/docs/assets/js/44.ee1dfbc2.js"><link rel="prefetch" href="/docs/assets/js/5.763a4c86.js"><link rel="prefetch" href="/docs/assets/js/6.06855135.js"><link rel="prefetch" href="/docs/assets/js/7.de412c56.js"><link rel="prefetch" href="/docs/assets/js/8.2eb536bf.js"><link rel="prefetch" href="/docs/assets/js/9.7883b5a7.js">
<link rel="stylesheet" href="/docs/assets/css/styles.841d52ad.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" class="logo"><span class="site-name can-hide">
@ -38,13 +38,13 @@
The callback will be called one only time</p><h3 id="parameters-2"><a href="#parameters-2" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>clb</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function" target="_blank" rel="noopener noreferrer">Function<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong></li></ul><p>Returns <strong>this</strong></p><h2 id="onceopen"><a href="#onceopen" aria-hidden="true" class="header-anchor">#</a> onceOpen</h2><p>Execute callback when the modal will be opened.
The callback will be called one only time</p><h3 id="parameters-3"><a href="#parameters-3" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>clb</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function" target="_blank" rel="noopener noreferrer">Function<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong></li></ul><p>Returns <strong>this</strong></p><h2 id="isopen"><a href="#isopen" aria-hidden="true" class="header-anchor">#</a> isOpen</h2><p>Checks if the modal window is open</p><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong></p><h2 id="settitle"><a href="#settitle" aria-hidden="true" class="header-anchor">#</a> setTitle</h2><p>Set the title to the modal window</p><h3 id="parameters-4"><a href="#parameters-4" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>title</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Title</li></ul><h3 id="examples"><a href="#examples" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code>modal<span class="token punctuation">.</span><span class="token function">setTitle</span><span class="token punctuation">(</span><span class="token string">'New title'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>this</strong></p><h2 id="gettitle"><a href="#gettitle" aria-hidden="true" class="header-anchor">#</a> getTitle</h2><p>Returns the title of the modal window</p><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong></p><h2 id="setcontent"><a href="#setcontent" aria-hidden="true" class="header-anchor">#</a> setContent</h2><p>Set the content of the modal window</p><h3 id="parameters-5"><a href="#parameters-5" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>content</code><strong>(<a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> | <a href="https://developer.mozilla.org/docs/Web/HTML/Element" target="_blank" rel="noopener noreferrer">HTMLElement<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>)</strong> Content</li></ul><h3 id="examples-2"><a href="#examples-2" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code>modal<span class="token punctuation">.</span><span class="token function">setContent</span><span class="token punctuation">(</span><span class="token string">'&lt;div&gt;Some HTML content&lt;/div&gt;'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>this</strong></p><h2 id="getcontent"><a href="#getcontent" aria-hidden="true" class="header-anchor">#</a> getContent</h2><p>Get the content of the modal window</p><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong></p></div><div class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/modal_dialog.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></div><div class="last-updated"><span class="prefix">Last Updated: </span><span class="time">8/10/2018, 12:36:09 AM</span></div></div><div class="page-nav"><p class="inner"><span class="prev">
</code></pre></div><p>Returns <strong>this</strong></p><h2 id="getcontent"><a href="#getcontent" aria-hidden="true" class="header-anchor">#</a> getContent</h2><p>Get the content of the modal window</p><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong></p></div><div class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/modal_dialog.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></div><div class="last-updated"><span class="prefix">Last Updated: </span><span class="time">5/2/2019, 1:28:33 AM</span></div></div><div class="page-nav"><p class="inner"><span class="prev">
← <a href="/docs/api/css_composer.html" class="prev">
CSS Composer
</a></span><span class="next"><a href="/docs/api/rich_text_editor.html">
Rich Text Editor
</a> →
</span></p></div></div></div></div>
<script src="/docs/assets/js/24.fefe1628.js" defer></script><script src="/docs/assets/js/app.a18f26bb.js" defer></script>
<script src="/docs/assets/js/app.841d52ad.js" defer></script><script src="/docs/assets/js/24.6618a793.js" defer></script>
</body>
</html>

14
docs/api/panels.html

@ -8,9 +8,9 @@
<link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.15.3">
<script src="../js/grapes.min.js?v0.15.3"></script>
<link rel="preload" href="/docs/assets/css/0.styles.82db7b1e.css" as="style"><link rel="preload" href="/docs/assets/js/app.a18f26bb.js" as="script"><link rel="preload" href="/docs/assets/js/25.32714364.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.a106a5cd.js"><link rel="prefetch" href="/docs/assets/js/11.e1d01d7f.js"><link rel="prefetch" href="/docs/assets/js/12.7b5df652.js"><link rel="prefetch" href="/docs/assets/js/13.2c86d6bb.js"><link rel="prefetch" href="/docs/assets/js/14.47aa7392.js"><link rel="prefetch" href="/docs/assets/js/15.e5ae77bc.js"><link rel="prefetch" href="/docs/assets/js/16.07b42741.js"><link rel="prefetch" href="/docs/assets/js/17.2a67de0b.js"><link rel="prefetch" href="/docs/assets/js/18.11c93f1e.js"><link rel="prefetch" href="/docs/assets/js/19.7a13abf6.js"><link rel="prefetch" href="/docs/assets/js/2.434af1ad.js"><link rel="prefetch" href="/docs/assets/js/20.d98c3b22.js"><link rel="prefetch" href="/docs/assets/js/21.3e3438bd.js"><link rel="prefetch" href="/docs/assets/js/22.917f34a1.js"><link rel="prefetch" href="/docs/assets/js/23.a1fe2201.js"><link rel="prefetch" href="/docs/assets/js/24.fefe1628.js"><link rel="prefetch" href="/docs/assets/js/26.0ba924f8.js"><link rel="prefetch" href="/docs/assets/js/27.442eb105.js"><link rel="prefetch" href="/docs/assets/js/28.3d0efde8.js"><link rel="prefetch" href="/docs/assets/js/29.81c2faa9.js"><link rel="prefetch" href="/docs/assets/js/3.651320c9.js"><link rel="prefetch" href="/docs/assets/js/30.331e996f.js"><link rel="prefetch" href="/docs/assets/js/31.456da170.js"><link rel="prefetch" href="/docs/assets/js/32.2f2eecfd.js"><link rel="prefetch" href="/docs/assets/js/33.5a21eeb2.js"><link rel="prefetch" href="/docs/assets/js/34.e495786f.js"><link rel="prefetch" href="/docs/assets/js/35.e59a311f.js"><link rel="prefetch" href="/docs/assets/js/36.8c67e6e8.js"><link rel="prefetch" href="/docs/assets/js/37.ea48a200.js"><link rel="prefetch" href="/docs/assets/js/38.49bb9e38.js"><link rel="prefetch" href="/docs/assets/js/39.2eeb020a.js"><link rel="prefetch" href="/docs/assets/js/4.ccc41891.js"><link rel="prefetch" href="/docs/assets/js/40.5c633dc6.js"><link rel="prefetch" href="/docs/assets/js/41.17bf3b3b.js"><link rel="prefetch" href="/docs/assets/js/42.b82b73fe.js"><link rel="prefetch" href="/docs/assets/js/43.24b80d23.js"><link rel="prefetch" href="/docs/assets/js/5.20d1ecdf.js"><link rel="prefetch" href="/docs/assets/js/6.9af8fc3b.js"><link rel="prefetch" href="/docs/assets/js/7.224c3fec.js"><link rel="prefetch" href="/docs/assets/js/8.e9d59c3e.js"><link rel="prefetch" href="/docs/assets/js/9.9f34d8b5.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.82db7b1e.css">
<link rel="preload" href="/docs/assets/css/styles.841d52ad.css" as="style"><link rel="preload" href="/docs/assets/js/app.841d52ad.js" as="script"><link rel="preload" href="/docs/assets/js/25.3fa3e444.js" as="script"><link rel="prefetch" href="/docs/assets/js/1.d88ab8c2.js"><link rel="prefetch" href="/docs/assets/js/10.6d1da19c.js"><link rel="prefetch" href="/docs/assets/js/11.e1024e3c.js"><link rel="prefetch" href="/docs/assets/js/12.ea2d0633.js"><link rel="prefetch" href="/docs/assets/js/13.0aca6e95.js"><link rel="prefetch" href="/docs/assets/js/14.3a556795.js"><link rel="prefetch" href="/docs/assets/js/15.b8e65128.js"><link rel="prefetch" href="/docs/assets/js/16.9e8d0ee3.js"><link rel="prefetch" href="/docs/assets/js/17.fea2549e.js"><link rel="prefetch" href="/docs/assets/js/18.112c9d7a.js"><link rel="prefetch" href="/docs/assets/js/19.da3eb438.js"><link rel="prefetch" href="/docs/assets/js/2.3f947d80.js"><link rel="prefetch" href="/docs/assets/js/20.abef129a.js"><link rel="prefetch" href="/docs/assets/js/21.45665626.js"><link rel="prefetch" href="/docs/assets/js/22.f3f10b93.js"><link rel="prefetch" href="/docs/assets/js/23.85818d14.js"><link rel="prefetch" href="/docs/assets/js/24.6618a793.js"><link rel="prefetch" href="/docs/assets/js/26.19837d20.js"><link rel="prefetch" href="/docs/assets/js/27.49115d17.js"><link rel="prefetch" href="/docs/assets/js/28.0cb791cd.js"><link rel="prefetch" href="/docs/assets/js/29.60349f33.js"><link rel="prefetch" href="/docs/assets/js/3.58555975.js"><link rel="prefetch" href="/docs/assets/js/30.4f7b4a19.js"><link rel="prefetch" href="/docs/assets/js/31.3f9b4c2f.js"><link rel="prefetch" href="/docs/assets/js/32.2fb15c2c.js"><link rel="prefetch" href="/docs/assets/js/33.10f2e2c4.js"><link rel="prefetch" href="/docs/assets/js/34.b00a201b.js"><link rel="prefetch" href="/docs/assets/js/35.842b3faa.js"><link rel="prefetch" href="/docs/assets/js/36.cf215dd2.js"><link rel="prefetch" href="/docs/assets/js/37.1f4e9422.js"><link rel="prefetch" href="/docs/assets/js/38.41db2434.js"><link rel="prefetch" href="/docs/assets/js/39.ff6ba2ff.js"><link rel="prefetch" href="/docs/assets/js/4.c61ce6cc.js"><link rel="prefetch" href="/docs/assets/js/40.2afed73e.js"><link rel="prefetch" href="/docs/assets/js/41.8a6c4d0c.js"><link rel="prefetch" href="/docs/assets/js/42.ac8b349a.js"><link rel="prefetch" href="/docs/assets/js/43.53781928.js"><link rel="prefetch" href="/docs/assets/js/44.ee1dfbc2.js"><link rel="prefetch" href="/docs/assets/js/5.763a4c86.js"><link rel="prefetch" href="/docs/assets/js/6.06855135.js"><link rel="prefetch" href="/docs/assets/js/7.de412c56.js"><link rel="prefetch" href="/docs/assets/js/8.2eb536bf.js"><link rel="prefetch" href="/docs/assets/js/9.7883b5a7.js">
<link rel="stylesheet" href="/docs/assets/css/styles.841d52ad.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" class="logo"><span class="site-name can-hide">
@ -57,16 +57,16 @@
<span class="token comment">// with .run and .stop methods</span>
<span class="token operator">...</span>
command<span class="token punctuation">:</span> <span class="token punctuation">{</span>
run<span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span>editor<span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token function-variable function">run</span><span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">editor</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token operator">...</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span>
stop<span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span>editor<span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token function-variable function">stop</span><span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">editor</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token operator">...</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token comment">// Or simply like a function which will be evaluated as a single .run command</span>
<span class="token operator">...</span>
command<span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span>editor<span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token function-variable function">command</span><span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">editor</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token operator">...</span>
<span class="token punctuation">}</span>
</code></pre></div><p>Returns <strong>(Button | null)</strong> Added button. Useful in case passed button was an Object</p><h2 id="removebutton"><a href="#removebutton" aria-hidden="true" class="header-anchor">#</a> removeButton</h2><p>Remove button from the panel</p><h3 id="parameters-5"><a href="#parameters-5" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>panelId</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Panel's ID</li><li><code>button</code></li><li><code>buttonId</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Button's ID</li></ul><h3 id="examples-5"><a href="#examples-5" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> removedButton <span class="token operator">=</span> panelManager<span class="token punctuation">.</span><span class="token function">addButton</span><span class="token punctuation">(</span><span class="token string">'myNewPanel'</span><span class="token punctuation">,</span><span class="token punctuation">{</span>
@ -86,6 +86,6 @@ command<span class="token punctuation">:</span> <span class="token keyword">func
Style Manager
</a> →
</span></p></div></div></div></div>
<script src="/docs/assets/js/25.32714364.js" defer></script><script src="/docs/assets/js/app.a18f26bb.js" defer></script>
<script src="/docs/assets/js/app.841d52ad.js" defer></script><script src="/docs/assets/js/25.3fa3e444.js" defer></script>
</body>
</html>

20
docs/api/rich_text_editor.html

@ -8,9 +8,9 @@
<link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.15.3">
<script src="../js/grapes.min.js?v0.15.3"></script>
<link rel="preload" href="/docs/assets/css/0.styles.82db7b1e.css" as="style"><link rel="preload" href="/docs/assets/js/app.a18f26bb.js" as="script"><link rel="preload" href="/docs/assets/js/26.0ba924f8.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.a106a5cd.js"><link rel="prefetch" href="/docs/assets/js/11.e1d01d7f.js"><link rel="prefetch" href="/docs/assets/js/12.7b5df652.js"><link rel="prefetch" href="/docs/assets/js/13.2c86d6bb.js"><link rel="prefetch" href="/docs/assets/js/14.47aa7392.js"><link rel="prefetch" href="/docs/assets/js/15.e5ae77bc.js"><link rel="prefetch" href="/docs/assets/js/16.07b42741.js"><link rel="prefetch" href="/docs/assets/js/17.2a67de0b.js"><link rel="prefetch" href="/docs/assets/js/18.11c93f1e.js"><link rel="prefetch" href="/docs/assets/js/19.7a13abf6.js"><link rel="prefetch" href="/docs/assets/js/2.434af1ad.js"><link rel="prefetch" href="/docs/assets/js/20.d98c3b22.js"><link rel="prefetch" href="/docs/assets/js/21.3e3438bd.js"><link rel="prefetch" href="/docs/assets/js/22.917f34a1.js"><link rel="prefetch" href="/docs/assets/js/23.a1fe2201.js"><link rel="prefetch" href="/docs/assets/js/24.fefe1628.js"><link rel="prefetch" href="/docs/assets/js/25.32714364.js"><link rel="prefetch" href="/docs/assets/js/27.442eb105.js"><link rel="prefetch" href="/docs/assets/js/28.3d0efde8.js"><link rel="prefetch" href="/docs/assets/js/29.81c2faa9.js"><link rel="prefetch" href="/docs/assets/js/3.651320c9.js"><link rel="prefetch" href="/docs/assets/js/30.331e996f.js"><link rel="prefetch" href="/docs/assets/js/31.456da170.js"><link rel="prefetch" href="/docs/assets/js/32.2f2eecfd.js"><link rel="prefetch" href="/docs/assets/js/33.5a21eeb2.js"><link rel="prefetch" href="/docs/assets/js/34.e495786f.js"><link rel="prefetch" href="/docs/assets/js/35.e59a311f.js"><link rel="prefetch" href="/docs/assets/js/36.8c67e6e8.js"><link rel="prefetch" href="/docs/assets/js/37.ea48a200.js"><link rel="prefetch" href="/docs/assets/js/38.49bb9e38.js"><link rel="prefetch" href="/docs/assets/js/39.2eeb020a.js"><link rel="prefetch" href="/docs/assets/js/4.ccc41891.js"><link rel="prefetch" href="/docs/assets/js/40.5c633dc6.js"><link rel="prefetch" href="/docs/assets/js/41.17bf3b3b.js"><link rel="prefetch" href="/docs/assets/js/42.b82b73fe.js"><link rel="prefetch" href="/docs/assets/js/43.24b80d23.js"><link rel="prefetch" href="/docs/assets/js/5.20d1ecdf.js"><link rel="prefetch" href="/docs/assets/js/6.9af8fc3b.js"><link rel="prefetch" href="/docs/assets/js/7.224c3fec.js"><link rel="prefetch" href="/docs/assets/js/8.e9d59c3e.js"><link rel="prefetch" href="/docs/assets/js/9.9f34d8b5.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.82db7b1e.css">
<link rel="preload" href="/docs/assets/css/styles.841d52ad.css" as="style"><link rel="preload" href="/docs/assets/js/app.841d52ad.js" as="script"><link rel="preload" href="/docs/assets/js/26.19837d20.js" as="script"><link rel="prefetch" href="/docs/assets/js/1.d88ab8c2.js"><link rel="prefetch" href="/docs/assets/js/10.6d1da19c.js"><link rel="prefetch" href="/docs/assets/js/11.e1024e3c.js"><link rel="prefetch" href="/docs/assets/js/12.ea2d0633.js"><link rel="prefetch" href="/docs/assets/js/13.0aca6e95.js"><link rel="prefetch" href="/docs/assets/js/14.3a556795.js"><link rel="prefetch" href="/docs/assets/js/15.b8e65128.js"><link rel="prefetch" href="/docs/assets/js/16.9e8d0ee3.js"><link rel="prefetch" href="/docs/assets/js/17.fea2549e.js"><link rel="prefetch" href="/docs/assets/js/18.112c9d7a.js"><link rel="prefetch" href="/docs/assets/js/19.da3eb438.js"><link rel="prefetch" href="/docs/assets/js/2.3f947d80.js"><link rel="prefetch" href="/docs/assets/js/20.abef129a.js"><link rel="prefetch" href="/docs/assets/js/21.45665626.js"><link rel="prefetch" href="/docs/assets/js/22.f3f10b93.js"><link rel="prefetch" href="/docs/assets/js/23.85818d14.js"><link rel="prefetch" href="/docs/assets/js/24.6618a793.js"><link rel="prefetch" href="/docs/assets/js/25.3fa3e444.js"><link rel="prefetch" href="/docs/assets/js/27.49115d17.js"><link rel="prefetch" href="/docs/assets/js/28.0cb791cd.js"><link rel="prefetch" href="/docs/assets/js/29.60349f33.js"><link rel="prefetch" href="/docs/assets/js/3.58555975.js"><link rel="prefetch" href="/docs/assets/js/30.4f7b4a19.js"><link rel="prefetch" href="/docs/assets/js/31.3f9b4c2f.js"><link rel="prefetch" href="/docs/assets/js/32.2fb15c2c.js"><link rel="prefetch" href="/docs/assets/js/33.10f2e2c4.js"><link rel="prefetch" href="/docs/assets/js/34.b00a201b.js"><link rel="prefetch" href="/docs/assets/js/35.842b3faa.js"><link rel="prefetch" href="/docs/assets/js/36.cf215dd2.js"><link rel="prefetch" href="/docs/assets/js/37.1f4e9422.js"><link rel="prefetch" href="/docs/assets/js/38.41db2434.js"><link rel="prefetch" href="/docs/assets/js/39.ff6ba2ff.js"><link rel="prefetch" href="/docs/assets/js/4.c61ce6cc.js"><link rel="prefetch" href="/docs/assets/js/40.2afed73e.js"><link rel="prefetch" href="/docs/assets/js/41.8a6c4d0c.js"><link rel="prefetch" href="/docs/assets/js/42.ac8b349a.js"><link rel="prefetch" href="/docs/assets/js/43.53781928.js"><link rel="prefetch" href="/docs/assets/js/44.ee1dfbc2.js"><link rel="prefetch" href="/docs/assets/js/5.763a4c86.js"><link rel="prefetch" href="/docs/assets/js/6.06855135.js"><link rel="prefetch" href="/docs/assets/js/7.de412c56.js"><link rel="prefetch" href="/docs/assets/js/8.2eb536bf.js"><link rel="prefetch" href="/docs/assets/js/9.7883b5a7.js">
<link rel="stylesheet" href="/docs/assets/css/styles.841d52ad.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" class="logo"><span class="site-name can-hide">
@ -36,14 +36,14 @@ It's highly recommended to keep this toolbar as small as possible, especially fr
</code></pre></div><p>Once the editor is instantiated you can use its API. Before using these methods you should get the module from the instance</p><div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">const</span> rte <span class="token operator">=</span> editor<span class="token punctuation">.</span>RichTextEditor<span class="token punctuation">;</span>
</code></pre></div><ul><li><a href="#add">add</a></li><li><a href="#get">get</a></li><li><a href="#getall">getAll</a></li><li><a href="#remove">remove</a></li><li><a href="#gettoolbarel">getToolbarEl</a></li></ul><h2 id="add"><a href="#add" aria-hidden="true" class="header-anchor">#</a> add</h2><p>Add a new action to the built-in RTE toolbar</p><h3 id="parameters"><a href="#parameters" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>name</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Action name</li><li><code>action</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Action options (optional, default <code>{}</code>)</li></ul><h3 id="examples"><a href="#examples" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code>rte<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">'bold'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
icon<span class="token punctuation">:</span> <span class="token string">'&lt;b&gt;B&lt;/b&gt;'</span><span class="token punctuation">,</span>
attributes<span class="token punctuation">:</span> <span class="token punctuation">{</span>title<span class="token punctuation">:</span> <span class="token string">'Bold'</span><span class="token punctuation">,</span><span class="token punctuation">}</span>
result<span class="token punctuation">:</span> rte <span class="token operator">=&gt;</span> rte<span class="token punctuation">.</span><span class="token function">exec</span><span class="token punctuation">(</span><span class="token string">'bold'</span><span class="token punctuation">)</span>
attributes<span class="token punctuation">:</span> <span class="token punctuation">{</span>title<span class="token punctuation">:</span> <span class="token string">'Bold'</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token function-variable function">result</span><span class="token punctuation">:</span> <span class="token parameter">rte</span> <span class="token operator">=&gt;</span> rte<span class="token punctuation">.</span><span class="token function">exec</span><span class="token punctuation">(</span><span class="token string">'bold'</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
rte<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">'link'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
icon<span class="token punctuation">:</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">'t'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
attributes<span class="token punctuation">:</span> <span class="token punctuation">{</span>title<span class="token punctuation">:</span> <span class="token string">'Link'</span><span class="token punctuation">,</span><span class="token punctuation">}</span>
<span class="token comment">// Example on it's easy to wrap a selected content</span>
result<span class="token punctuation">:</span> rte <span class="token operator">=&gt;</span> rte<span class="token punctuation">.</span><span class="token function">insertHTML</span><span class="token punctuation">(</span><span class="token template-string"><span class="token string">`&lt;a href=&quot;#&quot;&gt;</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>rte<span class="token punctuation">.</span><span class="token function">selection</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token interpolation-punctuation punctuation">}</span></span><span class="token string">&lt;/a&gt;`</span></span><span class="token punctuation">)</span>
<span class="token function-variable function">result</span><span class="token punctuation">:</span> <span class="token parameter">rte</span> <span class="token operator">=&gt;</span> rte<span class="token punctuation">.</span><span class="token function">insertHTML</span><span class="token punctuation">(</span><span class="token template-string"><span class="token string">`&lt;a href=&quot;#&quot;&gt;</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>rte<span class="token punctuation">.</span><span class="token function">selection</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token interpolation-punctuation punctuation">}</span></span><span class="token string">&lt;/a&gt;`</span></span><span class="token punctuation">)</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// An example with fontSize</span>
rte<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">'fontSize'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
@ -54,16 +54,16 @@ rte<span class="token punctuation">.</span><span class="token function">add</spa
&lt;/select&gt;`</span></span><span class="token punctuation">,</span>
<span class="token comment">// Bind the 'result' on 'change' listener</span>
event<span class="token punctuation">:</span> <span class="token string">'change'</span><span class="token punctuation">,</span>
result<span class="token punctuation">:</span> <span class="token punctuation">(</span>rte<span class="token punctuation">,</span> action<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> rte<span class="token punctuation">.</span><span class="token function">exec</span><span class="token punctuation">(</span><span class="token string">'fontSize'</span><span class="token punctuation">,</span> action<span class="token punctuation">.</span>btn<span class="token punctuation">.</span>firstChild<span class="token punctuation">.</span>value<span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token function-variable function">result</span><span class="token punctuation">:</span> <span class="token punctuation">(</span><span class="token parameter">rte<span class="token punctuation">,</span> action</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> rte<span class="token punctuation">.</span><span class="token function">exec</span><span class="token punctuation">(</span><span class="token string">'fontSize'</span><span class="token punctuation">,</span> action<span class="token punctuation">.</span>btn<span class="token punctuation">.</span>firstChild<span class="token punctuation">.</span>value<span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token comment">// Callback on any input change (mousedown, keydown, etc..)</span>
update<span class="token punctuation">:</span> <span class="token punctuation">(</span>rte<span class="token punctuation">,</span> action<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
<span class="token function-variable function">update</span><span class="token punctuation">:</span> <span class="token punctuation">(</span><span class="token parameter">rte<span class="token punctuation">,</span> action</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
<span class="token keyword">const</span> value <span class="token operator">=</span> rte<span class="token punctuation">.</span>doc<span class="token punctuation">.</span><span class="token function">queryCommandValue</span><span class="token punctuation">(</span>action<span class="token punctuation">.</span>name<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">if</span> <span class="token punctuation">(</span>value <span class="token operator">!=</span> <span class="token string">'false'</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token comment">// value is a string</span>
action<span class="token punctuation">.</span>btn<span class="token punctuation">.</span>firstChild<span class="token punctuation">.</span>value <span class="token operator">=</span> value<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span>
</code></pre></div><h2 id="get"><a href="#get" aria-hidden="true" class="header-anchor">#</a> get</h2><p>Get the action by its name</p><h3 id="parameters-2"><a href="#parameters-2" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>name</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Action name</li></ul><h3 id="examples-2"><a href="#examples-2" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> action <span class="token operator">=</span> rte<span class="token punctuation">.</span><span class="token keyword">get</span><span class="token punctuation">(</span><span class="token string">'bold'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><h2 id="get"><a href="#get" aria-hidden="true" class="header-anchor">#</a> get</h2><p>Get the action by its name</p><h3 id="parameters-2"><a href="#parameters-2" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>name</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Action name</li></ul><h3 id="examples-2"><a href="#examples-2" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> action <span class="token operator">=</span> rte<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'bold'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// {name: 'bold', ...}</span>
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong></p><h2 id="getall"><a href="#getall" aria-hidden="true" class="header-anchor">#</a> getAll</h2><p>Get all actions</p><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong></p><h2 id="remove"><a href="#remove" aria-hidden="true" class="header-anchor">#</a> remove</h2><p>Remove the action from the toolbar</p><h3 id="parameters-3"><a href="#parameters-3" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>name</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong></li></ul><h3 id="examples-3"><a href="#examples-3" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> action <span class="token operator">=</span> rte<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span><span class="token string">'bold'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// {name: 'bold', ...}</span>
@ -74,6 +74,6 @@ rte<span class="token punctuation">.</span><span class="token function">add</spa
Keymaps
</a> →
</span></p></div></div></div></div>
<script src="/docs/assets/js/26.0ba924f8.js" defer></script><script src="/docs/assets/js/app.a18f26bb.js" defer></script>
<script src="/docs/assets/js/app.841d52ad.js" defer></script><script src="/docs/assets/js/26.19837d20.js" defer></script>
</body>
</html>

16
docs/api/selector_manager.html

@ -8,9 +8,9 @@
<link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.15.3">
<script src="../js/grapes.min.js?v0.15.3"></script>
<link rel="preload" href="/docs/assets/css/0.styles.82db7b1e.css" as="style"><link rel="preload" href="/docs/assets/js/app.a18f26bb.js" as="script"><link rel="preload" href="/docs/assets/js/27.442eb105.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.a106a5cd.js"><link rel="prefetch" href="/docs/assets/js/11.e1d01d7f.js"><link rel="prefetch" href="/docs/assets/js/12.7b5df652.js"><link rel="prefetch" href="/docs/assets/js/13.2c86d6bb.js"><link rel="prefetch" href="/docs/assets/js/14.47aa7392.js"><link rel="prefetch" href="/docs/assets/js/15.e5ae77bc.js"><link rel="prefetch" href="/docs/assets/js/16.07b42741.js"><link rel="prefetch" href="/docs/assets/js/17.2a67de0b.js"><link rel="prefetch" href="/docs/assets/js/18.11c93f1e.js"><link rel="prefetch" href="/docs/assets/js/19.7a13abf6.js"><link rel="prefetch" href="/docs/assets/js/2.434af1ad.js"><link rel="prefetch" href="/docs/assets/js/20.d98c3b22.js"><link rel="prefetch" href="/docs/assets/js/21.3e3438bd.js"><link rel="prefetch" href="/docs/assets/js/22.917f34a1.js"><link rel="prefetch" href="/docs/assets/js/23.a1fe2201.js"><link rel="prefetch" href="/docs/assets/js/24.fefe1628.js"><link rel="prefetch" href="/docs/assets/js/25.32714364.js"><link rel="prefetch" href="/docs/assets/js/26.0ba924f8.js"><link rel="prefetch" href="/docs/assets/js/28.3d0efde8.js"><link rel="prefetch" href="/docs/assets/js/29.81c2faa9.js"><link rel="prefetch" href="/docs/assets/js/3.651320c9.js"><link rel="prefetch" href="/docs/assets/js/30.331e996f.js"><link rel="prefetch" href="/docs/assets/js/31.456da170.js"><link rel="prefetch" href="/docs/assets/js/32.2f2eecfd.js"><link rel="prefetch" href="/docs/assets/js/33.5a21eeb2.js"><link rel="prefetch" href="/docs/assets/js/34.e495786f.js"><link rel="prefetch" href="/docs/assets/js/35.e59a311f.js"><link rel="prefetch" href="/docs/assets/js/36.8c67e6e8.js"><link rel="prefetch" href="/docs/assets/js/37.ea48a200.js"><link rel="prefetch" href="/docs/assets/js/38.49bb9e38.js"><link rel="prefetch" href="/docs/assets/js/39.2eeb020a.js"><link rel="prefetch" href="/docs/assets/js/4.ccc41891.js"><link rel="prefetch" href="/docs/assets/js/40.5c633dc6.js"><link rel="prefetch" href="/docs/assets/js/41.17bf3b3b.js"><link rel="prefetch" href="/docs/assets/js/42.b82b73fe.js"><link rel="prefetch" href="/docs/assets/js/43.24b80d23.js"><link rel="prefetch" href="/docs/assets/js/5.20d1ecdf.js"><link rel="prefetch" href="/docs/assets/js/6.9af8fc3b.js"><link rel="prefetch" href="/docs/assets/js/7.224c3fec.js"><link rel="prefetch" href="/docs/assets/js/8.e9d59c3e.js"><link rel="prefetch" href="/docs/assets/js/9.9f34d8b5.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.82db7b1e.css">
<link rel="preload" href="/docs/assets/css/styles.841d52ad.css" as="style"><link rel="preload" href="/docs/assets/js/app.841d52ad.js" as="script"><link rel="preload" href="/docs/assets/js/27.49115d17.js" as="script"><link rel="prefetch" href="/docs/assets/js/1.d88ab8c2.js"><link rel="prefetch" href="/docs/assets/js/10.6d1da19c.js"><link rel="prefetch" href="/docs/assets/js/11.e1024e3c.js"><link rel="prefetch" href="/docs/assets/js/12.ea2d0633.js"><link rel="prefetch" href="/docs/assets/js/13.0aca6e95.js"><link rel="prefetch" href="/docs/assets/js/14.3a556795.js"><link rel="prefetch" href="/docs/assets/js/15.b8e65128.js"><link rel="prefetch" href="/docs/assets/js/16.9e8d0ee3.js"><link rel="prefetch" href="/docs/assets/js/17.fea2549e.js"><link rel="prefetch" href="/docs/assets/js/18.112c9d7a.js"><link rel="prefetch" href="/docs/assets/js/19.da3eb438.js"><link rel="prefetch" href="/docs/assets/js/2.3f947d80.js"><link rel="prefetch" href="/docs/assets/js/20.abef129a.js"><link rel="prefetch" href="/docs/assets/js/21.45665626.js"><link rel="prefetch" href="/docs/assets/js/22.f3f10b93.js"><link rel="prefetch" href="/docs/assets/js/23.85818d14.js"><link rel="prefetch" href="/docs/assets/js/24.6618a793.js"><link rel="prefetch" href="/docs/assets/js/25.3fa3e444.js"><link rel="prefetch" href="/docs/assets/js/26.19837d20.js"><link rel="prefetch" href="/docs/assets/js/28.0cb791cd.js"><link rel="prefetch" href="/docs/assets/js/29.60349f33.js"><link rel="prefetch" href="/docs/assets/js/3.58555975.js"><link rel="prefetch" href="/docs/assets/js/30.4f7b4a19.js"><link rel="prefetch" href="/docs/assets/js/31.3f9b4c2f.js"><link rel="prefetch" href="/docs/assets/js/32.2fb15c2c.js"><link rel="prefetch" href="/docs/assets/js/33.10f2e2c4.js"><link rel="prefetch" href="/docs/assets/js/34.b00a201b.js"><link rel="prefetch" href="/docs/assets/js/35.842b3faa.js"><link rel="prefetch" href="/docs/assets/js/36.cf215dd2.js"><link rel="prefetch" href="/docs/assets/js/37.1f4e9422.js"><link rel="prefetch" href="/docs/assets/js/38.41db2434.js"><link rel="prefetch" href="/docs/assets/js/39.ff6ba2ff.js"><link rel="prefetch" href="/docs/assets/js/4.c61ce6cc.js"><link rel="prefetch" href="/docs/assets/js/40.2afed73e.js"><link rel="prefetch" href="/docs/assets/js/41.8a6c4d0c.js"><link rel="prefetch" href="/docs/assets/js/42.ac8b349a.js"><link rel="prefetch" href="/docs/assets/js/43.53781928.js"><link rel="prefetch" href="/docs/assets/js/44.ee1dfbc2.js"><link rel="prefetch" href="/docs/assets/js/5.763a4c86.js"><link rel="prefetch" href="/docs/assets/js/6.06855135.js"><link rel="prefetch" href="/docs/assets/js/7.de412c56.js"><link rel="prefetch" href="/docs/assets/js/8.2eb536bf.js"><link rel="prefetch" href="/docs/assets/js/9.7883b5a7.js">
<link rel="stylesheet" href="/docs/assets/css/styles.841d52ad.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" class="logo"><span class="site-name can-hide">
@ -27,7 +27,7 @@
Twitter
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><a href="https://github.com/artf/grapesjs" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav><div id="native-carbon" class="carbon-ads"></div><ul class="sidebar-links"><li><a href="/docs/api/" 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/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="active sidebar-link">Selector Manager</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#selectormanager" class="sidebar-link">SelectorManager</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#getconfig" class="sidebar-link">getConfig</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#addclass" class="sidebar-link">addClass</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#getall" class="sidebar-link">getAll</a></li></ul></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul></div><div class="page"><div class="content"><h2 id="selectormanager"><a href="#selectormanager" aria-hidden="true" class="header-anchor">#</a> SelectorManager</h2><p>Selectors in GrapesJS are used in CSS Composer inside Rules and in Components as classes. To illustrate this concept let's take
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav><div id="native-carbon" class="carbon-ads"></div><ul class="sidebar-links"><li><a href="/docs/api/" 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/canvas.html" class="sidebar-link">Canvas</a></li><li><a href="/docs/api/assets.html" class="sidebar-link">Asset Manager</a></li><li><a href="/docs/api/block_manager.html" class="sidebar-link">Block Manager</a></li><li><a href="/docs/api/commands.html" class="sidebar-link">Commands</a></li><li><a href="/docs/api/components.html" class="sidebar-link">DOM Components</a></li><li><a href="/docs/api/component.html" class="sidebar-link"> - Component</a></li><li><a href="/docs/api/panels.html" class="sidebar-link">Panels</a></li><li><a href="/docs/api/style_manager.html" class="sidebar-link">Style Manager</a></li><li><a href="/docs/api/storage_manager.html" class="sidebar-link">Storage Manager</a></li><li><a href="/docs/api/device_manager.html" class="sidebar-link">Device Manager</a></li><li><a href="/docs/api/selector_manager.html" class="active sidebar-link">Selector Manager</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#selectormanager" class="sidebar-link">SelectorManager</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#getconfig" class="sidebar-link">getConfig</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#add" class="sidebar-link">add</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#addclass" class="sidebar-link">addClass</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#get" class="sidebar-link">get</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#getall" class="sidebar-link">getAll</a></li><li class="sidebar-sub-header"><a href="/docs/api/selector_manager.html#escapename" class="sidebar-link">escapeName</a></li></ul></li><li><a href="/docs/api/css_composer.html" class="sidebar-link">CSS Composer</a></li><li><a href="/docs/api/modal_dialog.html" class="sidebar-link">Modal</a></li><li><a href="/docs/api/rich_text_editor.html" class="sidebar-link">Rich Text Editor</a></li><li><a href="/docs/api/keymaps.html" class="sidebar-link">Keymaps</a></li><li><a href="/docs/api/undo_manager.html" class="sidebar-link">Undo Manager</a></li></ul></div><div class="page"><div class="content"><h2 id="selectormanager"><a href="#selectormanager" aria-hidden="true" class="header-anchor">#</a> SelectorManager</h2><p>Selectors in GrapesJS are used in CSS Composer inside Rules and in Components as classes. To illustrate this concept let's take
a look at this code:</p><div class="language-css extra-class"><pre class="language-css"><code><span class="token selector">span &gt; #send-btn.btn</span><span class="token punctuation">{</span>
...
<span class="token punctuation">}</span>
@ -53,16 +53,16 @@ a look at this code:</p><div class="language-css extra-class"><pre class="langua
sm<span class="token punctuation">.</span><span class="token function">addClass</span><span class="token punctuation">(</span><span class="token string">'class1 class2'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
sm<span class="token punctuation">.</span><span class="token function">addClass</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token string">'class1'</span><span class="token punctuation">,</span> <span class="token string">'class2'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// -&gt; [SelectorObject, ...]</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<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Array of added selectors</p><h2 id="get"><a href="#get" aria-hidden="true" class="header-anchor">#</a> get</h2><p>Get the selector by its name</p><h3 id="parameters-3"><a href="#parameters-3" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>name</code><strong>(<a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> | <a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>)</strong> Selector name</li><li><code>type</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Selector type</li></ul><h3 id="examples-3"><a href="#examples-3" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> selector <span class="token operator">=</span> selectorManager<span class="token punctuation">.</span><span class="token keyword">get</span><span class="token punctuation">(</span><span class="token string">'selectorName'</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<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Array of added selectors</p><h2 id="get"><a href="#get" aria-hidden="true" class="header-anchor">#</a> get</h2><p>Get the selector by its name</p><h3 id="parameters-3"><a href="#parameters-3" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>name</code><strong>(<a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> | <a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>)</strong> Selector name</li><li><code>type</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Selector type</li></ul><h3 id="examples-3"><a href="#examples-3" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> selector <span class="token operator">=</span> selectorManager<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'selectorName'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// or get an array</span>
<span class="token keyword">const</span> selectors <span class="token operator">=</span> selectorManager<span class="token punctuation">.</span><span class="token keyword">get</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token string">'class1'</span><span class="token punctuation">,</span> <span class="token string">'class2'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>(Model | <a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>)</strong></p><h2 id="getall"><a href="#getall" aria-hidden="true" class="header-anchor">#</a> getAll</h2><p>Get all selectors</p><p>Returns <strong>Collection</strong></p></div><div class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/selector_manager.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></div><div class="last-updated"><span class="prefix">Last Updated: </span><span class="time">4/9/2019, 10:02:45 PM</span></div></div><div class="page-nav"><p class="inner"><span class="prev">
<span class="token keyword">const</span> selectors <span class="token operator">=</span> selectorManager<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token string">'class1'</span><span class="token punctuation">,</span> <span class="token string">'class2'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>(Model | <a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>)</strong></p><h2 id="getall"><a href="#getall" aria-hidden="true" class="header-anchor">#</a> getAll</h2><p>Get all selectors</p><p>Returns <strong>Collection</strong></p><h2 id="escapename"><a href="#escapename" aria-hidden="true" class="header-anchor">#</a> escapeName</h2><p>Return escaped selector name</p><h3 id="parameters-4"><a href="#parameters-4" aria-hidden="true" class="header-anchor">#</a> Parameters</h3><ul><li><code>name</code><strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Selector name to escape</li></ul><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong> Escaped name</p></div><div class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/selector_manager.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></div><div class="last-updated"><span class="prefix">Last Updated: </span><span class="time">4/9/2019, 10:02:45 PM</span></div></div><div class="page-nav"><p class="inner"><span class="prev">
← <a href="/docs/api/device_manager.html" class="prev">
Device Manager
</a></span><span class="next"><a href="/docs/api/css_composer.html">
CSS Composer
</a> →
</span></p></div></div></div></div>
<script src="/docs/assets/js/27.442eb105.js" defer></script><script src="/docs/assets/js/app.a18f26bb.js" defer></script>
<script src="/docs/assets/js/app.841d52ad.js" defer></script><script src="/docs/assets/js/27.49115d17.js" defer></script>
</body>
</html>

16
docs/api/storage_manager.html

File diff suppressed because one or more lines are too long

17
docs/api/style_manager.html

File diff suppressed because one or more lines are too long

10
docs/api/undo_manager.html

@ -8,9 +8,9 @@
<link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="../stylesheets/grapes.min.css?v0.15.3">
<script src="../js/grapes.min.js?v0.15.3"></script>
<link rel="preload" href="/docs/assets/css/0.styles.82db7b1e.css" as="style"><link rel="preload" href="/docs/assets/js/app.a18f26bb.js" as="script"><link rel="preload" href="/docs/assets/js/30.331e996f.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.a106a5cd.js"><link rel="prefetch" href="/docs/assets/js/11.e1d01d7f.js"><link rel="prefetch" href="/docs/assets/js/12.7b5df652.js"><link rel="prefetch" href="/docs/assets/js/13.2c86d6bb.js"><link rel="prefetch" href="/docs/assets/js/14.47aa7392.js"><link rel="prefetch" href="/docs/assets/js/15.e5ae77bc.js"><link rel="prefetch" href="/docs/assets/js/16.07b42741.js"><link rel="prefetch" href="/docs/assets/js/17.2a67de0b.js"><link rel="prefetch" href="/docs/assets/js/18.11c93f1e.js"><link rel="prefetch" href="/docs/assets/js/19.7a13abf6.js"><link rel="prefetch" href="/docs/assets/js/2.434af1ad.js"><link rel="prefetch" href="/docs/assets/js/20.d98c3b22.js"><link rel="prefetch" href="/docs/assets/js/21.3e3438bd.js"><link rel="prefetch" href="/docs/assets/js/22.917f34a1.js"><link rel="prefetch" href="/docs/assets/js/23.a1fe2201.js"><link rel="prefetch" href="/docs/assets/js/24.fefe1628.js"><link rel="prefetch" href="/docs/assets/js/25.32714364.js"><link rel="prefetch" href="/docs/assets/js/26.0ba924f8.js"><link rel="prefetch" href="/docs/assets/js/27.442eb105.js"><link rel="prefetch" href="/docs/assets/js/28.3d0efde8.js"><link rel="prefetch" href="/docs/assets/js/29.81c2faa9.js"><link rel="prefetch" href="/docs/assets/js/3.651320c9.js"><link rel="prefetch" href="/docs/assets/js/31.456da170.js"><link rel="prefetch" href="/docs/assets/js/32.2f2eecfd.js"><link rel="prefetch" href="/docs/assets/js/33.5a21eeb2.js"><link rel="prefetch" href="/docs/assets/js/34.e495786f.js"><link rel="prefetch" href="/docs/assets/js/35.e59a311f.js"><link rel="prefetch" href="/docs/assets/js/36.8c67e6e8.js"><link rel="prefetch" href="/docs/assets/js/37.ea48a200.js"><link rel="prefetch" href="/docs/assets/js/38.49bb9e38.js"><link rel="prefetch" href="/docs/assets/js/39.2eeb020a.js"><link rel="prefetch" href="/docs/assets/js/4.ccc41891.js"><link rel="prefetch" href="/docs/assets/js/40.5c633dc6.js"><link rel="prefetch" href="/docs/assets/js/41.17bf3b3b.js"><link rel="prefetch" href="/docs/assets/js/42.b82b73fe.js"><link rel="prefetch" href="/docs/assets/js/43.24b80d23.js"><link rel="prefetch" href="/docs/assets/js/5.20d1ecdf.js"><link rel="prefetch" href="/docs/assets/js/6.9af8fc3b.js"><link rel="prefetch" href="/docs/assets/js/7.224c3fec.js"><link rel="prefetch" href="/docs/assets/js/8.e9d59c3e.js"><link rel="prefetch" href="/docs/assets/js/9.9f34d8b5.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.82db7b1e.css">
<link rel="preload" href="/docs/assets/css/styles.841d52ad.css" as="style"><link rel="preload" href="/docs/assets/js/app.841d52ad.js" as="script"><link rel="preload" href="/docs/assets/js/30.4f7b4a19.js" as="script"><link rel="prefetch" href="/docs/assets/js/1.d88ab8c2.js"><link rel="prefetch" href="/docs/assets/js/10.6d1da19c.js"><link rel="prefetch" href="/docs/assets/js/11.e1024e3c.js"><link rel="prefetch" href="/docs/assets/js/12.ea2d0633.js"><link rel="prefetch" href="/docs/assets/js/13.0aca6e95.js"><link rel="prefetch" href="/docs/assets/js/14.3a556795.js"><link rel="prefetch" href="/docs/assets/js/15.b8e65128.js"><link rel="prefetch" href="/docs/assets/js/16.9e8d0ee3.js"><link rel="prefetch" href="/docs/assets/js/17.fea2549e.js"><link rel="prefetch" href="/docs/assets/js/18.112c9d7a.js"><link rel="prefetch" href="/docs/assets/js/19.da3eb438.js"><link rel="prefetch" href="/docs/assets/js/2.3f947d80.js"><link rel="prefetch" href="/docs/assets/js/20.abef129a.js"><link rel="prefetch" href="/docs/assets/js/21.45665626.js"><link rel="prefetch" href="/docs/assets/js/22.f3f10b93.js"><link rel="prefetch" href="/docs/assets/js/23.85818d14.js"><link rel="prefetch" href="/docs/assets/js/24.6618a793.js"><link rel="prefetch" href="/docs/assets/js/25.3fa3e444.js"><link rel="prefetch" href="/docs/assets/js/26.19837d20.js"><link rel="prefetch" href="/docs/assets/js/27.49115d17.js"><link rel="prefetch" href="/docs/assets/js/28.0cb791cd.js"><link rel="prefetch" href="/docs/assets/js/29.60349f33.js"><link rel="prefetch" href="/docs/assets/js/3.58555975.js"><link rel="prefetch" href="/docs/assets/js/31.3f9b4c2f.js"><link rel="prefetch" href="/docs/assets/js/32.2fb15c2c.js"><link rel="prefetch" href="/docs/assets/js/33.10f2e2c4.js"><link rel="prefetch" href="/docs/assets/js/34.b00a201b.js"><link rel="prefetch" href="/docs/assets/js/35.842b3faa.js"><link rel="prefetch" href="/docs/assets/js/36.cf215dd2.js"><link rel="prefetch" href="/docs/assets/js/37.1f4e9422.js"><link rel="prefetch" href="/docs/assets/js/38.41db2434.js"><link rel="prefetch" href="/docs/assets/js/39.ff6ba2ff.js"><link rel="prefetch" href="/docs/assets/js/4.c61ce6cc.js"><link rel="prefetch" href="/docs/assets/js/40.2afed73e.js"><link rel="prefetch" href="/docs/assets/js/41.8a6c4d0c.js"><link rel="prefetch" href="/docs/assets/js/42.ac8b349a.js"><link rel="prefetch" href="/docs/assets/js/43.53781928.js"><link rel="prefetch" href="/docs/assets/js/44.ee1dfbc2.js"><link rel="prefetch" href="/docs/assets/js/5.763a4c86.js"><link rel="prefetch" href="/docs/assets/js/6.06855135.js"><link rel="prefetch" href="/docs/assets/js/7.de412c56.js"><link rel="prefetch" href="/docs/assets/js/8.2eb536bf.js"><link rel="prefetch" href="/docs/assets/js/9.7883b5a7.js">
<link rel="stylesheet" href="/docs/assets/css/styles.841d52ad.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" class="logo"><span class="site-name can-hide">
@ -44,12 +44,12 @@ Note: New Components and CSSRules will be added automatically</p><h3 id="paramet
</code></pre></div><p>Returns <strong>this</strong></p><h2 id="hasundo"><a href="#hasundo" aria-hidden="true" class="header-anchor">#</a> hasUndo</h2><p>Checks if exists an available undo</p><h3 id="examples-11"><a href="#examples-11" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code>um<span class="token punctuation">.</span><span class="token function">hasUndo</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong></p><h2 id="hasredo"><a href="#hasredo" aria-hidden="true" class="header-anchor">#</a> hasRedo</h2><p>Checks if exists an available redo</p><h3 id="examples-12"><a href="#examples-12" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code>um<span class="token punctuation">.</span><span class="token function">hasRedo</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></strong></p><h2 id="getstack"><a href="#getstack" aria-hidden="true" class="header-anchor">#</a> getStack</h2><p>Get stack of changes</p><h3 id="examples-13"><a href="#examples-13" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> stack <span class="token operator">=</span> um<span class="token punctuation">.</span><span class="token function">getStack</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
stack<span class="token punctuation">.</span><span class="token function">each</span><span class="token punctuation">(</span>item <span class="token operator">=&gt;</span> <span class="token operator">...</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
stack<span class="token punctuation">.</span><span class="token function">each</span><span class="token punctuation">(</span><span class="token parameter">item</span> <span class="token operator">=&gt;</span> <span class="token operator">...</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>Collection</strong></p><h2 id="clear"><a href="#clear" aria-hidden="true" class="header-anchor">#</a> clear</h2><p>Clear the stack</p><h3 id="examples-14"><a href="#examples-14" aria-hidden="true" class="header-anchor">#</a> Examples</h3><div class="language-javascript extra-class"><pre class="language-javascript"><code>um<span class="token punctuation">.</span><span class="token function">clear</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>this</strong></p></div><div class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/undo_manager.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></div><div class="last-updated"><span class="prefix">Last Updated: </span><span class="time">7/9/2018, 12:11:12 AM</span></div></div><div class="page-nav"><p class="inner"><span class="prev">
← <a href="/docs/api/keymaps.html" class="prev">
Keymaps
</a></span><!----></p></div></div></div></div>
<script src="/docs/assets/js/30.331e996f.js" defer></script><script src="/docs/assets/js/app.a18f26bb.js" defer></script>
<script src="/docs/assets/js/app.841d52ad.js" defer></script><script src="/docs/assets/js/30.4f7b4a19.js" defer></script>
</body>
</html>

1
docs/assets/css/0.styles.82db7b1e.css

File diff suppressed because one or more lines are too long

1
docs/assets/css/styles.841d52ad.css

File diff suppressed because one or more lines are too long

2
docs/assets/js/6.9af8fc3b.js → docs/assets/js/1.d88ab8c2.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/10.6d1da19c.js

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

1
docs/assets/js/10.a106a5cd.js

@ -1 +0,0 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{175:function(t,n,e){},200:function(t,n,e){"use strict";var i=e(175);e.n(i).a},240:function(t,n,e){"use strict";e.r(n);e(200);var i=e(1),s=Object(i.a)({},function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"demo-container"},[this._t("default")],2)},[],!1,null,"b3715568",null);s.options.__file="Demo.vue";n.default=s.exports}}]);

1
docs/assets/js/11.e1024e3c.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/11.e1d01d7f.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/12.7b5df652.js → docs/assets/js/12.ea2d0633.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/13.2c86d6bb.js → docs/assets/js/13.0aca6e95.js

@ -1 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{232:function(e,t,a){"use strict";a.r(t);var n=a(1),s=Object(n.a)({},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"content"},[this._m(0),t("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 "),t("router-link",{attrs:{to:"/modules/Plugins.html"}},[this._v("create a plugin")]),this._v(" and make those extensions reusable and available to others.")],1)])},[function(){var e=this.$createElement,t=this._self._c||e;return t("h1",{attrs:{id:"api-reference"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api-reference","aria-hidden":"true"}},[this._v("#")]),this._v(" API Reference")])}],!1,null,null,null);s.options.__file="README.md";t.default=s.exports}}]);
(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{229:function(e,t,a){"use strict";a.r(t);var n=a(1),s=Object(n.a)({},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"content"},[this._m(0),t("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 "),t("router-link",{attrs:{to:"/modules/Plugins.html"}},[this._v("create a plugin")]),this._v(" and make those extensions reusable and available to others.")],1)])},[function(){var e=this.$createElement,t=this._self._c||e;return t("h1",{attrs:{id:"api-reference"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api-reference","aria-hidden":"true"}},[this._v("#")]),this._v(" API Reference")])}],!1,null,null,null);t.default=s.exports}}]);

1
docs/assets/js/14.3a556795.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/14.47aa7392.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/15.b8e65128.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/15.e5ae77bc.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/16.07b42741.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/16.9e8d0ee3.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/17.2a67de0b.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/17.fea2549e.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/18.112c9d7a.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/18.11c93f1e.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/19.7a13abf6.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/19.da3eb438.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/3.651320c9.js → docs/assets/js/2.3f947d80.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/20.abef129a.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/20.d98c3b22.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/21.3e3438bd.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/21.45665626.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/22.917f34a1.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/22.f3f10b93.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/23.85818d14.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/23.a1fe2201.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/24.6618a793.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/24.fefe1628.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/25.32714364.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/25.3fa3e444.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/26.0ba924f8.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/26.19837d20.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/27.442eb105.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/27.49115d17.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/28.0cb791cd.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/28.3d0efde8.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/29.60349f33.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/29.81c2faa9.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/4.ccc41891.js → docs/assets/js/3.58555975.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/30.331e996f.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/30.4f7b4a19.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/31.3f9b4c2f.js

@ -0,0 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{225:function(t,s,e){"use strict";e.r(s);var n=e(1),a=Object(n.a)({},function(){var t=this.$createElement;this._self._c;return this._m(0)},[function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"content"},[s("h1",{attrs:{id:"faq"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#faq","aria-hidden":"true"}},[this._v("#")]),this._v(" FAQ")]),s("p",[this._v("Coming soon")])])}],!1,null,null,null);s.default=a.exports}}]);

1
docs/assets/js/31.456da170.js

@ -1 +0,0 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{243:function(t,s,e){"use strict";e.r(s);var n=e(1),i=Object(n.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"content"},[s("h1",{attrs:{id:"faq"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#faq","aria-hidden":"true"}},[this._v("#")]),this._v(" FAQ")]),s("p",[this._v("Coming soon")])])}],!1,null,null,null);i.options.__file="faq.md";s.default=i.exports}}]);

1
docs/assets/js/32.2f2eecfd.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/32.2fb15c2c.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/33.10f2e2c4.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/33.5a21eeb2.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/34.b00a201b.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/34.e495786f.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/35.842b3faa.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/35.e59a311f.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/36.8c67e6e8.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/36.cf215dd2.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/37.1f4e9422.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/37.ea48a200.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/38.41db2434.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/38.49bb9e38.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/39.2eeb020a.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/39.ff6ba2ff.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/7.224c3fec.js → docs/assets/js/4.c61ce6cc.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/40.2afed73e.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/40.5c633dc6.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/41.17bf3b3b.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/41.8a6c4d0c.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/42.ac8b349a.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/42.b82b73fe.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/43.24b80d23.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/43.53781928.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/44.ee1dfbc2.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/2.434af1ad.js → docs/assets/js/5.763a4c86.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/6.06855135.js

File diff suppressed because one or more lines are too long

2
docs/assets/js/5.20d1ecdf.js → docs/assets/js/7.de412c56.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/8.2eb536bf.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/8.e9d59c3e.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/9.7883b5a7.js

@ -0,0 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{231:function(t,e,n){"use strict";n.r(e);var s=n(1),a=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);e.default=a.exports}}]);

1
docs/assets/js/9.9f34d8b5.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