Next Planet of Monkeys

    grapesjs-parser-postcss
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.1 • Public • Published

    GrapesJS Parser PostCSS

    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

    Summary

    • Plugin name: grapesjs-parser-postcss

    Options

    This plugin has no options

    Download

    • CDN
      • https://unpkg.com/grapesjs-parser-postcss
    • NPM
      • npm i grapesjs-parser-postcss
    • GIT
      • git clone https://github.com/artf/grapesjs-parser-postcss.git

    Usage

    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],
    });

    Development

    Clone the repository

    $ git clone https://github.com/artf/grapesjs-parser-postcss.git
    $ cd grapesjs-parser-postcss

    Install dependencies

    $ npm i

    Start the dev server

    $ npm start

    License

    BSD 3-Clause

    Install

    npm i grapesjs-parser-postcss

    DownloadsWeekly Downloads

    2,660

    Version

    1.0.1

    License

    BSD-3-Clause

    Unpacked Size

    242 kB

    Total Files

    6

    Last publish

    Collaborators

    • artf