@themarioga/grid-editor 3.2.0 → 3.2.1
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/CHANGELOG.md +6 -0
- package/README.md +1 -1
- package/example/containers.html +30 -6
- package/example/index.html +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
|
5
5
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
6
6
|
|
|
7
7
|
|
|
8
|
+
## [3.2.1] - 2026-09-22
|
|
9
|
+
### Changed
|
|
10
|
+
- `example/containers.html` shows a card too: its own row, with two columns
|
|
11
|
+
inside the card body, beside the tabs, the accordion and the popup.
|
|
12
|
+
|
|
13
|
+
|
|
8
14
|
## [3.2.0] - 2026-09-22
|
|
9
15
|
### Added
|
|
10
16
|
- A card container plugin, `dist/plugins/grideditor.card.js`: a bootstrap card
|
package/README.md
CHANGED
|
@@ -28,7 +28,7 @@ from any web server, or from GitHub Pages, with no build step.
|
|
|
28
28
|
| [example/basic.html](example/basic.html) | The editor with tinyMCE in the content areas | [live](https://themarioga.github.io/grid-editor/example/basic.html) |
|
|
29
29
|
| [example/breakpoints.html](example/breakpoints.html) | The six breakpoints and the "all sizes" view | [live](https://themarioga.github.io/grid-editor/example/breakpoints.html) |
|
|
30
30
|
| [example/plugins.html](example/plugins.html) | The plugin model, with one written in the page itself | [live](https://themarioga.github.io/grid-editor/example/plugins.html) |
|
|
31
|
-
| [example/containers.html](example/containers.html) | Tabs, accordions and
|
|
31
|
+
| [example/containers.html](example/containers.html) | Tabs, accordions, popups and cards, two levels deep | [live](https://themarioga.github.io/grid-editor/example/containers.html) |
|
|
32
32
|
| [example/elements.html](example/elements.html) | Element level controls, including an element with no visual output | [live](https://themarioga.github.io/grid-editor/example/elements.html) |
|
|
33
33
|
| [example/locale.html](example/locale.html) | The interface in Spanish, with a language switcher | [live](https://themarioga.github.io/grid-editor/example/locale.html) |
|
|
34
34
|
| [example/ckeditor.html](example/ckeditor.html) | CKEditor instead of tinyMCE | [live](https://themarioga.github.io/grid-editor/example/ckeditor.html) |
|
package/example/containers.html
CHANGED
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
<script src="../dist/plugins/grideditor.tabs.min.js"></script>
|
|
22
22
|
<script src="../dist/plugins/grideditor.accordion.min.js"></script>
|
|
23
23
|
<script src="../dist/plugins/grideditor.popup.min.js"></script>
|
|
24
|
+
<script src="../dist/plugins/grideditor.card.min.js"></script>
|
|
24
25
|
|
|
25
26
|
<script>
|
|
26
27
|
$(function() {
|
|
@@ -76,11 +77,12 @@
|
|
|
76
77
|
<div class="col-lg-8">
|
|
77
78
|
<h1 class="h4">Containers</h1>
|
|
78
79
|
<p class="form-text">
|
|
79
|
-
A container holds
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
80
|
+
A container holds regions, and every region is an ordinary
|
|
81
|
+
one: rows, columns, content areas and elements nest inside
|
|
82
|
+
it exactly as they do at the top level. The four buttons in
|
|
83
|
+
the toolbar add a tabs container, an accordion, a popup and
|
|
84
|
+
a card — the first three hold a pane each, a card
|
|
85
|
+
holds one region and an editable header.
|
|
84
86
|
</p>
|
|
85
87
|
<p class="form-text">
|
|
86
88
|
While editing, a popup is unfolded in place and an
|
|
@@ -89,7 +91,8 @@
|
|
|
89
91
|
authored page opens with. Bootstrap's own JS is never
|
|
90
92
|
asked to do any of it, so there is no backdrop and no focus
|
|
91
93
|
trap to fight with. Double click a tab or item label to
|
|
92
|
-
rename it
|
|
94
|
+
rename it, and a card’s header and footer the same
|
|
95
|
+
way. The last row shows two levels: tabs inside an
|
|
93
96
|
accordion item.
|
|
94
97
|
</p>
|
|
95
98
|
<button class="btn btn-sm btn-secondary" id="output" type="button">Show the html this produces</button>
|
|
@@ -155,6 +158,27 @@
|
|
|
155
158
|
</div>
|
|
156
159
|
</div>
|
|
157
160
|
|
|
161
|
+
<div class="row">
|
|
162
|
+
<div class="col-lg-12">
|
|
163
|
+
<div data-ge-container="card">
|
|
164
|
+
<div class="card">
|
|
165
|
+
<div class="card-header">A card, whose body is one region</div>
|
|
166
|
+
<div class="card-body">
|
|
167
|
+
<div class="row">
|
|
168
|
+
<div class="col-lg-6">
|
|
169
|
+
<div class="ge-content" data-ge-content-type="tinymce"><p>A card holds no panes, so it is the plainest container there is: a header, this region, and a footer if you want one.</p></div>
|
|
170
|
+
</div>
|
|
171
|
+
<div class="col-lg-6">
|
|
172
|
+
<div class="ge-content" data-ge-content-type="tinymce"><p>The region is ordinary, so it takes rows and columns of its own — these two, for instance.</p></div>
|
|
173
|
+
</div>
|
|
174
|
+
</div>
|
|
175
|
+
</div>
|
|
176
|
+
<div class="card-footer text-body-secondary">Double click the header or this footer to rewrite it</div>
|
|
177
|
+
</div>
|
|
178
|
+
</div>
|
|
179
|
+
</div>
|
|
180
|
+
</div>
|
|
181
|
+
|
|
158
182
|
<div class="row">
|
|
159
183
|
<div class="col-lg-12">
|
|
160
184
|
<div data-ge-container="accordion">
|
package/example/index.html
CHANGED
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
<strong>Containers</strong>
|
|
46
46
|
<code class="text-body-secondary">containers.html</code>
|
|
47
47
|
</div>
|
|
48
|
-
<span class="text-body-secondary">Tabs, accordions and
|
|
48
|
+
<span class="text-body-secondary">Tabs, accordions, popups and cards, two levels deep, and the export opened as a real page</span>
|
|
49
49
|
</a>
|
|
50
50
|
|
|
51
51
|
<a class="list-group-item list-group-item-action" href="elements.html">
|