Splitview makes it possible to edit your pages in a splitscreen view. See what you change directly after pressing save.
- A real WYSIWYG. See exactly what you get on save.
- Totally invisible until you need it.
- Fast to work with.
- Dependecy free JS - No libraries required, not even jQuery.
- Remember if Splitview active state until next browser refresh.
- Kirby 2.2 or later.
- A modern browser. Some testing remains.
- Firefox (PC - Windows)
- Google Chrome (PC - Windows)
- Internet Exploder 11
- Microsoft Edge (PC - Windows)
- Download the Splitview plugin
- Put the
splitview
folder in /plugins/. If folder is another name likesplitview-master
, rename it tosplitview
. - Add
<?php echo splitview(); ?>
right before</body>
in your footer of all your pages. - Login to the panel. When logged in, go to the frontend of your site.
- Press
alt + s
to activate the Splitview.
There are two columns, panel and site. Panel is the Kirby panel and site is your frontend. You can make each column expand to full width.
- Fullscreen: Expand the current view to 100%.
- Columns: Go back to the column view.
- Close: Close the Splitview.
- Refresh: Reload the site view. Good if somehow it is not reloaded on save.
Splitview does not work well on mobile devices because the screen is too narrow. Don't even try it.
- Make sure you followed all steps correctly in Setup.
- If you have added splitview options, try to remove them and see if that works.
- Check for javascript errors. If other scripts don't work, Splitview javascript can be prevented from runnig.
- Look for
<!-- Splitview # Start -->
in your source. If it's not there, the plugin does not run.
If problem remains, add an issue and describe as good as you can what does not work.
- Does it work on Linux?
- Does it work on Mac?
- Help me to test different browsers
What breaks? Flood me with issues.
Ideas are always welcome. Add them as issues.
Help to improve the code with pull requests or suggestions as issues.
Possuble future ideas is added to the issues tagged ideas
or features
. Also look at milestones.
Entypo pictograms by Daniel Bruce — www.entypo.com