Browse Source

deploy docs

gh-pages
Artur Arseniev 4 years ago
parent
commit
a0a498807f
  1. 12
      docs/404.html
  2. 12
      docs/Home.html
  3. 12
      docs/api/asset.html
  4. 12
      docs/api/assets.html
  5. 12
      docs/api/block.html
  6. 12
      docs/api/block_manager.html
  7. 12
      docs/api/canvas.html
  8. 12
      docs/api/commands.html
  9. 12
      docs/api/component.html
  10. 12
      docs/api/components.html
  11. 12
      docs/api/css_composer.html
  12. 12
      docs/api/css_rule.html
  13. 12
      docs/api/device.html
  14. 12
      docs/api/device_manager.html
  15. 14
      docs/api/editor.html
  16. 12
      docs/api/frame.html
  17. 12
      docs/api/i18n.html
  18. 12
      docs/api/index.html
  19. 12
      docs/api/keymaps.html
  20. 12
      docs/api/layer.html
  21. 12
      docs/api/layer_manager.html
  22. 12
      docs/api/modal_dialog.html
  23. 12
      docs/api/page.html
  24. 12
      docs/api/pages.html
  25. 14
      docs/api/panels.html
  26. 12
      docs/api/parser.html
  27. 12
      docs/api/property.html
  28. 12
      docs/api/property_composite.html
  29. 12
      docs/api/property_number.html
  30. 12
      docs/api/property_select.html
  31. 12
      docs/api/property_stack.html
  32. 12
      docs/api/rich_text_editor.html
  33. 12
      docs/api/sector.html
  34. 12
      docs/api/selector.html
  35. 12
      docs/api/selector_manager.html
  36. 12
      docs/api/state.html
  37. 12
      docs/api/storage_manager.html
  38. 12
      docs/api/style_manager.html
  39. 12
      docs/api/undo_manager.html
  40. 1
      docs/assets/css/0.styles.6349c0a4.css
  41. 1
      docs/assets/css/0.styles.e436248b.css
  42. 1
      docs/assets/js/10.b611ebf8.js
  43. 1
      docs/assets/js/10.b8f1122d.js
  44. 1
      docs/assets/js/11.4d9adeab.js
  45. 1
      docs/assets/js/11.905ee507.js
  46. 1
      docs/assets/js/12.4380b50e.js
  47. 1
      docs/assets/js/12.7e617b34.js
  48. 1
      docs/assets/js/13.e2e5fc8d.js
  49. 1
      docs/assets/js/13.ea89d421.js
  50. 1
      docs/assets/js/14.3fe95cca.js
  51. 1
      docs/assets/js/14.b3e88f18.js
  52. 1
      docs/assets/js/15.12da73ac.js
  53. 1
      docs/assets/js/15.5fe6ed8b.js
  54. 1
      docs/assets/js/16.2749e923.js
  55. 1
      docs/assets/js/16.28089c68.js
  56. 1
      docs/assets/js/17.0f11e6ce.js
  57. 1
      docs/assets/js/17.aba1b0c9.js
  58. 1
      docs/assets/js/18.1a9fd0b1.js
  59. 1
      docs/assets/js/18.59b405cc.js
  60. 1
      docs/assets/js/19.5595cf96.js
  61. 1
      docs/assets/js/19.762bed57.js
  62. 1
      docs/assets/js/2.789685b7.js
  63. 1
      docs/assets/js/2.8548a83e.js
  64. 1
      docs/assets/js/20.ce4f0990.js
  65. 1
      docs/assets/js/20.efb8f37c.js
  66. 1
      docs/assets/js/21.8428e67f.js
  67. 1
      docs/assets/js/21.a4a9f558.js
  68. 1
      docs/assets/js/22.67aecbbc.js
  69. 1
      docs/assets/js/22.e67f98fb.js
  70. 1
      docs/assets/js/23.3478a255.js
  71. 1
      docs/assets/js/23.fb78379a.js
  72. 1
      docs/assets/js/24.411ecf3a.js
  73. 1
      docs/assets/js/24.4acb3e17.js
  74. 1
      docs/assets/js/25.000470f4.js
  75. 1
      docs/assets/js/25.4c566f71.js
  76. 1
      docs/assets/js/26.05157df2.js
  77. 1
      docs/assets/js/26.34dd40e9.js
  78. 1
      docs/assets/js/27.590efc91.js
  79. 1
      docs/assets/js/27.fb29b109.js
  80. 1
      docs/assets/js/28.30853f42.js
  81. 1
      docs/assets/js/28.4a546827.js
  82. 1
      docs/assets/js/29.06fa0e4b.js
  83. 1
      docs/assets/js/29.6e51704e.js
  84. 1
      docs/assets/js/3.6d46cbb4.js
  85. 1
      docs/assets/js/3.9afc330f.js
  86. 1
      docs/assets/js/30.3ad70940.js
  87. 1
      docs/assets/js/30.90c84634.js
  88. 1
      docs/assets/js/31.107894dd.js
  89. 1
      docs/assets/js/31.3f953803.js
  90. 1
      docs/assets/js/32.04a7eec6.js
  91. 1
      docs/assets/js/32.bd8b1f7a.js
  92. 1
      docs/assets/js/33.bf80ccde.js
  93. 1
      docs/assets/js/33.e45d78bc.js
  94. 1
      docs/assets/js/34.6f9e211e.js
  95. 1
      docs/assets/js/34.78e7d884.js
  96. 1
      docs/assets/js/35.cb782205.js
  97. 1
      docs/assets/js/35.dae21f45.js
  98. 1
      docs/assets/js/36.7637f557.js
  99. 1
      docs/assets/js/36.8091d2a6.js
  100. 1
      docs/assets/js/37.0fddc76a.js

12
docs/404.html

@ -4,19 +4,19 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/18.1a9fd0b1.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/11.4d9adeab.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/2.8548a83e.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/18.59b405cc.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/11.905ee507.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/2.789685b7.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-default-content"><h1>404</h1> <blockquote>How did we get here?</blockquote> <a href="/docs/" class="router-link-active"> <div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-default-content"><h1>404</h1> <blockquote>Looks like we've got some broken links.</blockquote> <a href="/docs/" class="router-link-active">
Take me home. Take me home.
</a></div></div><div class="global-ui"></div></div> </a></div></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/18.1a9fd0b1.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/18.59b405cc.js" defer></script>
</body> </body>
</html> </html>

12
docs/Home.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Getting started | GrapesJS</title> <title>Getting started | GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/19.5595cf96.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/19.762bed57.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -336,7 +336,7 @@ The default one is the localStorage which is pretty simple and all the data are
<span class="token punctuation">}</span><span class="token punctuation">]</span> <span class="token punctuation">}</span><span class="token punctuation">]</span>
<span class="token punctuation">}</span> <span class="token punctuation">}</span>
<span class="token operator">...</span> <span class="token operator">...</span>
</code></pre></div><blockquote><p>Check <a href="API-Storage-Manager">Storage Manager API Reference</a></p></blockquote></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/Home.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">7/13/2018, 12:12:35 AM</span></div></footer> <!----> </main></div><div class="global-ui"></div></div> </code></pre></div><blockquote><p>Check <a href="API-Storage-Manager">Storage Manager API Reference</a></p></blockquote></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/Home.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">7/13/2018, 2:12:35 AM</span></div></footer> <!----> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/19.5595cf96.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/19.762bed57.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/asset.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/22.67aecbbc.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/22.e67f98fb.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -46,7 +46,7 @@ asset<span class="token punctuation">.</span><span class="token function">getFil
asset<span class="token punctuation">.</span><span class="token function">getExtension</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// -&gt; 'png'</span> asset<span class="token punctuation">.</span><span class="token function">getExtension</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// -&gt; 'png'</span>
<span class="token comment">// Asset: { src: 'https://.../image' }</span> <span class="token comment">// Asset: { src: 'https://.../image' }</span>
asset<span class="token punctuation">.</span><span class="token function">getExtension</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// -&gt; ''</span> asset<span class="token punctuation">.</span><span class="token function">getExtension</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// -&gt; ''</span>
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/asset.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 4:01:23 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/asset.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 6:01:23 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/assets.html" class="prev"> <a href="/docs/api/assets.html" class="prev">
Asset Manager Asset Manager
@ -55,6 +55,6 @@ asset<span class="token punctuation">.</span><span class="token function">getExt
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/22.67aecbbc.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/22.e67f98fb.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/assets.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/23.fb78379a.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/23.3478a255.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -72,7 +72,7 @@ assetManager<span class="token punctuation">.</span><span class="token function"
<span class="token comment">// or by passing the Asset</span> <span class="token comment">// or by passing the Asset</span>
<span class="token keyword">const</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> <span class="token keyword">const</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>
assetManager<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span>asset<span class="token punctuation">)</span><span class="token punctuation">;</span> assetManager<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span>asset<span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong><a href="/docs/api/asset.html">Asset</a></strong> Removed asset</p> <h2 id="getcontainer"><a href="#getcontainer" class="header-anchor">#</a> getContainer</h2> <p>Return the Asset Manager Container</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/HTML/Element" target="_blank" rel="noopener noreferrer">HTMLElement<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer 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> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 4:01:23 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong><a href="/docs/api/asset.html">Asset</a></strong> Removed asset</p> <h2 id="getcontainer"><a href="#getcontainer" class="header-anchor">#</a> getContainer</h2> <p>Return the Asset Manager Container</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/HTML/Element" target="_blank" rel="noopener noreferrer">HTMLElement<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer 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> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 6:01:23 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/frame.html" class="prev"> <a href="/docs/api/frame.html" class="prev">
‍ ‍ ‍ Frame ‍ ‍ ‍ Frame
@ -81,6 +81,6 @@ assetManager<span class="token punctuation">.</span><span class="token function"
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/23.fb78379a.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/23.3478a255.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/block.html

File diff suppressed because one or more lines are too long

12
docs/api/block_manager.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/25.4c566f71.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/25.000470f4.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -83,7 +83,7 @@ blockManager<span class="token punctuation">.</span><span class="token function"
<span class="token comment">// You can also render your blocks outside of the main block container</span> <span class="token comment">// You can also render your blocks outside of the main block container</span>
<span class="token keyword">const</span> newBlocksEl <span class="token operator">=</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 literal-property property">external</span><span class="token operator">:</span> <span class="token boolean">true</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">const</span> newBlocksEl <span class="token operator">=</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 literal-property property">external</span><span class="token operator">:</span> <span class="token boolean">true</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><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">'some-id'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">appendChild</span><span class="token punctuation">(</span>newBlocksEl<span class="token punctuation">)</span><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">'some-id'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">appendChild</span><span class="token punctuation">(</span>newBlocksEl<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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Rendered element</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/block_manager.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 3:38:24 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/HTML/Element" target="_blank" rel="noopener noreferrer">HTMLElement<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Rendered element</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/block_manager.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 5:38:24 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/asset.html" class="prev"> <a href="/docs/api/asset.html" class="prev">
‍ ‍ ‍ Asset ‍ ‍ ‍ Asset
@ -92,6 +92,6 @@ document<span class="token punctuation">.</span><span class="token function">get
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/25.4c566f71.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/25.000470f4.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/canvas.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/26.05157df2.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/26.34dd40e9.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -79,7 +79,7 @@ canvas<span class="token punctuation">.</span><span class="token function">scrol
.testp { color: blue; } .testp { color: blue; }
</span><span class="token template-punctuation string">`</span></span><span class="token punctuation">,</span> </span><span class="token template-punctuation string">`</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 punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong><a href="/docs/api/frame.html">Frame</a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/canvas.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/29/2022, 3:49:01 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong><a href="/docs/api/frame.html">Frame</a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/canvas.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/29/2022, 5:49:01 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/i18n.html" class="prev"> <a href="/docs/api/i18n.html" class="prev">
I18n I18n
@ -88,6 +88,6 @@ canvas<span class="token punctuation">.</span><span class="token function">scrol
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/26.05157df2.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/26.34dd40e9.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/commands.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/27.fb29b109.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/27.590efc91.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -76,7 +76,7 @@ commands<span class="token punctuation">.</span><span class="token function">isA
<span class="token comment">// -&gt; false</span> <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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="getactive"><a href="#getactive" class="header-anchor">#</a> getActive</h2> <p>Get all active commands</p> <h3 id="examples-7"><a href="#examples-7" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code>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> </code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="getactive"><a href="#getactive" class="header-anchor">#</a> getActive</h2> <p>Get all active commands</p> <h3 id="examples-7"><a href="#examples-7" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code>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> <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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer 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> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">12/30/2021, 1:29:27 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer 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> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">12/30/2021, 4:29:27 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/block.html" class="prev"> <a href="/docs/api/block.html" class="prev">
‍ ‍ ‍ Block ‍ ‍ ‍ Block
@ -85,6 +85,6 @@ commands<span class="token punctuation">.</span><span class="token function">isA
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/27.fb29b109.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/27.590efc91.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/component.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/28.30853f42.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/28.4a546827.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -180,7 +180,7 @@ the check will be performed on the component type.</li></ul> <h3 id="examples-30
<span class="token keyword">const</span> innerComponent <span class="token operator">=</span> newTextComponent<span class="token punctuation">.</span><span class="token function">find</span><span class="token punctuation">(</span><span class="token string">'b'</span><span class="token punctuation">)</span><span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token punctuation">;</span> <span class="token keyword">const</span> innerComponent <span class="token operator">=</span> newTextComponent<span class="token punctuation">.</span><span class="token function">find</span><span class="token punctuation">(</span><span class="token string">'b'</span><span class="token punctuation">)</span><span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
innerComponent<span class="token punctuation">.</span><span class="token function">isChildOf</span><span class="token punctuation">(</span>newTextComponent<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// true</span> innerComponent<span class="token punctuation">.</span><span class="token function">isChildOf</span><span class="token punctuation">(</span>newTextComponent<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// true</span>
innerComponent<span class="token punctuation">.</span><span class="token function">isChildOf</span><span class="token punctuation">(</span><span class="token string">'text'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// true</span> innerComponent<span class="token punctuation">.</span><span class="token function">isChildOf</span><span class="token punctuation">(</span><span class="token string">'text'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// true</span>
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/component.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/29/2022, 3:49:01 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/component.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/29/2022, 5:49:01 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/components.html" class="prev"> <a href="/docs/api/components.html" class="prev">
DOM Components DOM Components
@ -189,6 +189,6 @@ innerComponent<span class="token punctuation">.</span><span class="token functio
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/28.30853f42.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/28.4a546827.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/components.html

File diff suppressed because one or more lines are too long

12
docs/api/css_composer.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/30.3ad70940.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/30.90c84634.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -73,7 +73,7 @@ console<span class="token punctuation">.</span><span class="token function">log<
css<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span>toRemove<span class="token punctuation">)</span><span class="token punctuation">;</span> css<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span>toRemove<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// Remove by selector</span> <span class="token comment">// Remove by selector</span>
css<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span><span class="token string">'.my-cls-2'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> css<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span><span class="token string">'.my-cls-2'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>&lt;<a href="/docs/api/css_rule.html">CssRule</a>&gt;</strong> Removed rules</p> <h2 id="clear"><a href="#clear" class="header-anchor">#</a> clear</h2> <p>Remove all rules</p> <h3 id="parameters-6"><a href="#parameters-6" class="header-anchor">#</a> Parameters</h3> <ul><li><code>opts</code> (optional, default <code>{}</code>)</li></ul> <p>Returns <strong>this</strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/css_composer.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 3:38:24 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>&lt;<a href="/docs/api/css_rule.html">CssRule</a>&gt;</strong> Removed rules</p> <h2 id="clear"><a href="#clear" class="header-anchor">#</a> clear</h2> <p>Remove all rules</p> <h3 id="parameters-6"><a href="#parameters-6" class="header-anchor">#</a> Parameters</h3> <ul><li><code>opts</code> (optional, default <code>{}</code>)</li></ul> <p>Returns <strong>this</strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/css_composer.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 5:38:24 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/state.html" class="prev"> <a href="/docs/api/state.html" class="prev">
‍ ‍ ‍ State ‍ ‍ ‍ State
@ -82,6 +82,6 @@ css<span class="token punctuation">.</span><span class="token function">remove</
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/30.3ad70940.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/30.90c84634.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/css_rule.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/31.3f953803.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/31.107894dd.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -58,7 +58,7 @@ console<span class="token punctuation">.</span><span class="token function">log<
<span class="token literal-property property">atRuleParams</span><span class="token operator">:</span> <span class="token string">'(min-width: 500px)'</span> <span class="token literal-property property">atRuleParams</span><span class="token operator">:</span> <span class="token string">'(min-width: 500px)'</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
cssRule<span class="token punctuation">.</span><span class="token function">toCSS</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token comment">// &quot;@media (min-width: 500px){.class1{color:red;}}&quot;</span> cssRule<span class="token punctuation">.</span><span class="token function">toCSS</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token comment">// &quot;@media (min-width: 500px){.class1{color:red;}}&quot;</span>
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> CSS string</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/css_rule.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 3:38:24 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> CSS string</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/css_rule.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 5:38:24 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/css_composer.html" class="prev"> <a href="/docs/api/css_composer.html" class="prev">
CSS Composer CSS Composer
@ -67,6 +67,6 @@ cssRule<span class="token punctuation">.</span><span class="token function">toCS
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/31.3f953803.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/31.107894dd.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/device.html

File diff suppressed because one or more lines are too long

12
docs/api/device_manager.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/33.e45d78bc.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/33.bf80ccde.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -68,7 +68,7 @@ console<span class="token punctuation">.</span><span class="token function">log<
<span class="token keyword">const</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">'some-id'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">const</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">'some-id'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
deviceManager<span class="token punctuation">.</span><span class="token function">select</span><span class="token punctuation">(</span>device<span class="token punctuation">)</span><span class="token punctuation">;</span> deviceManager<span class="token punctuation">.</span><span class="token function">select</span><span class="token punctuation">(</span>device<span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><h2 id="getselected"><a href="#getselected" class="header-anchor">#</a> getSelected</h2> <p>Get the selected device</p> <h3 id="examples-6"><a href="#examples-6" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> selected <span class="token operator">=</span> deviceManager<span class="token punctuation">.</span><span class="token function">getSelected</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre></div><h2 id="getselected"><a href="#getselected" class="header-anchor">#</a> getSelected</h2> <p>Get the selected device</p> <h3 id="examples-6"><a href="#examples-6" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> selected <span class="token operator">=</span> deviceManager<span class="token punctuation">.</span><span class="token function">getSelected</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong><a href="/docs/api/device.html">Device</a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/device_manager.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">8/12/2021, 6:47:24 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong><a href="/docs/api/device.html">Device</a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/device_manager.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">8/12/2021, 8:47:24 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/storage_manager.html" class="prev"> <a href="/docs/api/storage_manager.html" class="prev">
Storage Manager Storage Manager
@ -77,6 +77,6 @@ deviceManager<span class="token punctuation">.</span><span class="token function
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/33.e45d78bc.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/33.bf80ccde.js" defer></script>
</body> </body>
</html> </html>

14
docs/api/editor.html

File diff suppressed because one or more lines are too long

12
docs/api/frame.html

File diff suppressed because one or more lines are too long

12
docs/api/i18n.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/36.8091d2a6.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/36.7637f557.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -72,7 +72,7 @@ obj<span class="token punctuation">.</span><span class="token function">t</span>
<span class="token comment">// -&gt; outputs `Msg hello`</span> <span class="token comment">// -&gt; outputs `Msg hello`</span>
obj<span class="token punctuation">.</span><span class="token function">t</span><span class="token punctuation">(</span><span class="token string">'msg2'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token literal-property property">l</span><span class="token operator">:</span> <span class="token string">'it'</span><span class="token punctuation">,</span> <span class="token literal-property property">params</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token literal-property property">test</span><span class="token operator">:</span> <span class="token string">'hello'</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">// custom local</span> obj<span class="token punctuation">.</span><span class="token function">t</span><span class="token punctuation">(</span><span class="token string">'msg2'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token literal-property property">l</span><span class="token operator">:</span> <span class="token string">'it'</span><span class="token punctuation">,</span> <span class="token literal-property property">params</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token literal-property property">test</span><span class="token operator">:</span> <span class="token string">'hello'</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">// custom local</span>
<span class="token comment">// -&gt; outputs `Msg hello it`</span> <span class="token comment">// -&gt; outputs `Msg hello it`</span>
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/i18n.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/18/2021, 7:20:54 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/i18n.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/18/2021, 9:20:54 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/editor.html" class="prev"> <a href="/docs/api/editor.html" class="prev">
Editor Editor
@ -81,6 +81,6 @@ obj<span class="token punctuation">.</span><span class="token function">t</span>
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/36.8091d2a6.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/36.7637f557.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/index.html

File diff suppressed because one or more lines are too long

12
docs/api/keymaps.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/37.0fddc76a.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/37.45c55c02.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -70,7 +70,7 @@ or just a command id as a string</p> <h2 id="get"><a href="#get" class="header-a
<span class="token comment">// -&gt; {id1: {}, id2: {}};</span> <span class="token comment">// -&gt; {id1: {}, id2: {}};</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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="remove"><a href="#remove" class="header-anchor">#</a> remove</h2> <p>Remove the keymap by id</p> <h3 id="parameters-3"><a href="#parameters-3" class="header-anchor">#</a> Parameters</h3> <ul><li><code>id</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Keymap id</li></ul> <h3 id="examples-4"><a href="#examples-4" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code>keymaps<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span><span class="token string">'ns:my-keymap'</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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="remove"><a href="#remove" class="header-anchor">#</a> remove</h2> <p>Remove the keymap by id</p> <h3 id="parameters-3"><a href="#parameters-3" class="header-anchor">#</a> Parameters</h3> <ul><li><code>id</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Keymap id</li></ul> <h3 id="examples-4"><a href="#examples-4" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code>keymaps<span class="token punctuation">.</span><span class="token function">remove</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> <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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Removed keymap</p> <h2 id="removeall"><a href="#removeall" class="header-anchor">#</a> removeAll</h2> <p>Remove all binded keymaps</p> <p>Returns <strong>this</strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/keymaps.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">12/30/2021, 1:29:27 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Removed keymap</p> <h2 id="removeall"><a href="#removeall" class="header-anchor">#</a> removeAll</h2> <p>Remove all binded keymaps</p> <p>Returns <strong>this</strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/keymaps.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">12/30/2021, 4:29:27 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/rich_text_editor.html" class="prev"> <a href="/docs/api/rich_text_editor.html" class="prev">
Rich Text Editor Rich Text Editor
@ -79,6 +79,6 @@ or just a command id as a string</p> <h2 id="get"><a href="#get" class="header-a
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/37.0fddc76a.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/37.45c55c02.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/layer.html

File diff suppressed because one or more lines are too long

12
docs/api/layer_manager.html

File diff suppressed because one or more lines are too long

12
docs/api/modal_dialog.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/40.95244c63.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/40.9fd75f1f.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -69,7 +69,7 @@ modal<span class="token punctuation">.</span><span class="token function">setCon
el<span class="token punctuation">.</span>innerText <span class="token operator">=</span> <span class="token string">'New content'</span><span class="token punctuation">;</span> el<span class="token punctuation">.</span>innerText <span class="token operator">=</span> <span class="token string">'New content'</span><span class="token punctuation">;</span>
modal<span class="token punctuation">.</span><span class="token function">setContent</span><span class="token punctuation">(</span>el<span class="token punctuation">)</span><span class="token punctuation">;</span> modal<span class="token punctuation">.</span><span class="token function">setContent</span><span class="token punctuation">(</span>el<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" class="header-anchor">#</a> getContent</h2> <p>Get the content of the modal window</p> <h3 id="examples-9"><a href="#examples-9" 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">getContent</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="getcontent"><a href="#getcontent" class="header-anchor">#</a> getContent</h2> <p>Get the content of the modal window</p> <h3 id="examples-9"><a href="#examples-9" 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">getContent</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/String" target="_blank" rel="noopener noreferrer">string<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> | <a href="https://developer.mozilla.org/docs/Web/HTML/Element" target="_blank" rel="noopener noreferrer">HTMLElement<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)</strong></p></div> <footer 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> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">9/13/2021, 4:17:34 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong>(<a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> | <a href="https://developer.mozilla.org/docs/Web/HTML/Element" target="_blank" rel="noopener noreferrer">HTMLElement<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>)</strong></p></div> <footer 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> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">9/13/2021, 6:17:34 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/css_rule.html" class="prev"> <a href="/docs/api/css_rule.html" class="prev">
‍ ‍ ‍ CssRule ‍ ‍ ‍ CssRule
@ -78,6 +78,6 @@ modal<span class="token punctuation">.</span><span class="token function">setCon
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/40.95244c63.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/40.9fd75f1f.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/page.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/41.e90d0338.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/41.61db9d6a.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -39,7 +39,7 @@
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>&lt;Frame&gt;</strong></p> <h2 id="getmainframe"><a href="#getmainframe" class="header-anchor">#</a> getMainFrame</h2> <p>Get the first frame of the page (identified always as the main one)</p> <h3 id="examples-3"><a href="#examples-3" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> mainFrame <span class="token operator">=</span> page<span class="token punctuation">.</span><span class="token function">getMainFrame</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>&lt;Frame&gt;</strong></p> <h2 id="getmainframe"><a href="#getmainframe" class="header-anchor">#</a> getMainFrame</h2> <p>Get the first frame of the page (identified always as the main one)</p> <h3 id="examples-3"><a href="#examples-3" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> mainFrame <span class="token operator">=</span> page<span class="token punctuation">.</span><span class="token function">getMainFrame</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>Frame</strong></p> <h2 id="getmaincomponent"><a href="#getmaincomponent" class="header-anchor">#</a> getMainComponent</h2> <p>Get the root component (usually is the <code>wrapper</code> component) from the main frame</p> <h3 id="examples-4"><a href="#examples-4" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> rootComponent <span class="token operator">=</span> page<span class="token punctuation">.</span><span class="token function">getMainComponent</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre></div><p>Returns <strong>Frame</strong></p> <h2 id="getmaincomponent"><a href="#getmaincomponent" class="header-anchor">#</a> getMainComponent</h2> <p>Get the root component (usually is the <code>wrapper</code> component) from the main frame</p> <h3 id="examples-4"><a href="#examples-4" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> rootComponent <span class="token operator">=</span> page<span class="token punctuation">.</span><span class="token function">getMainComponent</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>rootComponent<span class="token punctuation">.</span><span class="token function">toHTML</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>rootComponent<span class="token punctuation">.</span><span class="token function">toHTML</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>Component</strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/page.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">10/12/2021, 12:51:25 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong>Component</strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/page.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">10/12/2021, 2:51:25 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/pages.html" class="prev"> <a href="/docs/api/pages.html" class="prev">
Pages Pages
@ -48,6 +48,6 @@ console<span class="token punctuation">.</span><span class="token function">log<
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/41.e90d0338.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/41.61db9d6a.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/pages.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/42.79ad91ff.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/42.f6fc35c7.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -67,7 +67,7 @@ pageManager<span class="token punctuation">.</span><span class="token function">
<span class="token keyword">const</span> somePage <span class="token operator">=</span> pageManager<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'page-id'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">const</span> somePage <span class="token operator">=</span> pageManager<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">'page-id'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
pageManager<span class="token punctuation">.</span><span class="token function">select</span><span class="token punctuation">(</span>somePage<span class="token punctuation">)</span><span class="token punctuation">;</span> pageManager<span class="token punctuation">.</span><span class="token function">select</span><span class="token punctuation">(</span>somePage<span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>this</strong></p> <h2 id="getselected"><a href="#getselected" class="header-anchor">#</a> getSelected</h2> <p>Get the selected page</p> <h3 id="examples-8"><a href="#examples-8" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> selectedPage <span class="token operator">=</span> pageManager<span class="token punctuation">.</span><span class="token function">getSelected</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre></div><p>Returns <strong>this</strong></p> <h2 id="getselected"><a href="#getselected" class="header-anchor">#</a> getSelected</h2> <p>Get the selected page</p> <h3 id="examples-8"><a href="#examples-8" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> selectedPage <span class="token operator">=</span> pageManager<span class="token punctuation">.</span><span class="token function">getSelected</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong><a href="/docs/api/page.html">Page</a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/pages.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 3:38:24 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong><a href="/docs/api/page.html">Page</a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/pages.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 5:38:24 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/panels.html" class="prev"> <a href="/docs/api/panels.html" class="prev">
Panels Panels
@ -76,6 +76,6 @@ pageManager<span class="token punctuation">.</span><span class="token function">
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/42.79ad91ff.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/42.f6fc35c7.js" defer></script>
</body> </body>
</html> </html>

14
docs/api/panels.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/43.4d608218.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/43.35d956da.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -76,7 +76,7 @@
<span class="token function-variable function">command</span><span class="token operator">:</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 function-variable function">command</span><span class="token operator">:</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 operator">...</span>
<span class="token punctuation">}</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" class="header-anchor">#</a> removeButton</h2> <p>Remove button from the panel</p> <h3 id="parameters-5"><a href="#parameters-5" 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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> 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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Button's ID</li></ul> <h3 id="examples-5"><a href="#examples-5" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token 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> </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" class="header-anchor">#</a> removeButton</h2> <p>Remove button from the panel</p> <h3 id="parameters-5"><a href="#parameters-5" 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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Panel's ID</li> <li><code>button</code> <strong>any</strong></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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Button's ID</li></ul> <h3 id="examples-5"><a href="#examples-5" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token 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>
<span class="token literal-property property">id</span><span class="token operator">:</span> <span class="token string">'myNewButton'</span><span class="token punctuation">,</span> <span class="token literal-property property">id</span><span class="token operator">:</span> <span class="token string">'myNewButton'</span><span class="token punctuation">,</span>
<span class="token literal-property property">className</span><span class="token operator">:</span> <span class="token string">'someClass'</span><span class="token punctuation">,</span> <span class="token literal-property property">className</span><span class="token operator">:</span> <span class="token string">'someClass'</span><span class="token punctuation">,</span>
<span class="token literal-property property">command</span><span class="token operator">:</span> <span class="token string">'someCommand'</span><span class="token punctuation">,</span> <span class="token literal-property property">command</span><span class="token operator">:</span> <span class="token string">'someCommand'</span><span class="token punctuation">,</span>
@ -86,7 +86,7 @@
<span class="token keyword">const</span> removedButton <span class="token operator">=</span> panelManager<span class="token punctuation">.</span><span class="token function">removeButton</span><span class="token punctuation">(</span><span class="token string">'myNewPanel'</span><span class="token punctuation">,</span> <span class="token string">'myNewButton'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">const</span> removedButton <span class="token operator">=</span> panelManager<span class="token punctuation">.</span><span class="token function">removeButton</span><span class="token punctuation">(</span><span class="token string">'myNewPanel'</span><span class="token punctuation">,</span> <span class="token string">'myNewButton'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>(Button | null)</strong> Removed button.</p> <h2 id="getbutton"><a href="#getbutton" class="header-anchor">#</a> getButton</h2> <p>Get button from the panel</p> <h3 id="parameters-6"><a href="#parameters-6" 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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Panel's ID</li> <li><code>id</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Button's ID</li></ul> <h3 id="examples-6"><a href="#examples-6" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">var</span> button <span class="token operator">=</span> panelManager<span class="token punctuation">.</span><span class="token function">getButton</span><span class="token punctuation">(</span><span class="token string">'myPanel'</span><span class="token punctuation">,</span><span class="token string">'myButton'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre></div><p>Returns <strong>(Button | null)</strong> Removed button.</p> <h2 id="getbutton"><a href="#getbutton" class="header-anchor">#</a> getButton</h2> <p>Get button from the panel</p> <h3 id="parameters-6"><a href="#parameters-6" 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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Panel's ID</li> <li><code>id</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Button's ID</li></ul> <h3 id="examples-6"><a href="#examples-6" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">var</span> button <span class="token operator">=</span> panelManager<span class="token punctuation">.</span><span class="token function">getButton</span><span class="token punctuation">(</span><span class="token string">'myPanel'</span><span class="token punctuation">,</span><span class="token string">'myButton'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>(Button | null)</strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/panels.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/18/2021, 7:20:54 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong>(Button | null)</strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/panels.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">9/15/2022, 1:12:16 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/component.html" class="prev"> <a href="/docs/api/component.html" class="prev">
‍ ‍ ‍ Component ‍ ‍ ‍ Component
@ -95,6 +95,6 @@
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/43.4d608218.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/43.35d956da.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/parser.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/44.8b37fc92.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/44.5e30b5f4.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -52,11 +52,11 @@
<span class="token comment">// This will preserve the original format as, from the XML point of view, is a valid format</span> <span class="token comment">// This will preserve the original format as, from the XML point of view, is a valid format</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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Object containing the result <code>{ html: ..., css: ... }</code></p> <h2 id="parsecss"><a href="#parsecss" class="header-anchor">#</a> parseCss</h2> <p>Parse CSS string and return an array of valid definition objects for CSSRules</p> <h3 id="parameters-2"><a href="#parameters-2" class="header-anchor">#</a> Parameters</h3> <ul><li><code>input</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> CSS string to parse</li></ul> <h3 id="examples-3"><a href="#examples-3" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> res <span class="token operator">=</span> Parser<span class="token punctuation">.</span><span class="token function">parseCss</span><span class="token punctuation">(</span><span class="token string">'.cls { color: red }'</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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Object containing the result <code>{ html: ..., css: ... }</code></p> <h2 id="parsecss"><a href="#parsecss" class="header-anchor">#</a> parseCss</h2> <p>Parse CSS string and return an array of valid definition objects for CSSRules</p> <h3 id="parameters-2"><a href="#parameters-2" class="header-anchor">#</a> Parameters</h3> <ul><li><code>input</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> CSS string to parse</li></ul> <h3 id="examples-3"><a href="#examples-3" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> res <span class="token operator">=</span> Parser<span class="token punctuation">.</span><span class="token function">parseCss</span><span class="token punctuation">(</span><span class="token string">'.cls { color: red }'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// [{ ... }]</span> <span class="token comment">// [{ ... }]</span>
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>&lt;<a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>&gt;</strong> Array containing the result</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/parser.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/27/2022, 2:45:10 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>&lt;<a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>&gt;</strong> Array containing the result</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/parser.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/27/2022, 5:45:10 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/undo_manager.html" class="prev"> <a href="/docs/api/undo_manager.html" class="prev">
Undo Manager Undo Manager
</a></span> <!----></p></div> </main></div><div class="global-ui"></div></div> </a></span> <!----></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/44.8b37fc92.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/44.5e30b5f4.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/property.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/45.d5274a9c.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/45.b45ec64b.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -44,7 +44,7 @@ console<span class="token punctuation">.</span><span class="token function">log<
<span class="token comment">// { color: 'red' };</span> <span class="token comment">// { color: 'red' };</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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h3 id="getdefaultvalue"><a href="#getdefaultvalue" class="header-anchor">#</a> getDefaultValue</h3> <p>Get the default value.</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h3 id="upvalue"><a href="#upvalue" class="header-anchor">#</a> upValue</h3> <p>Update the value. </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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h3 id="getdefaultvalue"><a href="#getdefaultvalue" class="header-anchor">#</a> getDefaultValue</h3> <p>Get the default value.</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h3 id="upvalue"><a href="#upvalue" class="header-anchor">#</a> upValue</h3> <p>Update the value.
The change is also propagated to the selected targets (eg. CSS rule).</p> <h4 id="parameters-5"><a href="#parameters-5" class="header-anchor">#</a> Parameters</h4> <ul><li><p><code>value</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> New value</p></li> <li><p><code>opts</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Options (optional, default <code>{}</code>)</p> <ul><li><code>opts.partial</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> If <code>true</code> the update on targets won't be considered complete (not stored in UndoManager) (optional, default <code>false</code>)</li> <li><code>opts.noTarget</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> If <code>true</code> the change won't be propagated to selected targets. (optional, default <code>false</code>)</li></ul></li></ul> <h3 id="isvisible"><a href="#isvisible" class="header-anchor">#</a> isVisible</h3> <p>Check if the property is visible</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h3 id="clear"><a href="#clear" class="header-anchor">#</a> clear</h3> <p>Clear the value. The change is also propagated to the selected targets (eg. CSS rule).</p> <h4 id="parameters-5"><a href="#parameters-5" class="header-anchor">#</a> Parameters</h4> <ul><li><p><code>value</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> New value</p></li> <li><p><code>opts</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Options (optional, default <code>{}</code>)</p> <ul><li><code>opts.partial</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> If <code>true</code> the update on targets won't be considered complete (not stored in UndoManager) (optional, default <code>false</code>)</li> <li><code>opts.noTarget</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> If <code>true</code> the change won't be propagated to selected targets. (optional, default <code>false</code>)</li></ul></li></ul> <h3 id="isvisible"><a href="#isvisible" class="header-anchor">#</a> isVisible</h3> <p>Check if the property is visible</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h3 id="clear"><a href="#clear" class="header-anchor">#</a> clear</h3> <p>Clear the value.
The change is also propagated to the selected targets (eg. the css property is cleared).</p> <h4 id="parameters-6"><a href="#parameters-6" class="header-anchor">#</a> Parameters</h4> <ul><li><p><code>opts</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Options (optional, default <code>{}</code>)</p> <ul><li><code>opts.noTarget</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> If <code>true</code> the change won't be propagated to selected targets. (optional, default <code>false</code>)</li></ul></li></ul> <h3 id="canclear"><a href="#canclear" class="header-anchor">#</a> canClear</h3> <p>Indicates if the current value comes directly from the selected target and so can be cleared.</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h3 id="getparent"><a href="#getparent" class="header-anchor">#</a> getParent</h3> <p>If the current property is a sub-property, this will return the parent Property.</p> <p>Returns <strong>([<a href="#property">Property</a>] | null)</strong></p> <h3 id="isfull"><a href="#isfull" class="header-anchor">#</a> isFull</h3> <p>Indicates if the property is full-width in UI.</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/property.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/14/2022, 2:47:08 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> The change is also propagated to the selected targets (eg. the css property is cleared).</p> <h4 id="parameters-6"><a href="#parameters-6" class="header-anchor">#</a> Parameters</h4> <ul><li><p><code>opts</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Options (optional, default <code>{}</code>)</p> <ul><li><code>opts.noTarget</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> If <code>true</code> the change won't be propagated to selected targets. (optional, default <code>false</code>)</li></ul></li></ul> <h3 id="canclear"><a href="#canclear" class="header-anchor">#</a> canClear</h3> <p>Indicates if the current value comes directly from the selected target and so can be cleared.</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h3 id="getparent"><a href="#getparent" class="header-anchor">#</a> getParent</h3> <p>If the current property is a sub-property, this will return the parent Property.</p> <p>Returns <strong>([<a href="#property">Property</a>] | null)</strong></p> <h3 id="isfull"><a href="#isfull" class="header-anchor">#</a> isFull</h3> <p>Indicates if the property is full-width in UI.</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/property.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/14/2022, 5:47:08 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/sector.html" class="prev"> <a href="/docs/api/sector.html" class="prev">
‍ ‍ ‍ Sector ‍ ‍ ‍ Sector
@ -53,6 +53,6 @@ The change is also propagated to the selected targets (eg. the css property is c
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/45.d5274a9c.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/45.b45ec64b.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/property_composite.html

File diff suppressed because one or more lines are too long

12
docs/api/property_number.html

File diff suppressed because one or more lines are too long

12
docs/api/property_select.html

File diff suppressed because one or more lines are too long

12
docs/api/property_stack.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/49.5215a598.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/49.c2b472b1.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -57,7 +57,7 @@ property<span class="token punctuation">.</span><span class="token function">rem
</code></pre></div><p>Returns <strong>(<a href="/docs/api/layer.html">Layer</a> | null)</strong> Removed layer</p> <h3 id="getlayerlabel"><a href="#getlayerlabel" class="header-anchor">#</a> getLayerLabel</h3> <p>Get the layer label. The label can be customized with the <code>layerLabel</code> property.</p> <h4 id="parameters-8"><a href="#parameters-8" class="header-anchor">#</a> Parameters</h4> <ul><li><code>layer</code> <strong><a href="/docs/api/layer.html">Layer</a></strong></li></ul> <h4 id="examples-8"><a href="#examples-8" class="header-anchor">#</a> Examples</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> layer <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">getLayer</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre></div><p>Returns <strong>(<a href="/docs/api/layer.html">Layer</a> | null)</strong> Removed layer</p> <h3 id="getlayerlabel"><a href="#getlayerlabel" class="header-anchor">#</a> getLayerLabel</h3> <p>Get the layer label. The label can be customized with the <code>layerLabel</code> property.</p> <h4 id="parameters-8"><a href="#parameters-8" class="header-anchor">#</a> Parameters</h4> <ul><li><code>layer</code> <strong><a href="/docs/api/layer.html">Layer</a></strong></li></ul> <h4 id="examples-8"><a href="#examples-8" class="header-anchor">#</a> Examples</h4> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> layer <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">getLayer</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">const</span> label <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">getLayerLabel</span><span class="token punctuation">(</span>layer<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">const</span> label <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">getLayerLabel</span><span class="token punctuation">(</span>layer<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/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h3 id="getstylefromlayer"><a href="#getstylefromlayer" class="header-anchor">#</a> getStyleFromLayer</h3> <p>Get style object from the layer.</p> <h4 id="parameters-9"><a href="#parameters-9" class="header-anchor">#</a> Parameters</h4> <ul><li><p><code>layer</code> <strong><a href="/docs/api/layer.html">Layer</a></strong></p></li> <li><p><code>opts</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Options (optional, default <code>{}</code>)</p> <ul><li><code>opts.camelCase</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>?</strong> Return property names in camelCase.</li> <li><code>opts.number</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>?</strong> Limit the result of the number types, eg. <code>number: { min: -3, max: 3 }</code></li></ul></li></ul> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Style object</p> <h3 id="getstylepreview"><a href="#getstylepreview" class="header-anchor">#</a> getStylePreview</h3> <p>Get preview style object from the layer. </code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">String<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h3 id="getstylefromlayer"><a href="#getstylefromlayer" class="header-anchor">#</a> getStyleFromLayer</h3> <p>Get style object from the layer.</p> <h4 id="parameters-9"><a href="#parameters-9" class="header-anchor">#</a> Parameters</h4> <ul><li><p><code>layer</code> <strong><a href="/docs/api/layer.html">Layer</a></strong></p></li> <li><p><code>opts</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Options (optional, default <code>{}</code>)</p> <ul><li><code>opts.camelCase</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>?</strong> Return property names in camelCase.</li> <li><code>opts.number</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>?</strong> Limit the result of the number types, eg. <code>number: { min: -3, max: 3 }</code></li></ul></li></ul> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Style object</p> <h3 id="getstylepreview"><a href="#getstylepreview" class="header-anchor">#</a> getStylePreview</h3> <p>Get preview style object from the layer.
If the property has <code>preview: false</code> the returned object will be empty.</p> <h4 id="parameters-10"><a href="#parameters-10" class="header-anchor">#</a> Parameters</h4> <ul><li><code>layer</code> <strong><a href="/docs/api/layer.html">Layer</a></strong></li> <li><code>opts</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Options. Same of <code>getStyleFromLayer</code> (optional, default <code>{}</code>)</li></ul> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Style object</p> <h3 id="getlayerseparator"><a href="#getlayerseparator" class="header-anchor">#</a> getLayerSeparator</h3> <p>Get layer separator.</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/RegExp" target="_blank" rel="noopener noreferrer">RegExp<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/property_stack.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/10/2022, 5:39:16 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> If the property has <code>preview: false</code> the returned object will be empty.</p> <h4 id="parameters-10"><a href="#parameters-10" class="header-anchor">#</a> Parameters</h4> <ul><li><code>layer</code> <strong><a href="/docs/api/layer.html">Layer</a></strong></li> <li><code>opts</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Options. Same of <code>getStyleFromLayer</code> (optional, default <code>{}</code>)</li></ul> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Style object</p> <h3 id="getlayerseparator"><a href="#getlayerseparator" class="header-anchor">#</a> getLayerSeparator</h3> <p>Get layer separator.</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/RegExp" target="_blank" rel="noopener noreferrer">RegExp<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/property_stack.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/10/2022, 8:39:16 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/property_composite.html" class="prev"> <a href="/docs/api/property_composite.html" class="prev">
‍ ‍ ‍ PropertyComposite ‍ ‍ ‍ PropertyComposite
@ -66,6 +66,6 @@ If the property has <code>preview: false</code> the returned object will be empt
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/49.5215a598.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/49.c2b472b1.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/rich_text_editor.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/50.32d89d84.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/50.2f95ea4d.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -105,7 +105,7 @@ rte<span class="token punctuation">.</span><span class="token function">add</spa
<span class="token comment">// {name: 'bold', ...}</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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="getall"><a href="#getall" 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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="remove"><a href="#remove" class="header-anchor">#</a> remove</h2> <p>Remove the action from the toolbar</p> <h3 id="parameters-3"><a href="#parameters-3" 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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></li></ul> <h3 id="examples-3"><a href="#examples-3" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> 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> </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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="getall"><a href="#getall" 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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="remove"><a href="#remove" class="header-anchor">#</a> remove</h2> <p>Remove the action from the toolbar</p> <h3 id="parameters-3"><a href="#parameters-3" 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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></li></ul> <h3 id="examples-3"><a href="#examples-3" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> 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> <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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Removed action</p> <h2 id="gettoolbarel"><a href="#gettoolbarel" class="header-anchor">#</a> getToolbarEl</h2> <p>Get the toolbar element</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/HTML/Element" target="_blank" rel="noopener noreferrer">HTMLElement<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/rich_text_editor.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">12/30/2021, 1:29:27 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Removed action</p> <h2 id="gettoolbarel"><a href="#gettoolbarel" class="header-anchor">#</a> getToolbarEl</h2> <p>Get the toolbar element</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/HTML/Element" target="_blank" rel="noopener noreferrer">HTMLElement<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/rich_text_editor.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">12/30/2021, 4:29:27 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/modal_dialog.html" class="prev"> <a href="/docs/api/modal_dialog.html" class="prev">
Modal Modal
@ -114,6 +114,6 @@ rte<span class="token punctuation">.</span><span class="token function">add</spa
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/50.32d89d84.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/50.2f95ea4d.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/sector.html

File diff suppressed because one or more lines are too long

12
docs/api/selector.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/52.c4bc8bcb.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/52.07f761da.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -44,7 +44,7 @@ console<span class="token punctuation">.</span><span class="token function">log<
selector<span class="token punctuation">.</span><span class="token function">setLabel</span><span class="token punctuation">(</span><span class="token string">'New Label'</span><span class="token punctuation">)</span> selector<span class="token punctuation">.</span><span class="token function">setLabel</span><span class="token punctuation">(</span><span class="token string">'New Label'</span><span class="token punctuation">)</span>
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>selector<span class="token punctuation">.</span><span class="token function">getLabel</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>selector<span class="token punctuation">.</span><span class="token function">getLabel</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; `New Label`</span> <span class="token comment">// -&gt; `New Label`</span>
</code></pre></div><h3 id="getactive"><a href="#getactive" class="header-anchor">#</a> getActive</h3> <p>Get selector active state.</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h3 id="setactive"><a href="#setactive" class="header-anchor">#</a> setActive</h3> <p>Update selector active state.</p> <h4 id="parameters-2"><a href="#parameters-2" class="header-anchor">#</a> Parameters</h4> <ul><li><code>value</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> New active state</li></ul></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/selector.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">10/27/2021, 4:29:47 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><h3 id="getactive"><a href="#getactive" class="header-anchor">#</a> getActive</h3> <p>Get selector active state.</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h3 id="setactive"><a href="#setactive" class="header-anchor">#</a> setActive</h3> <p>Update selector active state.</p> <h4 id="parameters-2"><a href="#parameters-2" class="header-anchor">#</a> Parameters</h4> <ul><li><code>value</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> New active state</li></ul></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/selector.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">10/27/2021, 6:29:47 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/selector_manager.html" class="prev"> <a href="/docs/api/selector_manager.html" class="prev">
Selector Manager Selector Manager
@ -53,6 +53,6 @@ console<span class="token punctuation">.</span><span class="token function">log<
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/52.c4bc8bcb.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/52.07f761da.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/selector_manager.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/53.e64883b5.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/53.133a17a4.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -77,7 +77,7 @@ console<span class="token punctuation">.</span><span class="token function">log<
console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>targetsToStyle<span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token parameter">target</span> <span class="token operator">=&gt;</span> target<span class="token punctuation">.</span><span class="token function">getSelectorsString</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">)</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>targetsToStyle<span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token parameter">target</span> <span class="token operator">=&gt;</span> target<span class="token punctuation">.</span><span class="token function">getSelectorsString</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">)</span>
</code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>&lt;(<a href="/docs/api/component.html">Component</a> | <a href="/docs/api/css_rule.html">CssRule</a>)&gt;</strong></p> <h2 id="setcomponentfirst"><a href="#setcomponentfirst" class="header-anchor">#</a> setComponentFirst</h2> <p>Update component-first option. </code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>&lt;(<a href="/docs/api/component.html">Component</a> | <a href="/docs/api/css_rule.html">CssRule</a>)&gt;</strong></p> <h2 id="setcomponentfirst"><a href="#setcomponentfirst" class="header-anchor">#</a> setComponentFirst</h2> <p>Update component-first option.
If the component-first is enabled, all the style changes will be applied on selected components (ID rules) instead If the component-first is enabled, all the style changes will be applied on selected components (ID rules) instead
of selectors (which would change styles on all components with those classes).</p> <h3 id="parameters-8"><a href="#parameters-8" class="header-anchor">#</a> Parameters</h3> <ul><li><code>value</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></li></ul> <h2 id="getcomponentfirst"><a href="#getcomponentfirst" class="header-anchor">#</a> getComponentFirst</h2> <p>Get the value of component-first option.</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="getall"><a href="#getall" class="header-anchor">#</a> getAll</h2> <p>Get all selectors</p> <p>Returns <strong>Collection&lt;<a href="/docs/api/selector.html">Selector</a>&gt;</strong></p></div> <footer 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> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 3:38:24 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> of selectors (which would change styles on all components with those classes).</p> <h3 id="parameters-8"><a href="#parameters-8" class="header-anchor">#</a> Parameters</h3> <ul><li><code>value</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></li></ul> <h2 id="getcomponentfirst"><a href="#getcomponentfirst" class="header-anchor">#</a> getComponentFirst</h2> <p>Get the value of component-first option.</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="getall"><a href="#getall" class="header-anchor">#</a> getAll</h2> <p>Get all selectors</p> <p>Returns <strong>Collection&lt;<a href="/docs/api/selector.html">Selector</a>&gt;</strong></p></div> <footer 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> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 5:38:24 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/device.html" class="prev"> <a href="/docs/api/device.html" class="prev">
‍ ‍ ‍ Device ‍ ‍ ‍ Device
@ -86,6 +86,6 @@ of selectors (which would change styles on all components with those classes).</
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/53.e64883b5.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/53.133a17a4.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/state.html

File diff suppressed because one or more lines are too long

12
docs/api/storage_manager.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/55.579bdc4b.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/55.6455a425.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -57,7 +57,7 @@ storageManager<span class="token punctuation">.</span><span class="token functio
<span class="token keyword">await</span> storageManager<span class="token punctuation">.</span><span class="token function">store</span><span class="token punctuation">(</span>data<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">await</span> storageManager<span class="token punctuation">.</span><span class="token function">store</span><span class="token punctuation">(</span>data<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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Stored data.</p> <h2 id="load"><a href="#load" class="header-anchor">#</a> load</h2> <p>Load resource from the current storage by keys</p> <h3 id="parameters-8"><a href="#parameters-8" class="header-anchor">#</a> Parameters</h3> <ul><li><code>options</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>?</strong> Storage options. (optional, default <code>{}</code>)</li></ul> <h3 id="examples-3"><a href="#examples-3" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> data <span class="token operator">=</span> <span class="token keyword">await</span> storageManager<span class="token punctuation">.</span><span class="token function">load</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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Stored data.</p> <h2 id="load"><a href="#load" class="header-anchor">#</a> load</h2> <p>Load resource from the current storage by keys</p> <h3 id="parameters-8"><a href="#parameters-8" class="header-anchor">#</a> Parameters</h3> <ul><li><code>options</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>?</strong> Storage options. (optional, default <code>{}</code>)</li></ul> <h3 id="examples-3"><a href="#examples-3" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> data <span class="token operator">=</span> <span class="token keyword">await</span> storageManager<span class="token punctuation">.</span><span class="token function">load</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
editor<span class="token punctuation">.</span><span class="token function">loadProjectData</span><span class="token punctuation">(</span>data<span class="token punctuation">)</span><span class="token punctuation">;</span> editor<span class="token punctuation">.</span><span class="token function">loadProjectData</span><span class="token punctuation">(</span>data<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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Loaded data.</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/storage_manager.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 3:38:24 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank" rel="noopener noreferrer">Object<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Loaded data.</p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/storage_manager.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 5:38:24 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/layer.html" class="prev"> <a href="/docs/api/layer.html" class="prev">
‍ ‍ ‍ Layer ‍ ‍ ‍ Layer
@ -66,6 +66,6 @@ editor<span class="token punctuation">.</span><span class="token function">loadP
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/55.579bdc4b.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/55.6455a425.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/style_manager.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/56.1561016d.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/57.2d694b14.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/56.ecabfa1f.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/57.220b8cb9.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -107,7 +107,7 @@ If the property exists already, it will extend it.</p> <h3 id="parameters-12"><a
<span class="token comment">// Clean the memory from side effects if necessary (eg. global event listeners, etc.)</span> <span class="token comment">// Clean the memory from side effects if necessary (eg. global event listeners, etc.)</span>
<span class="token function">destroy</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">destroy</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>
</code></pre></div><h2 id="gettype"><a href="#gettype" class="header-anchor">#</a> getType</h2> <p>Get type</p> <h3 id="parameters-14"><a href="#parameters-14" class="header-anchor">#</a> Parameters</h3> <ul><li><code>id</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> 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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Type definition</p> <h2 id="gettypes"><a href="#gettypes" class="header-anchor">#</a> getTypes</h2> <p>Get all types</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/style_manager.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/14/2022, 2:47:08 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><h2 id="gettype"><a href="#gettype" class="header-anchor">#</a> getType</h2> <p>Get type</p> <h3 id="parameters-14"><a href="#parameters-14" class="header-anchor">#</a> Parameters</h3> <ul><li><code>id</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank" rel="noopener noreferrer">string<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> 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<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong> Type definition</p> <h2 id="gettypes"><a href="#gettypes" class="header-anchor">#</a> getTypes</h2> <p>Get all types</p> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank" rel="noopener noreferrer">Array<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/style_manager.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">1/14/2022, 5:47:08 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/layer_manager.html" class="prev"> <a href="/docs/api/layer_manager.html" class="prev">
Layers Layers
@ -116,6 +116,6 @@ If the property exists already, it will extend it.</p> <h3 id="parameters-12"><a
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/56.1561016d.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/56.ecabfa1f.js" defer></script>
</body> </body>
</html> </html>

12
docs/api/undo_manager.html

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>GrapesJS</title> <title>GrapesJS</title>
<meta name="generator" content="VuePress 1.8.2"> <meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/docs/logo-icon.png"> <link rel="icon" href="/docs/logo-icon.png">
<link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1"> <link rel="stylesheet" href="https://grapesjs.com/stylesheets/grapes.min.css?v0.20.1">
<script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script> <script src="https://grapesjs.com/js/grapes.min.js?v0.20.1"></script>
<meta name="description" content="GrapesJS documentation"> <meta name="description" content="GrapesJS documentation">
<link rel="preload" href="/docs/assets/css/0.styles.e436248b.css" as="style"><link rel="preload" href="/docs/assets/js/app.dd84d164.js" as="script"><link rel="preload" href="/docs/assets/js/11.4d9adeab.js" as="script"><link rel="preload" href="/docs/assets/js/2.8548a83e.js" as="script"><link rel="preload" href="/docs/assets/js/57.2d694b14.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b8f1122d.js"><link rel="prefetch" href="/docs/assets/js/12.4380b50e.js"><link rel="prefetch" href="/docs/assets/js/13.e2e5fc8d.js"><link rel="prefetch" href="/docs/assets/js/14.b3e88f18.js"><link rel="prefetch" href="/docs/assets/js/15.5fe6ed8b.js"><link rel="prefetch" href="/docs/assets/js/16.2749e923.js"><link rel="prefetch" href="/docs/assets/js/17.0f11e6ce.js"><link rel="prefetch" href="/docs/assets/js/18.1a9fd0b1.js"><link rel="prefetch" href="/docs/assets/js/19.5595cf96.js"><link rel="prefetch" href="/docs/assets/js/20.efb8f37c.js"><link rel="prefetch" href="/docs/assets/js/21.a4a9f558.js"><link rel="prefetch" href="/docs/assets/js/22.67aecbbc.js"><link rel="prefetch" href="/docs/assets/js/23.fb78379a.js"><link rel="prefetch" href="/docs/assets/js/24.411ecf3a.js"><link rel="prefetch" href="/docs/assets/js/25.4c566f71.js"><link rel="prefetch" href="/docs/assets/js/26.05157df2.js"><link rel="prefetch" href="/docs/assets/js/27.fb29b109.js"><link rel="prefetch" href="/docs/assets/js/28.30853f42.js"><link rel="prefetch" href="/docs/assets/js/29.6e51704e.js"><link rel="prefetch" href="/docs/assets/js/3.9afc330f.js"><link rel="prefetch" href="/docs/assets/js/30.3ad70940.js"><link rel="prefetch" href="/docs/assets/js/31.3f953803.js"><link rel="prefetch" href="/docs/assets/js/32.04a7eec6.js"><link rel="prefetch" href="/docs/assets/js/33.e45d78bc.js"><link rel="prefetch" href="/docs/assets/js/34.78e7d884.js"><link rel="prefetch" href="/docs/assets/js/35.cb782205.js"><link rel="prefetch" href="/docs/assets/js/36.8091d2a6.js"><link rel="prefetch" href="/docs/assets/js/37.0fddc76a.js"><link rel="prefetch" href="/docs/assets/js/38.df425c7c.js"><link rel="prefetch" href="/docs/assets/js/39.afa54352.js"><link rel="prefetch" href="/docs/assets/js/4.1ed647e2.js"><link rel="prefetch" href="/docs/assets/js/40.95244c63.js"><link rel="prefetch" href="/docs/assets/js/41.e90d0338.js"><link rel="prefetch" href="/docs/assets/js/42.79ad91ff.js"><link rel="prefetch" href="/docs/assets/js/43.4d608218.js"><link rel="prefetch" href="/docs/assets/js/44.8b37fc92.js"><link rel="prefetch" href="/docs/assets/js/45.d5274a9c.js"><link rel="prefetch" href="/docs/assets/js/46.15c29551.js"><link rel="prefetch" href="/docs/assets/js/47.7295c4da.js"><link rel="prefetch" href="/docs/assets/js/48.fa3cf0cb.js"><link rel="prefetch" href="/docs/assets/js/49.5215a598.js"><link rel="prefetch" href="/docs/assets/js/5.c195c270.js"><link rel="prefetch" href="/docs/assets/js/50.32d89d84.js"><link rel="prefetch" href="/docs/assets/js/51.031e6dcd.js"><link rel="prefetch" href="/docs/assets/js/52.c4bc8bcb.js"><link rel="prefetch" href="/docs/assets/js/53.e64883b5.js"><link rel="prefetch" href="/docs/assets/js/54.47ab0c01.js"><link rel="prefetch" href="/docs/assets/js/55.579bdc4b.js"><link rel="prefetch" href="/docs/assets/js/56.1561016d.js"><link rel="prefetch" href="/docs/assets/js/58.68ae9d46.js"><link rel="prefetch" href="/docs/assets/js/59.24db953c.js"><link rel="prefetch" href="/docs/assets/js/6.c1cef592.js"><link rel="prefetch" href="/docs/assets/js/60.893edf9b.js"><link rel="prefetch" href="/docs/assets/js/61.c7b4ec6c.js"><link rel="prefetch" href="/docs/assets/js/62.adb377b9.js"><link rel="prefetch" href="/docs/assets/js/63.3dc11bed.js"><link rel="prefetch" href="/docs/assets/js/64.05e11b45.js"><link rel="prefetch" href="/docs/assets/js/65.d02550fa.js"><link rel="prefetch" href="/docs/assets/js/66.072fe07f.js"><link rel="prefetch" href="/docs/assets/js/67.5ed08f6d.js"><link rel="prefetch" href="/docs/assets/js/68.0a55007b.js"><link rel="prefetch" href="/docs/assets/js/69.1c86d598.js"><link rel="prefetch" href="/docs/assets/js/7.2b8ec524.js"><link rel="prefetch" href="/docs/assets/js/70.766caa71.js"><link rel="prefetch" href="/docs/assets/js/71.497d7abc.js"><link rel="prefetch" href="/docs/assets/js/72.fd0e2937.js"><link rel="prefetch" href="/docs/assets/js/73.66f004dc.js"><link rel="prefetch" href="/docs/assets/js/74.7ac5115f.js"><link rel="prefetch" href="/docs/assets/js/8.d31a4ddf.js"><link rel="prefetch" href="/docs/assets/js/9.bc6c23c0.js"> <link rel="preload" href="/docs/assets/css/0.styles.6349c0a4.css" as="style"><link rel="preload" href="/docs/assets/js/app.80738b64.js" as="script"><link rel="preload" href="/docs/assets/js/11.905ee507.js" as="script"><link rel="preload" href="/docs/assets/js/2.789685b7.js" as="script"><link rel="preload" href="/docs/assets/js/57.220b8cb9.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.b611ebf8.js"><link rel="prefetch" href="/docs/assets/js/12.7e617b34.js"><link rel="prefetch" href="/docs/assets/js/13.ea89d421.js"><link rel="prefetch" href="/docs/assets/js/14.3fe95cca.js"><link rel="prefetch" href="/docs/assets/js/15.12da73ac.js"><link rel="prefetch" href="/docs/assets/js/16.28089c68.js"><link rel="prefetch" href="/docs/assets/js/17.aba1b0c9.js"><link rel="prefetch" href="/docs/assets/js/18.59b405cc.js"><link rel="prefetch" href="/docs/assets/js/19.762bed57.js"><link rel="prefetch" href="/docs/assets/js/20.ce4f0990.js"><link rel="prefetch" href="/docs/assets/js/21.8428e67f.js"><link rel="prefetch" href="/docs/assets/js/22.e67f98fb.js"><link rel="prefetch" href="/docs/assets/js/23.3478a255.js"><link rel="prefetch" href="/docs/assets/js/24.4acb3e17.js"><link rel="prefetch" href="/docs/assets/js/25.000470f4.js"><link rel="prefetch" href="/docs/assets/js/26.34dd40e9.js"><link rel="prefetch" href="/docs/assets/js/27.590efc91.js"><link rel="prefetch" href="/docs/assets/js/28.4a546827.js"><link rel="prefetch" href="/docs/assets/js/29.06fa0e4b.js"><link rel="prefetch" href="/docs/assets/js/3.6d46cbb4.js"><link rel="prefetch" href="/docs/assets/js/30.90c84634.js"><link rel="prefetch" href="/docs/assets/js/31.107894dd.js"><link rel="prefetch" href="/docs/assets/js/32.bd8b1f7a.js"><link rel="prefetch" href="/docs/assets/js/33.bf80ccde.js"><link rel="prefetch" href="/docs/assets/js/34.6f9e211e.js"><link rel="prefetch" href="/docs/assets/js/35.dae21f45.js"><link rel="prefetch" href="/docs/assets/js/36.7637f557.js"><link rel="prefetch" href="/docs/assets/js/37.45c55c02.js"><link rel="prefetch" href="/docs/assets/js/38.de4a4691.js"><link rel="prefetch" href="/docs/assets/js/39.1173d4bd.js"><link rel="prefetch" href="/docs/assets/js/4.a96caa0e.js"><link rel="prefetch" href="/docs/assets/js/40.9fd75f1f.js"><link rel="prefetch" href="/docs/assets/js/41.61db9d6a.js"><link rel="prefetch" href="/docs/assets/js/42.f6fc35c7.js"><link rel="prefetch" href="/docs/assets/js/43.35d956da.js"><link rel="prefetch" href="/docs/assets/js/44.5e30b5f4.js"><link rel="prefetch" href="/docs/assets/js/45.b45ec64b.js"><link rel="prefetch" href="/docs/assets/js/46.84c4f007.js"><link rel="prefetch" href="/docs/assets/js/47.97691474.js"><link rel="prefetch" href="/docs/assets/js/48.de45fade.js"><link rel="prefetch" href="/docs/assets/js/49.c2b472b1.js"><link rel="prefetch" href="/docs/assets/js/5.09e23246.js"><link rel="prefetch" href="/docs/assets/js/50.2f95ea4d.js"><link rel="prefetch" href="/docs/assets/js/51.368d59fe.js"><link rel="prefetch" href="/docs/assets/js/52.07f761da.js"><link rel="prefetch" href="/docs/assets/js/53.133a17a4.js"><link rel="prefetch" href="/docs/assets/js/54.00f25b20.js"><link rel="prefetch" href="/docs/assets/js/55.6455a425.js"><link rel="prefetch" href="/docs/assets/js/56.ecabfa1f.js"><link rel="prefetch" href="/docs/assets/js/58.33d5b6d2.js"><link rel="prefetch" href="/docs/assets/js/59.50639267.js"><link rel="prefetch" href="/docs/assets/js/6.65ea4bd5.js"><link rel="prefetch" href="/docs/assets/js/60.682e1f97.js"><link rel="prefetch" href="/docs/assets/js/61.3c04beb2.js"><link rel="prefetch" href="/docs/assets/js/62.cf4b6d51.js"><link rel="prefetch" href="/docs/assets/js/63.20b964c9.js"><link rel="prefetch" href="/docs/assets/js/64.3e63ea36.js"><link rel="prefetch" href="/docs/assets/js/65.f6cfc03c.js"><link rel="prefetch" href="/docs/assets/js/66.aafbde31.js"><link rel="prefetch" href="/docs/assets/js/67.512c1bce.js"><link rel="prefetch" href="/docs/assets/js/68.5d0fd73e.js"><link rel="prefetch" href="/docs/assets/js/69.336907b8.js"><link rel="prefetch" href="/docs/assets/js/7.ad94be7a.js"><link rel="prefetch" href="/docs/assets/js/70.b895ef5d.js"><link rel="prefetch" href="/docs/assets/js/71.936899d0.js"><link rel="prefetch" href="/docs/assets/js/72.9103d3d6.js"><link rel="prefetch" href="/docs/assets/js/73.b49fb166.js"><link rel="prefetch" href="/docs/assets/js/74.064778f4.js"><link rel="prefetch" href="/docs/assets/js/8.9f6d8a0a.js"><link rel="prefetch" href="/docs/assets/js/9.31b45411.js">
<link rel="stylesheet" href="/docs/assets/css/0.styles.e436248b.css"> <link rel="stylesheet" href="/docs/assets/css/0.styles.6349c0a4.css">
</head> </head>
<body> <body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link"> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><img src="/docs/logo.png" alt="GrapesJS" class="logo"> <span class="site-name can-hide">GrapesJS</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/" class="nav-link">
@ -54,7 +54,7 @@ Note: New Components and CSSRules will be added automatically</p> <h3 id="parame
Note: New Components and CSSRules will be added automatically</p> <h3 id="parameters-5"><a href="#parameters-5" class="header-anchor">#</a> Parameters</h3> <ul><li><code>obj</code></li> <li><code>entity</code> <strong>(Model | Collection)</strong> Entity to track</li></ul> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="getstack"><a href="#getstack" class="header-anchor">#</a> getStack</h2> <p>Get stack of changes</p> <h3 id="examples-13"><a href="#examples-13" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> stack <span class="token operator">=</span> um<span class="token punctuation">.</span><span class="token function">getStack</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> Note: New Components and CSSRules will be added automatically</p> <h3 id="parameters-5"><a href="#parameters-5" class="header-anchor">#</a> Parameters</h3> <ul><li><code>obj</code></li> <li><code>entity</code> <strong>(Model | Collection)</strong> Entity to track</li></ul> <p>Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank" rel="noopener noreferrer">Boolean<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></strong></p> <h2 id="getstack"><a href="#getstack" class="header-anchor">#</a> getStack</h2> <p>Get stack of changes</p> <h3 id="examples-13"><a href="#examples-13" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code><span class="token keyword">const</span> stack <span class="token operator">=</span> um<span class="token punctuation">.</span><span class="token function">getStack</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
stack<span class="token punctuation">.</span><span class="token function">each</span><span class="token punctuation">(</span><span class="token parameter">item</span> <span class="token operator">=&gt;</span> <span class="token operator">...</span><span class="token punctuation">)</span><span class="token punctuation">;</span> stack<span class="token punctuation">.</span><span class="token function">each</span><span class="token punctuation">(</span><span class="token parameter">item</span> <span class="token operator">=&gt;</span> <span class="token operator">...</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>Collection</strong></p> <h2 id="clear"><a href="#clear" class="header-anchor">#</a> clear</h2> <p>Clear the stack</p> <h3 id="examples-14"><a href="#examples-14" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code>um<span class="token punctuation">.</span><span class="token function">clear</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre></div><p>Returns <strong>Collection</strong></p> <h2 id="clear"><a href="#clear" class="header-anchor">#</a> clear</h2> <p>Clear the stack</p> <h3 id="examples-14"><a href="#examples-14" class="header-anchor">#</a> Examples</h3> <div class="language-javascript extra-class"><pre class="language-javascript"><code>um<span class="token punctuation">.</span><span class="token function">clear</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div><p>Returns <strong>this</strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/undo_manager.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 4:22:17 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"> </code></pre></div><p>Returns <strong>this</strong></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/artf/grapesjs/edit/dev/docs/api/undo_manager.md" target="_blank" rel="noopener noreferrer">Edit this page on GitHub</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">6/2/2022, 6:22:17 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
← ←
<a href="/docs/api/keymaps.html" class="prev"> <a href="/docs/api/keymaps.html" class="prev">
Keymaps Keymaps
@ -63,6 +63,6 @@ stack<span class="token punctuation">.</span><span class="token function">each</
</a> </a>
→ →
</span></p></div> </main></div><div class="global-ui"></div></div> </span></p></div> </main></div><div class="global-ui"></div></div>
<script src="/docs/assets/js/app.dd84d164.js" defer></script><script src="/docs/assets/js/11.4d9adeab.js" defer></script><script src="/docs/assets/js/2.8548a83e.js" defer></script><script src="/docs/assets/js/57.2d694b14.js" defer></script> <script src="/docs/assets/js/app.80738b64.js" defer></script><script src="/docs/assets/js/11.905ee507.js" defer></script><script src="/docs/assets/js/2.789685b7.js" defer></script><script src="/docs/assets/js/57.220b8cb9.js" defer></script>
</body> </body>
</html> </html>

1
docs/assets/css/0.styles.6349c0a4.css

File diff suppressed because one or more lines are too long

1
docs/assets/css/0.styles.e436248b.css

File diff suppressed because one or more lines are too long

1
docs/assets/js/10.b611ebf8.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/10.b8f1122d.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/11.4d9adeab.js

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

1
docs/assets/js/11.905ee507.js

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

1
docs/assets/js/12.4380b50e.js

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

1
docs/assets/js/12.7e617b34.js

@ -0,0 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{250:function(t,n,s){},279:function(t,n,s){"use strict";s(250)},362:function(t,n,s){"use strict";s.r(n);s(279);var i=s(13),c=Object(i.a)({},(function(){return(0,this._self._c)("div",{staticClass:"demo-container"},[this._t("default")],2)}),[],!1,null,"b3715568",null);n.default=c.exports}}]);

1
docs/assets/js/13.e2e5fc8d.js

@ -1 +0,0 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{350:function(n,t,e){},353:function(n,t,e){"use strict";e(350)},389:function(n,t,e){"use strict";e.r(t);var a={render:function(n){return n("div",{class:"carbon-ads",attrs:{id:"native-carbon"}})},mounted:function(){window.BSANativeCallback=function(n){if(!n.ads.length){var t=document.createElement("script");t.src="//cdn.carbonads.com/carbon.js?serve=CEAIVK77&placement=grapesjscom",t.setAttribute("id","_carbonads_js");var e=document.getElementById("native-carbon");e&&e.appendChild(t)}},this.load()},watch:{$route:function(n,t){n.path!==t.path&&this.$el.querySelector("#carbonads")&&(this.$el.innerHTML="",this.load())}},methods:{initCarbon:function(){var n=window._bsa;void 0!==n&&n&&n.init("default","CK7I62QJ","placement:grapesjscomdocs",{target:"#native-carbon"})},load:function(){var n=this,t=document.createElement("script");t.src="//m.servedby-buysellads.com/monetization.js",t.onload=function(){return n.initCarbon()},this.$el.appendChild(t)}}},o=(e(353),e(56)),i=Object(o.a)(a,void 0,void 0,!1,null,null,null);t.default=i.exports}}]);

1
docs/assets/js/13.ea89d421.js

@ -0,0 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{234:function(t,e,n){},235:function(t,e,n){"use strict";n(234)},264:function(t,e,n){"use strict";n.r(e);var a={render:t=>t("div",{class:"carbon-ads",attrs:{id:"native-carbon"}}),mounted(){window.BSANativeCallback=t=>{if(!t.ads.length){const t=document.createElement("script");t.src="//cdn.carbonads.com/carbon.js?serve=CEAIVK77&placement=grapesjscom",t.setAttribute("id","_carbonads_js");const e=document.getElementById("native-carbon");e&&e.appendChild(t)}},this.load()},watch:{$route(t,e){t.path!==e.path&&this.$el.querySelector("#carbonads")&&(this.$el.innerHTML="",this.load())}},methods:{initCarbon(){const{_bsa:t}=window;void 0!==t&&t&&t.init("default","CK7I62QJ","placement:grapesjscomdocs",{target:"#native-carbon"})},load(){const t=document.createElement("script");t.src="//m.servedby-buysellads.com/monetization.js",t.onload=()=>this.initCarbon(),this.$el.appendChild(t)}}},o=(n(235),n(13)),s=Object(o.a)(a,void 0,void 0,!1,null,null,null);e.default=s.exports}}]);

1
docs/assets/js/14.3fe95cca.js

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

1
docs/assets/js/14.b3e88f18.js

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

1
docs/assets/js/15.12da73ac.js

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

1
docs/assets/js/15.5fe6ed8b.js

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

1
docs/assets/js/16.2749e923.js

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

1
docs/assets/js/16.28089c68.js

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

1
docs/assets/js/17.0f11e6ce.js

@ -1 +0,0 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{491:function(e,t,r){"use strict";r.r(t);r(199);var n={name:"DemoViewer",props:{value:{type:String,default:""},user:{type:String,default:"artur_arseniev"},width:{type:String,default:"100%"},height:{type:String,default:"300"},darkcode:{type:Boolean,default:!1}},computed:{src:function(){var e=this.value,t=this.user,r=this.darkcode?"/dark/?menuColor=fff&fontColor=333&accentColor=e67891":"";return"//jsfiddle.net/".concat(t,"/").concat(e,"/embedded/js,html,css,result").concat(r)}}},a=r(56),l=Object(a.a)(n,(function(){var e=this.$createElement;return(this._self._c||e)("iframe",{attrs:{width:this.width,height:this.height,src:this.src,allowfullscreen:"allowfullscreen",frameborder:"0"}})}),[],!1,null,null,null);t.default=l.exports}}]);

1
docs/assets/js/17.aba1b0c9.js

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

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

1
docs/assets/js/18.59b405cc.js

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

1
docs/assets/js/19.5595cf96.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/19.762bed57.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/2.789685b7.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/2.8548a83e.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/20.ce4f0990.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/20.efb8f37c.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/21.8428e67f.js

@ -0,0 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{367:function(t,e,s){"use strict";s.r(e);var o=s(13),a=Object(o.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"api-reference"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api-reference"}},[this._v("#")]),this._v(" API Reference")]),this._v(" "),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("RouterLink",{attrs:{to:"/modules/Plugins.html"}},[this._v("create a plugin")]),this._v(" and make those extensions reusable and available to others.")],1)])}),[],!1,null,null,null);e.default=a.exports}}]);

1
docs/assets/js/21.a4a9f558.js

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

1
docs/assets/js/22.67aecbbc.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/22.e67f98fb.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/23.3478a255.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/23.fb78379a.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/24.411ecf3a.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/24.4acb3e17.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/25.000470f4.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/25.4c566f71.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/26.05157df2.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/26.34dd40e9.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/27.590efc91.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/27.fb29b109.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/28.30853f42.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/28.4a546827.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/29.06fa0e4b.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/29.6e51704e.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/3.6d46cbb4.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/3.9afc330f.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/30.3ad70940.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/30.90c84634.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/31.107894dd.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/31.3f953803.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/32.04a7eec6.js

@ -1 +0,0 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[32],{509:function(e,r,t){"use strict";t.r(r);var o=t(56),i=Object(o.a)({},(function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h2",{attrs:{id:"device"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#device"}},[e._v("#")]),e._v(" Device")]),e._v(" "),t("h3",{attrs:{id:"properties"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[e._v("#")]),e._v(" Properties")]),e._v(" "),t("ul",[t("li",[t("code",[e._v("name")]),e._v(" "),t("strong",[t("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String",target:"_blank",rel:"noopener noreferrer"}},[e._v("String"),t("OutboundLink")],1),e._v("?")]),e._v(" Device type, eg. "),t("code",[e._v("Mobile")])]),e._v(" "),t("li",[t("code",[e._v("width")]),e._v(" "),t("strong",[t("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String",target:"_blank",rel:"noopener noreferrer"}},[e._v("String"),t("OutboundLink")],1),e._v("?")]),e._v(" Width to set for the editor iframe, eg. '900px'")]),e._v(" "),t("li",[t("code",[e._v("height")]),e._v(" "),t("strong",[t("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String",target:"_blank",rel:"noopener noreferrer"}},[e._v("String"),t("OutboundLink")],1),e._v("?")]),e._v(" Height to set for the editor iframe, eg. '600px'")]),e._v(" "),t("li",[t("code",[e._v("widthMedia")]),e._v(" "),t("strong",[t("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String",target:"_blank",rel:"noopener noreferrer"}},[e._v("String"),t("OutboundLink")],1),e._v("?")]),e._v(" The width which will be used in media queries, If empty the width will be used")]),e._v(" "),t("li",[t("code",[e._v("priority")]),e._v(" "),t("strong",[t("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number",target:"_blank",rel:"noopener noreferrer"}},[e._v("Number"),t("OutboundLink")],1),e._v("?")]),e._v(" Setup the order of media queries")])])])}),[],!1,null,null,null);r.default=i.exports}}]);

1
docs/assets/js/32.bd8b1f7a.js

@ -0,0 +1 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[32],{377:function(e,r,t){"use strict";t.r(r);var o=t(13),i=Object(o.a)({},(function(){var e=this,r=e._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("h2",{attrs:{id:"device"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#device"}},[e._v("#")]),e._v(" Device")]),e._v(" "),r("h3",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[e._v("#")]),e._v(" Properties")]),e._v(" "),r("ul",[r("li",[r("code",[e._v("name")]),e._v(" "),r("strong",[r("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String",target:"_blank",rel:"noopener noreferrer"}},[e._v("String"),r("OutboundLink")],1),e._v("?")]),e._v(" Device type, eg. "),r("code",[e._v("Mobile")])]),e._v(" "),r("li",[r("code",[e._v("width")]),e._v(" "),r("strong",[r("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String",target:"_blank",rel:"noopener noreferrer"}},[e._v("String"),r("OutboundLink")],1),e._v("?")]),e._v(" Width to set for the editor iframe, eg. '900px'")]),e._v(" "),r("li",[r("code",[e._v("height")]),e._v(" "),r("strong",[r("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String",target:"_blank",rel:"noopener noreferrer"}},[e._v("String"),r("OutboundLink")],1),e._v("?")]),e._v(" Height to set for the editor iframe, eg. '600px'")]),e._v(" "),r("li",[r("code",[e._v("widthMedia")]),e._v(" "),r("strong",[r("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String",target:"_blank",rel:"noopener noreferrer"}},[e._v("String"),r("OutboundLink")],1),e._v("?")]),e._v(" The width which will be used in media queries, If empty the width will be used")]),e._v(" "),r("li",[r("code",[e._v("priority")]),e._v(" "),r("strong",[r("a",{attrs:{href:"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number",target:"_blank",rel:"noopener noreferrer"}},[e._v("Number"),r("OutboundLink")],1),e._v("?")]),e._v(" Setup the order of media queries")])])])}),[],!1,null,null,null);r.default=i.exports}}]);

1
docs/assets/js/33.bf80ccde.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/33.e45d78bc.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/34.6f9e211e.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/34.78e7d884.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/35.cb782205.js

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

1
docs/assets/js/35.dae21f45.js

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

1
docs/assets/js/36.7637f557.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/36.8091d2a6.js

File diff suppressed because one or more lines are too long

1
docs/assets/js/37.0fddc76a.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