Skip to content
Helps build content editor for note-taking application
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs/images
e2e
projects/ngx-wall
src
.editorconfig
.gitignore
.travis.yml
LICENSE
README.md
angular.json
package-lock.json
package.json
tsconfig.json
tslint.json

README.md

ngx-wall

npm version Coverage Status npm version peerDependencies Status

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)

ORY Editor demo

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

npm i

Start development application

npm start

Build library release version

npm release

ORY Editor demo

You can’t perform that action at this time.