Git Product home page Git Product logo

alighafoori / azexo-composer-wysiwyg Goto Github PK

View Code? Open in Web Editor NEW

This project forked from azexo/azexo-composer-wysiwyg

0.0 2.0 0.0 6.29 MB

jQuery drag and drop HTML builder, compile Bootstrap based HTML and JS initialization code for third party JS libraries

Home Page: http://azexo.com/site_builder/

CSS 5.11% HTML 28.86% JavaScript 59.34% PHP 5.80% ApacheConf 0.01% Makefile 0.01% CoffeeScript 0.88%

azexo-composer-wysiwyg's Introduction

Medical WordPress Theme

Sport WordPress Theme

Azexo-Composer-WYSIWYG

jQuery drag and drop HTML builder - compile Bootstrap based HTML and JS. Builder extract required JS code (about 0% - 15%) from itself and provide it with resulting HTML to allow initialization a third party JS libraries on frontend. Generated HTML contain "data" attributes which store JS libraries settings and helpers to allow parse document structure by editor.

Demo: http://azexo.com/site_builder/

How to use in example.html

List of features

  • Integrated front end content slider visual builder
  • Integrated front end Impress JS presentation visual builder
  • Integrated front end grid visual builder
  • Every element can be animated via CSS3 engine (on appear, on hover, on click)
  • Every element can be animated via JS animations engine with real time timeline and scroll timeline (with easy to understand visual builder + parallax wizard to make parallax effect by few clicks)
  • Every element have base CSS settings editor
  • If you have JS skills you can create (via very easy API) any number of your custom elements which will be integrated into Azexo Composer page builder and will support all features listed above

List of elements

  • Popup – popup container with unlimited content
  • Presentation – presentation based on Impress JS with unlimited content
  • Carousel – Content carousel (OWL carousel) with unlimited content. Can be used as classic slider.
  • Form – Form container (dropdown, checkbox, textfield, textarea, integer slider, date field types supported)
  • Row - Split content into columns (can have fixed image, parallax image or video as background)
  • Tabs - Bootstrap tabbed content
  • Accordion - Bootstrap accordion
  • Layers - Free relative positioning contained elements
  • Scroll Menu - One page scroll menu
  • Text - A block of text with WYSIWYG editor
  • Icon - Vector icon
  • Image - Single image (adipoli, splits effects available)
  • Button - Bootstrap Button
  • Jumbotron - Showcase key content
  • Panel - Box for your content
  • Alert - Bootstrap Alert box
  • Separator - Horizontal separator line
  • Blockquote - Bootstrap Blockquote box
  • ProgressBar - Bootstrap Animated progress bar
  • Gallery - Responsive image gallery (masonry, flex slider, nivo slider)
  • Images carousel - Bootstrap Animated carousel with images
  • Video - Embed YouTube / Vimeo player
  • HTML - Output raw html code on your page
  • Countdown Timer
  • Circle counter
  • Counter

LICENSE

Copyright 2014 Azexo

Released under the MIT and GPL (version 2 or later) Licenses.

PRODUCTS FROM AZEXO

Azexo Composer already integrated with WordPress / Drupal / Joomla CMS.

If you need fully automatic selling system of your HTML templates (export via ZIP archive or FTP including all used files: images, js, css) with powerfull drag and drop builder - you can try this product (idea from this project). Also this product can be used as static sites project management system inside agency.

If you purchase this products you get:

  • High quality and tested implementation
  • Lifetime support
  • Lifetime updates with new features and bug fixes

azexo-composer-wysiwyg's People

Contributors

azexo avatar

Watchers

James Cloos avatar ali ghafoori avatar

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.