This plugin enables custom CSS parser via PostCSS. If you import templates from HTML/CSS or embed custom codes (eg. by using grapesjs-custom-code plugin) you definitely need to use this one to avoid issues with styles, check here why.
Requires GrapesJS v0.14.33 or higher
grapesjs-parser-postcss
This plugin has no options
https://unpkg.com/grapesjs-parser-postcss
npm i grapesjs-parser-postcss
git clone https://github.com/GrapesJS/parser-postcss.git
Directly in the browser
<link href="https://unpkg.com/grapesjs/dist/css/grapes.min.css" rel="stylesheet"/> <script src="https://unpkg.com/grapesjs"></script> <script src="path/to/grapesjs-parser-postcss.min.js"></script> <div id="gjs"></div> <script type="text/javascript"> var editor = grapesjs.init({ container : '#gjs', // ... plugins: ['grapesjs-parser-postcss'], }); </script>
Modern javascript
import grapesjs from 'grapesjs'; import parserPostCSS from 'grapesjs-parser-postcss'; const editor = grapesjs.init({ container : '#gjs', // ... plugins: [parserPostCSS], });
Clone the repository
$ git clone https://github.com/GrapesJS/parser-postcss.git $ cd grapesjs-parser-postcss
Install dependencies
Start the dev server
BSD 3-Clause
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4