Skip to content

add option wrapRows #51

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
hubermat wants to merge 6 commits into
base: master
Choose a base branch
from
Open

add option wrapRows #51

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
e29fce7
add option wrapRows
hubermat Dec 15, 2024
159d4dc
add prepare script
hubermat Dec 15, 2024
a825c8a
remove dist/ from .gitignore
hubermat Dec 16, 2024
633b413
add dist folder
hubermat Dec 16, 2024
8c1dea8
remove prepare script
hubermat Dec 16, 2024
aca1224
remove prepare script
hubermat Dec 16, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,6 @@
npm-debug.log
_index.html

dist/
img/
images/
private/
Expand Down
35 changes: 18 additions & 17 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,23 +12,24 @@ This plugin contains some basic blocks for the GrapesJS editor

## Options

| Option | Description | Default |
| --------------- | -------------------------------- | ----------------------------------------------------------------------------------------------- |
| `blocks` | Which blocks to add | `['column1', 'column2', 'column3', 'column3-7', 'text', 'link', 'image', 'video', 'map']` (all) |
| `category` | Category name | `Basic` |
| `flexGrid` | Make use of flexbox for the grid | `false` |
| `stylePrefix` | Classes prefix | `gjs-` |
| `addBasicStyle` | Use basic CSS for blocks | `true` |
| `labelColumn1` | 1 Column label | `1 Column` |
| `labelColumn2` | 2 Columns label | `2 Columns` |
| `labelColumn3` | 3 Columns label | `3 Columns` |
| `labelColumn37` | 3/7 Columns label | `2 Columns 3/7` |
| `labelText` | Text label | `Text` |
| `labelLink` | Link label | `Link` |
| `labelImage` | Image label | `Image` |
| `labelVideo` | Video label | `Video` |
| `labelMap` | Map label | `Map` |
| `rowHeight` | Initial height | `75` |
| Option | Description | Default |
|-----------------|-----------------------------------------------|-------------------------------------------------------------------------------------------------|
| `blocks` | Which blocks to add | `['column1', 'column2', 'column3', 'column3-7', 'text', 'link', 'image', 'video', 'map']` (all) |
| `category` | Category name | `Basic` |
| `flexGrid` | Make use of flexbox for the grid | `false` |
| `stylePrefix` | Classes prefix | `gjs-` |
| `addBasicStyle` | Use basic CSS for blocks | `true` |
| `labelColumn1` | 1 Column label | `1 Column` |
| `labelColumn2` | 2 Columns label | `2 Columns` |
| `labelColumn3` | 3 Columns label | `3 Columns` |
| `labelColumn37` | 3/7 Columns label | `2 Columns 3/7` |
| `labelText` | Text label | `Text` |
| `labelLink` | Link label | `Link` |
| `labelImage` | Image label | `Image` |
| `labelVideo` | Video label | `Video` |
| `labelMap` | Map label | `Map` |
| `rowHeight` | Initial height | `75` |
| `wrapRows` | Wrap rows if width is below or equal to 768px | `true` |

## Download

Expand Down
91 changes: 91 additions & 0 deletions dist/index.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,91 @@
import { Plugin } from 'grapesjs';

export type PluginOptions = {
/**
* Which blocks to add.
* @default ['column1', 'column2', 'column3', 'column3-7', 'text', 'link', 'image', 'video', 'map']
*/
blocks?: string[];
/**
* Make use of flexbox for the grid
* @default false
*/
flexGrid?: boolean;
/**
* Classes prefix
* @default 'gjs-'
*/
stylePrefix?: string;
/**
* Use basic CSS for blocks
* @default true
*/
addBasicStyle?: boolean;
/**
* Blocks category name
* @default 'Basic'
*/
category?: string;
/**
* 1 Column label
* @default '1 Column'
*/
labelColumn1?: string;
/**
* 2 Columns label
* @default '2 Columns'
*/
labelColumn2?: string;
/**
* 3 Columns label
* @default '3 Columns'
*/
labelColumn3?: string;
/**
* 3/7 Columns label
* @default '2 Columns 3/7'
*/
labelColumn37?: string;
/**
* Text label
* @default 'Text'
*/
labelText?: string;
/**
* Link label
* @default 'Link'
*/
labelLink?: string;
/**
* Image label
* @default 'Image'
*/
labelImage?: string;
/**
* Video label
* @default 'Video'
*/
labelVideo?: string;
/**
* Map label
* @default 'Map'
*/
labelMap?: string;
/**
* Initial row height
* @default 75
*/
rowHeight?: number;
/**
* wrap rows if width is below or equal to 768px
* @default true
*/
wrapRows?: boolean;
};
declare const plugin: Plugin<PluginOptions>;

export {
plugin as default,
};

export {};
3 changes: 3 additions & 0 deletions dist/index.js
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions dist/index.js.map
View file
Open in desktop

Large diffs are not rendered by default.

Loading