Twill Laravel Package
area17/twill
Twill is an open-source Laravel package for building a custom CMS fast. It provides a polished admin UI with prebuilt features and Vue components, stays flexible and extensible, works headless or integrated, and lets you use your own models with no lock-in.
Previewing Blocks
At the top right of a form where you enabled a block editor, you will find a blue button labeled "Editor". The idea is to provide a better user experience when working with blocks, where the frontend preview is being immediately rendered next to the form, in a full-screen experience.
You can enable the content editor individual block previews by providing a resources/views/site/layouts/block.blade.php blade layout file. This file will be treated as a layout, so it will need to yield a content section: [@yield](https://github.com/yield)('content'). It will also need to include any frontend CSS/JS necessary to give the block the look and feel of the corresponding frontend layout. Here's a simple example:
<!doctype html>
<html lang="en">
<head>
<title>#madewithtwill website</title>
<link rel="stylesheet" href="{{mix('css/app.css')}}">
</head>
<body>
<div>
[@yield](https://github.com/yield)('content')
</div>
<script src="{{mix('js/app.js')}}"></script>
</body>
</html>
If you would like to specify a custom layout view path, you can do so in config/twill.php
at twill.block_editor.block_single_layout.
A good way to share assets and structure from the frontend with these individual block previews is to create a parent layout and extend it from your block layout.
Editor preview context
If needed you can use the existence of the variable $inEditor to conditionally add or remove items from your block view file.
$inEditor is not set when not in a preview context.
<div style="max-width: 500px; margin-left: auto; margin-right: auto;">
[@if](https://github.com/if)($inEditor)
I am only visible in the editor
[@endisset](https://github.com/endisset)
{!! $block->translatedInput('text') !!}
</div>
How can I help you explore Laravel packages today?