https://github.com/vm-mishchenko/ngx-wall

Helps build content editor for note-taking application
https://github.com/vm-mishchenko/ngx-wall

angular angular-components ngx-wall rich-text-editor wysiwyg wysiwyg-editor

Last synced: 9 days ago
JSON representation

Helps build content editor for note-taking application

• Host: GitHub
• URL: https://github.com/vm-mishchenko/ngx-wall
• Owner: vm-mishchenko
• License: mit
• Created: 2017-08-23T14:26:17.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T02:21:47.000Z (almost 2 years ago)
• Last Synced: 2024-08-01T16:33:06.562Z (3 months ago)
• Topics: angular, angular-components, ngx-wall, rich-text-editor, wysiwyg, wysiwyg-editor
• Language: TypeScript
• Homepage: https://vm-mishchenko.github.io/ngx-wall/
• Size: 9.21 MB
• Stars: 83
• Watchers: 7
• Forks: 5
• Open Issues: 50
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-wysiwyg - ngx-wall - Extensible component based editor with fancy drag-and-drop experience. (WYSIWYG-alike)
• awesome-wysiwyg-editors - ngx-wall - 可扩展的基于组件的编辑器，具有漂亮的拖放体验。  (类似 WYSIWYG)

README

        
# ngx-wall

[![npm version](https://travis-ci.org/vm-mishchenko/ngx-wall.svg?branch=master)](https://travis-ci.org/vm-mishchenko/ngx-wall/builds)

[![Coverage Status](https://coveralls.io/repos/github/vm-mishchenko/ngx-wall/badge.svg?branch=master)](https://coveralls.io/github/vm-mishchenko/ngx-wall?branch=master)

[![npm version](https://badge.fury.io/js/ngx-wall.svg)](https://www.npmjs.com/package/ngx-wall)

[![peerDependencies Status](https://david-dm.org/vm-mishchenko/ngx-wall/peer-status.svg)](https://david-dm.org/vm-mishchenko/ngx-wall?type=peer)

[![](https://codescene.io/projects/3593/status.svg)](https://codescene.io/projects/3593/jobs/latest-successful/results)

## What

ngx-wall is library which helps build content editor for note-taking application.

## Demo

https://vm-mishchenko.github.io/ngx-wall

## Features

- customizable - extend editor writing own components

- support drag-and-drop

- support columns

- created with extension in mind - write own plugin to extend behaviour (core functionality is written as the plugin)



## Why

Note-taking is my natural way to learn something new. Whether I read some book or learn new technology I have to write my thoughts down. For a long time I was trying to find an app for my notes. Evernote has too simple editor and not extensible. It cannot properly format block of code or add google maps inside doc. Google Docs is highly customizable but his heavy UI suits more for the science paper rather than quick notes. After awhile I found the balance between all my needs and it's notion.so application. Don't hesitate to try it, maybe it's also what are you looking for) I was so excited that I decided to write my own library which provides similar editor experience and behaviour. Based on the ngx-wall I'm building origin application - self-hosted note-taking app for saving my notes. 

## Development

ngx-wall is angular library based on angular-cli project.

### Folder structure

- `src` - development application

- `projects/ngx-wall` - ngx-wall library source code

- `projects/ngx-wall/src/lib/wall` - editor itself

- `projects/ngx-wall/src/lib/resources` - styles

- `projects/ngx-wall/src/lib/*-brick` - standard components

- `projects/ngx-wall/src/lib/moduels` - helper modules

### Development process

Install library dependencies

``` javascript

npm i

```

Start development application

``` javascript

npm start

```

Build library release version

``` javascript

npm release

```