Categories
Angular AngularJS ES6 General JavaScript TypeScript

Dragula – A simple drag and drop library

In this article, we will take quick look at the process of creating drag and drop in AngularJs and Angular application using Dragula. For AngularJs and Angular there are two different Dragula library are available, i added link of all those libraries at the end of this article. Dragula gives you simple way to add advance drag and drop in your application.

Dragula includes a services, directives, events and options for easily
implementation in you application. You can easily drag and drop from one container to another also you can sort a list of order and many more are available in Dragula.

Installation : 

AngularJs : 

You can get it on npm.

npm install angularjs-dragula --save

Or bower, too.

bower install angularjs-dragula --save


Angular: 

npm install ng2-dragula# 
or
yarn add ng2-dragula

For more info please visit following links.

AngularJs: 

https://github.com/bevacqua/angularjs-dragulah

https://bevacqua.github.io/angularjs-dragula/

Angular: 

https://github.com/valor-software/ng2-dragula

https://valor-software.com/ng2-dragula/

Categories
Angular AngularJS ES6 General JavaScript TypeScript

CKEditor – Rich Text Editor

CKEditor permits you to directly add the JavaScript based codes within online applications or web pages, it is coming under commercial and open source licenses. If you want to give a more flexible area to user for write any content then CKEditor is better way over adding textarea. In CKEditor three types of preset are given full, minimal and default, these preset are responsible for defining the appearance of your CKEditor. Styles, tags, source etc. are in toolbar to use.

Why CKEditor ?

  • Easy Images : 
  • Insert images which are automatically rescaled, optimized, responsive and delivered through a blazing-fast CDN. All this with virtually zero server setup.
  • CKFinder : Enrich CKEditor with image and file uploads.
  • Spell Checker : Spell checking abilities with additional languages.
  • Full control over content: HTML filtering, view source mode, Long-term support (LTS) until 2023, and many more…

Reference:  https://ckeditor.com

Categories
Angular ES6 TypeScript

NG-ZORRO – UI Library for Angular

Ng-Zorro is a UI library for angular which contains high quality components and demos for building rich and interactive user interfaces. Currently most stable version of ng-zorro is 1.8.0.  It provides good development experience to developers, it contains number of component to use and have a good documentations.

Features :

  • An enterprise-class UI design language for web applications.
  • A set of high-quality Angular components out of the box.
  • Written in TypeScript with complete defined types

Installation :

ng-zorro recommend using @angular/cli to install.

You can also install ng-zorro-antd using npm or yarn.

For more information visit at –

https://ng.ant.design/docs/introduce/en

github : https://github.com/NG-ZORRO/ng-zorro-antd