Simple html editor using grapeJS

Test bed to test neovim distros
2026-09-10 07:11:09 +00:00 · 2023-03-16 16:41:37 +05:30
parent 9b816966a2
commit 2e6e0a997d
7 changed files with 61 additions and 1 deletions
@@ -0,0 +1 @@
 ./html-editor-grapejs.sh
@@ -0,0 +1,7 @@
 #!/usr/bin/env bash
 THIS_DIR=$(dirname $(readlink -f $0))
 cd $THIS_DIR
 python -m http.server 8082
@@ -0,0 +1,46 @@
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>html editor</title>
    <script type="text/javascript" src="https://unpkg.com/grapesjs"></script>
    <script
      type="text/javascript"
      src="https://unpkg.com/grapesjs-blocks-basic"
    ></script>
    <link
      rel="stylesheet"
      type="text/css"
      href="https://unpkg.com/grapesjs/dist/css/grapes.min.css"
    />
    <style type="text/css" media="screen">
      body,
      html {
        margin: 0;
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div id="gjs">
      <div class="col col-md-12">
        <h2>Welcome</h2>
      </div>
    </div>
    <script type="text/javascript" >
      const editor = grapesjs.init({
        container: "#gjs",
        fromElement: 1,
        height: "100%",
        storageManager: false,
        plugins: ["gjs-blocks-basic"],
        avoidInlineStyle: 1,
      });
      editor.getModel().set("dmode", "absolute");
    </script>
  </body>
 </html>
@@ -0,0 +1,4 @@
@page{
  size: A3;
  margin: 0mm 0mm 0mm 0mm;
 }
@@ -0,0 +1,2 @@
 ./lvim.sh
 ./nvim-distro.sh
@@ -1,4 +1,4 @@
 #!/usr/bin/env bash
 THIS_DIR=$(dirname $(readlink -f $0))
-env PKG=lunarvim alacritty -e "$THIS_DIR/nvim.sh" "$@" &
+env PKG=lunarvim alacritty -e "$THIS_DIR/nvim-distro.sh" "$@" &