PHPackages                             park-holidays-uk/pagebuilder - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. park-holidays-uk/pagebuilder

AbandonedArchivedLibrary[Utility & Helpers](/categories/utility)

park-holidays-uk/pagebuilder
============================

Page editor for Park Holidays staff

1.2.35(8y ago)12.5k1JavaScriptPHP ^5.5 || ^7.0

Since Oct 25Pushed 8y ago1 watchersCompare

[ Source](https://github.com/park-holidays-uk/pagebuilder)[ Packagist](https://packagist.org/packages/park-holidays-uk/pagebuilder)[ RSS](/packages/park-holidays-uk-pagebuilder/feed)WikiDiscussions master Synced 2d ago

READMEChangelog (10)DependenciesVersions (53)Used By (0)

Page Builder
============

[](#page-builder)

Page editor for PHAST CMS built using the GrapesJS framework...

### New Installation

[](#new-installation)

Run the following commands in the CLI

```
composer require park-holidays-uk/pagebuilder

```

Add the following to the App config 'providers'

```
ParkHolidays\PageBuilder\PageBuilderServiceProvider::class

```

Don't forget to publish the config and assets..

```
php artisan vendor:publish --provider="ParkHolidays\PageBuilder\PageBuilderServiceProvider" --force

```

Once config has been published, add the following to the .ENV file and change the values appropriately

```
PAGEBUILDER_DOMAIN=phast.parkholidays.com
PAGEBUILDER_URLPREFIX=/pagebuilder
PAGEBUILDER_MEDIA_PATH=//parkholidays.s3-website-eu-west-1.amazonaws.com/assets/
PAGEBUILDER_RESIZE_MEDIA_PATH=//parkholidays.s3-website-eu-west-1.amazonaws.com/{w}x{h}/assets/
PAGEBUILDER_ASSET_PATH=/dist/
PAGEBUILDER_FORM_ACTION=/form/handle
PAGEBUILDER_FORM_METHOD=POST

```

When ready run the migrations and seeders

```
php artisan migrate
php artisan db:seed --class="ParkHolidays\PageBuilder\Database\Seeds\DatabaseSeeder"

```

### Update Installation

[](#update-installation)

Run the following commands in the CLI

```
composer update

```

The publish the assets in the same way as the enw installation above. Check for any changes to ENV settings.

Things To Know
--------------

[](#things-to-know)

- All layout blocks should be contained within a *DIV* element with the class *wrapper*. This will allow the use of both fullwidth and non-fullwidth blocks in the page.
- When creating FORM blocks, they must contain an empty DIV with the class *form-dropzone*. This be the only area a user can drop form field blocks into.
- To use SVG for block icons you can put teh code in the label field. see **Fig. TTK1**
- Check out **Fig. TTK2** for editing image srcset.

### FIG. TTK1

[](#fig-ttk1)

```

LABEL