Code Monkey home page Code Monkey logo

bootstrap-form-builder's Introduction

$ bloggify

Version Downloads

We make publishing easy.

โ˜๏ธ Installation

You can install the package globally and use it as command line tool:

# Using npm
npm install --global bloggify-cli

# Using yarn
yarn global add bloggify-cli

Then, run bloggify --help and see what the CLI tool can do.

$ bloggify --help
Usage: bloggify <command> [options]

We make publishing easy.

Commands:
  start  Starts the Bloggify process.

Options:
  -h, --help     Displays this help.
  -v, --version  Displays version information.

Examples:
  $ bloggify start
  $ bloggify start -c path/to/config/file.json

Documentation can be found at https://github.com/Bloggify/Bloggify.

๐Ÿ“‹ Example

Here is an example how to use this package as library. To install it locally, as library, you can use npm install bloggify-cli (or yarn add bloggify-cli):

// This is how to include Bloggify as library.
const Bloggify = require("bloggify-cli")

// Start the Bloggify app
const app = new Bloggify("path/to/the/application/root")

// Do something after it's started
app.onLoad(err => {
    console.log(`Bloggify server running on port ${app._serverPort}`)
})

โ“ Get Help

There are few ways to get help:

  1. Please post questions on Stack Overflow. You can open issues with questions, as long you add a link to your Stack Overflow question.
  2. For bug reports and feature requests, open issues. ๐Ÿ›

๐Ÿ“ Documentation

For full API reference, see the DOCUMENTATION.md file.

๐Ÿ˜‹ How to contribute

Have an idea? Found a bug? See how to contribute.

๐Ÿ’ซ Where is this library used?

If you are using this library in one of your projects, add it in this list. โœจ

  • bloggify-starter

๐Ÿ“œ License

MIT ยฉ Bloggify

bootstrap-form-builder's People

Contributors

didos avatar ionicabizau avatar minikomi avatar msurguy avatar nfvs avatar peterb-2795 avatar prem1835 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

bootstrap-form-builder's Issues

Suggested Enhancements

  1. add an option on a Drag & Drop Component, to add it to bottom of the form?
    (EDIT:) my browser was faulty, on older version of chrome (steam powered)

  2. The ability to auto-increment ID/Name field, would greatly enhance the usability, esp if you can set start number and increment step

non-unique id

Dragging and dropping several elements leads to errors in Chrome (64.0.3282.140):

[DOM] Found 2 elements with non-unique id #checkboxes-1: (More info: https://goo.gl/9p2vKq) <input type=โ€‹"checkbox" name=โ€‹"checkboxes" id=โ€‹"checkboxes-1" value=โ€‹"2">โ€‹ <input type=โ€‹"checkbox" name=โ€‹"checkboxes" id=โ€‹"checkboxes-1" value=โ€‹"2">โ€‹

bloggify.github.io/:1 [DOM] Found 2 elements with non-unique id #radios-0: (More info: https://goo.gl/9p2vKq) <input type=โ€‹"radio" name=โ€‹"radios" id=โ€‹"radios-0" value=โ€‹"1" checked=โ€‹"checked">โ€‹ <input type=โ€‹"radio" name=โ€‹"radios" id=โ€‹"radios-0" value=โ€‹"1" checked=โ€‹"checked">โ€‹

2 column layout

Great job, thanks for sharing! A two column layout would be nice :)

JSX mode for the rendering page

Hello,

It may be nice to add a switch on the rendering page, allowing the user to retrieve a JSX version of the rendering html code, like this:

jsxmode

Note: It's not an implementation, it was just added with dev tools inspector ^^ (and text replaced with a text editor)

It would replace the following:
class into className
for into htmlFor

Anything that would avoid JS reserved words really.

EDIT

Also other things to replace are: (the image above does not reflect these)

  1. Remove the comments (they are not welcome in JSX :s)
  2. Add an / at the end of input tags

Have a nice day

Date

Hello, could you add tools to work with date?

Making additions to the rendered output?

Firstly, thank you for sharing such a wonderful package with us. My issue is accessing the HTML output in the 'Rendered' section via PHP. My goal is to automatically add the HTML output to the theme.

If we cannot access it, is it possible to add fixed HTML codes to the 'Rendered' output? If so, from which file can I access it? I have made modifications in the assets\js\main-built.js file but was unsuccessful. Is there an easier method? I would be very grateful for your help. Have a nice day.

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.