From 1b4721ed0af563725e6bf4ef0e25e321014348af Mon Sep 17 00:00:00 2001 From: Tim Hoogendijk Date: Sun, 22 Aug 2021 19:22:51 +0200 Subject: [PATCH 1/4] Fixes a deeplink to the list of build in component types --- docs/getting-started.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/getting-started.md b/docs/getting-started.md index 82805e51f..f0f1af10c 100644 --- a/docs/getting-started.md +++ b/docs/getting-started.md @@ -117,7 +117,7 @@ If you want to learn more about blocks we suggest to read its dedicated article: Technically, once you drop your HTML block inside the canvas each element of the content is transformed into a GrapesJS Component. A GrapesJS Component is an object containing information about how the element is rendered in the canvas (managed in the View) and how it might look its final code (created by the properties in the Model). Generally, all Model properties are reflected in the View. Therefore, if you add a new attribute to the model, it will be available in the export code (which we will learn more about later), and the element you see in the canvas will be updated with new attributes. This isn't totally out of the ordinary, but the unique thing about Components that you can create a totally decoupled View. This means you can show the user whatever you desire regardless of what is in the Model. For example, by dragging a placeholder text you can fetch and show instead a dynamic content. If you want to learn more about Custom Components, you should check out [Component Manager Module](modules/Components.html). -GrapesJS comes with a few [built-in Components](modules/Components.html#built-in-components) that enable different features once rendered in the canvas. For example, by double clicking on an image component you will see the default [Asset Manager](modules/Assets.html), which you can customize or integrate you own. By double clicking on the text component you're able to edit it via the built-in Rich Text Editor, which is also customization and [replaceable](guides/Replace-Rich-Text-Editor.html). +GrapesJS comes with a few [built-in Components](modules/Components.html#built-in-component-types) that enable different features once rendered in the canvas. For example, by double clicking on an image component you will see the default [Asset Manager](modules/Assets.html), which you can customize or integrate you own. By double clicking on the text component you're able to edit it via the built-in Rich Text Editor, which is also customization and [replaceable](guides/Replace-Rich-Text-Editor.html). As we have seen before you can create Blocks directly as Components ```js From 4d42c9d441c9fe516d0d2a98d8af76dd87b51f1b Mon Sep 17 00:00:00 2001 From: Tim Hoogendijk Date: Sun, 22 Aug 2021 19:23:09 +0200 Subject: [PATCH 2/4] Added a missing comma in a code example --- docs/api/editor.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/api/editor.md b/docs/api/editor.md index a772c059d..03e39cc14 100644 --- a/docs/api/editor.md +++ b/docs/api/editor.md @@ -276,7 +276,7 @@ Set style inside editor's canvas. This method overrides actual style editor.setStyle('.cls{color: red}'); //or editor.setStyle({ - selectors: ['cls'] + selectors: ['cls'], style: { color: 'red' } }); ``` From a77232b2fc6d18446d31728b097fd7f9ab286221 Mon Sep 17 00:00:00 2001 From: Tim Hoogendijk Date: Sun, 22 Aug 2021 19:31:28 +0200 Subject: [PATCH 3/4] Added a missing comma --- src/editor/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/editor/index.js b/src/editor/index.js index 28bc4ef8a..e810234d5 100644 --- a/src/editor/index.js +++ b/src/editor/index.js @@ -313,7 +313,7 @@ export default (config = {}) => { * editor.setStyle('.cls{color: red}'); * //or * editor.setStyle({ - * selectors: ['cls'] + * selectors: ['cls'], * style: { color: 'red' } * }); */ From 42db692032a22779c01a0732ccf86a6015c559c3 Mon Sep 17 00:00:00 2001 From: Tim Hoogendijk Date: Sun, 22 Aug 2021 19:31:54 +0200 Subject: [PATCH 4/4] Revert "Added a missing comma in a code example" This reverts commit 4d42c9d441c9fe516d0d2a98d8af76dd87b51f1b. --- docs/api/editor.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/api/editor.md b/docs/api/editor.md index 03e39cc14..a772c059d 100644 --- a/docs/api/editor.md +++ b/docs/api/editor.md @@ -276,7 +276,7 @@ Set style inside editor's canvas. This method overrides actual style editor.setStyle('.cls{color: red}'); //or editor.setStyle({ - selectors: ['cls'], + selectors: ['cls'] style: { color: 'red' } }); ```