GrapesJS Countdown
Simple countdown component for GrapesJS Editor
Demo
Summary
- Plugin name:
gjs-component-countdown - Components:
countdown - Blocks:
countdown
Options
blocksWhich blocks to add, default:['countdown'](all)defaultStyleAdd default style to blocks, default: truestartTimeDefault start time, eg. '2018-01-25 00:00', default: ''endTextText to show when the countdown is ended, default: 'EXPIRED'dateInputTypeDate input type, eg, 'date', 'datetime-local', default: 'date'countdownClsPfxCountdown class prefix, default: 'countdown'labelCountdownCountdown label, default 'Countdown'labelCountdownCategoryCountdown category label, default 'Extra'labelDaysDays label text used in component, default 'days'labelHoursHours label text used in component, default 'hours'labelMinutesMinutes label text used in component, default 'minutes'labelSecondsSeconds label text used in component, default 'seconds'
Download
npm i grapesjs-component-countdownoryarn add grapesjs-component-countdown
Usage
<link href="path/to/grapes.min.css" rel="stylesheet"/>
<script src="path/to/grapes.min.js"></script>
<script src="path/to/grapesjs-component-countdown.min.js"></script>
<div id="gjs"></div>
<script type="text/javascript">
var editor = grapesjs.init({
container : '#gjs',
plugins: ['gjs-component-countdown'],
pluginsOpts: {
'gjs-component-countdown': {/* ...options */}
}
});
</script>
Development
Clone the repository
$ git clone https://github.com/artf/grapesjs-component-countdown.git
$ cd grapesjs-component-countdown
Install it
$ npm i
Start the dev server
$ npm start
Build before the commit. This will also increase the patch level version of the package
$ npm run build
License
BSD 3-Clause
