Code Monkey home page Code Monkey logo

stastic-designer's Introduction

Stastic designer

This is a work in progress to create a drag and drop universal template editor based on Silex open source website builder.

Right now it works with Jekyll and 11ty but nothing is documented yet

Silex UI

Features

  • Desktop app to work locally and possibly offline
  • Online mode to work online without install - I have setup this instance you can use to test it
  • The "template" panel ({ } tab): write HTML+liquid and it will be inserted at publication time while still displaying the element in Silex and in preview mode
  • Publication for 11ty and Jekyll: each page becomes a layout, files are stored in the proper folders and formats (css, js, html, assets)
  • Load components in the "+" menu which are specific to a website and stored with the website
  • Tool to convert the selected element to a component

The "template" panel

Included adapters

  • 11ty
  • jekyll
  • forestry
  • Salesforce Pardot

Support and documentation

Please use the mother project's Silex issues and Silex documentation

Instructions

Install

Please follow Silex Desktop installation instructions.

Designer

Create a website as you would in Silex, with one page in Silex for each page type in the final website

Select elements which you want to come from the CMS and make them "templates"

Publish the website to a folder containing a Jekyll or 11ty website, on github or on you local computer

Developer

Look for custom components and Prodotype in Silex docs.

You can add custom components to a site, in a components folder beside the site HTML editable file.

You can add custom components to a Stastic instance, simply add them to the components folder in this repo.

Local Development

If you want to work on your local hard drive, enable the fs service and start Silex like this:

$ npm install
$ npm run build
$ ENABLE_FS=true npm start

stastic-designer's People

Contributors

lexoyo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

stastic-designer's Issues

Templates are escaped

in before element i have

{% if counter < 3 %}

When I publish, the layout contains

{% if counter &lt; 3 %}

The value is not escaped in editable.html.json, it is probably escaped here. I tried replacing outerHTML with outerText but it didn't seem to do the trick, probably because the getter of outerText returns innerText

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.