Skip to content

An Angular wrapper for microsoft/roosterjs that consumes the React Components from microsoft/roosterjs-react

License

Notifications You must be signed in to change notification settings

hoop22/ngx-roosterjs

 
 

Repository files navigation

ngx-roosterjs

This project was created to be an Angular Wrapper for the project https://github.com/Microsoft/roosterjs. It turns out that Microsoft had a wrapper for this library using React (https://github.com/Microsoft/roosterjs-react).

Obviously the react library would have a lot more support than I would by myself so I thought, why not try to consume the existing react components inside this Angular wrapper?

It turns out that is totally possible! This project has the simplest demo ever in the src folder and a library that provides a basic editor.

Currently this project is under development and it only has a very basic usage. Will add new features as I find necessary or as per feature request. Bear in mind that I'm developing solo in my spare time. Should you need features quicker, PR's are more than welcome. If you want to become a contributor, please let me know.

This project was generated with Angular CLI version 7.1.0.

Usage

Install library

npm i ngx-roosterjs or yarn add ngx-roosterjs

Add the ngx-roosterjs module into your ng-module such as the below snippet

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { NgxRoosterjsModule } from 'ngx-roosterjs';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    NgxRoosterjsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

On your component template

  <ngx-roosterjs></ngx-roosterjs>

Development server

Run ng serve:dev for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build library

Run ng build:lib to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

About

An Angular wrapper for microsoft/roosterjs that consumes the React Components from microsoft/roosterjs-react

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 91.4%
  • CSS 3.6%
  • JavaScript 3.5%
  • HTML 1.5%