@bladeberg/editor 0.2.2 → 0.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -3
- package/README.npm.md +10 -3
- package/dist-npm/bladeberg.js +6002 -322
- package/dist-npm/style.css +1 -10945
- package/package.json +4 -6
package/README.md
CHANGED
|
@@ -11,12 +11,12 @@ BladeBerg wraps [`@automattic/isolated-block-editor`](https://github.com/Automat
|
|
|
11
11
|
## Install
|
|
12
12
|
|
|
13
13
|
```bash
|
|
14
|
-
npm install @bladeberg/editor
|
|
14
|
+
npm install @bladeberg/editor
|
|
15
15
|
```
|
|
16
16
|
|
|
17
|
-
That's it.
|
|
17
|
+
That's it. **No React install needed** — the package bundles React 18 (required by Gutenberg) and the full editor runtime. Your app can use React 19 for its own UI without conflict.
|
|
18
18
|
|
|
19
|
-
**Requirements:**
|
|
19
|
+
**Requirements:** A modern browser and a bundler that supports ESM (`import`).
|
|
20
20
|
|
|
21
21
|
---
|
|
22
22
|
|
|
@@ -156,6 +156,13 @@ export default function PostEditor({ content }) {
|
|
|
156
156
|
|
|
157
157
|
Don't forget `import '@bladeberg/editor/style.css'` somewhere in your client bundle.
|
|
158
158
|
|
|
159
|
+
### Styling tips
|
|
160
|
+
|
|
161
|
+
- Import `@bladeberg/editor/style.css` **before** your app's global CSS so host styles don't override Gutenberg.
|
|
162
|
+
- `createEditor()` adds `.bladeberg-container` to your mount element automatically (same as the Blade component).
|
|
163
|
+
- Avoid `overflow: hidden` on the editor wrapper — it clips block inserter popovers.
|
|
164
|
+
- The red accent (`#e11d1f`) is BladeBerg branding — customize via the SCSS variables in the package source if needed.
|
|
165
|
+
|
|
159
166
|
---
|
|
160
167
|
|
|
161
168
|
## Rendering stored content
|
package/README.npm.md
CHANGED
|
@@ -11,12 +11,12 @@ BladeBerg wraps [`@automattic/isolated-block-editor`](https://github.com/Automat
|
|
|
11
11
|
## Install
|
|
12
12
|
|
|
13
13
|
```bash
|
|
14
|
-
npm install @bladeberg/editor
|
|
14
|
+
npm install @bladeberg/editor
|
|
15
15
|
```
|
|
16
16
|
|
|
17
|
-
That's it.
|
|
17
|
+
That's it. **No React install needed** — the package bundles React 18 (required by Gutenberg) and the full editor runtime. Your app can use React 19 for its own UI without conflict.
|
|
18
18
|
|
|
19
|
-
**Requirements:**
|
|
19
|
+
**Requirements:** A modern browser and a bundler that supports ESM (`import`).
|
|
20
20
|
|
|
21
21
|
---
|
|
22
22
|
|
|
@@ -156,6 +156,13 @@ export default function PostEditor({ content }) {
|
|
|
156
156
|
|
|
157
157
|
Don't forget `import '@bladeberg/editor/style.css'` somewhere in your client bundle.
|
|
158
158
|
|
|
159
|
+
### Styling tips
|
|
160
|
+
|
|
161
|
+
- Import `@bladeberg/editor/style.css` **before** your app's global CSS so host styles don't override Gutenberg.
|
|
162
|
+
- `createEditor()` adds `.bladeberg-container` to your mount element automatically (same as the Blade component).
|
|
163
|
+
- Avoid `overflow: hidden` on the editor wrapper — it clips block inserter popovers.
|
|
164
|
+
- The red accent (`#e11d1f`) is BladeBerg branding — customize via the SCSS variables in the package source if needed.
|
|
165
|
+
|
|
159
166
|
---
|
|
160
167
|
|
|
161
168
|
## Rendering stored content
|