Google Chrome browser extension that adds a tab to Developer Tools, where you can create SharePoint Client Side Rendering customizations and they will be applied as-you-type to the underlying page.
You can install the extension manually from the source code.
- Download the source code archive from GitHub and unpack it to some folder
- Check the "Developer mode" checkbox on the extensions page
- Click [Load unpacked extension...] button
- Select folder with the cisar source code
- Navigate to your SharePoint portal, to the page where you have list view or list form that you want to customize.
- Open Developer Tools window (F12).
- Switch to "Cisar" tab
- Click plus button in the left panel and create a file.
- Start writing customizations
Cisar is rather young. Below listed known bugs, inconveniences and notes. I'm working on improvements, but for now it is how it is:
- Files that are created are stored in Style Library. For now there's no way to change this.
- Library that hosts js files that are edited should have versioning (major+minor versions) and "require checkout" setting enabled for saving to work.
- If there're errors when saving and editing files, they're logged in the "Console" tab in Developer Tools, but not shown anywhere else.
- It is usually a good idea to disable caching ("Network" tab -> Disable cache checkbox).
- Display Templates and also CSWP customizations aren't supported yet.