@truenorthtechnology/grapesjs-code-editor

    0.1.7 • Public • Published

    GrapesJS Code Editor

    A plugin to allow users to edit html and css code on GrapesJS.

    Download

    • CDN
      • https://unpkg.com/@truenorthtechnology/grapesjs-code-editor
    • NPM
      • npm i @truenorthtechnology/grapesjs-code-editor
    • GIT
      • git clone https://github.com/portablemind/grapesjs-code-editor.git

    Usage

    <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-code-editor.min.js"></script>
     
    <div id="gjs"></div>
     
    <script type="text/javascript">
      var editor = grapesjs.init({
          container: '#gjs',
          commands: {
            defaults: [
              window['@truenorthtechnology/grapesjs-code-editor'].codeCommandFactory(),
            ],
          },
          panels: { /* ... add the open-code button to the views panel */ },
      });
    </script> 

    Development

    Clone the repository

    $ git clone https://github.com/portablemind/grapesjs-code-editor.git
    cd grapesjs-code-editor

    Install dependencies

    $ npm i

    The plugin relies on GrapesJS via peerDependencies so you have to install it manually (without adding it to package.json)

    $ npm i grapesjs --no-save

    Start the dev server

    $ npm start

    License

    BSD 3-Clause

    Install

    npm i @truenorthtechnology/grapesjs-code-editor

    DownloadsWeekly Downloads

    372

    Version

    0.1.7

    License

    BSD-3-Clause

    Unpacked Size

    517 kB

    Total Files

    12

    Last publish

    Collaborators

    • avatar
    • avatar