martinsvb / ng2-summernote Goto Github PK

How can I implement it ing NgModule?

Hi there,
I noticed that when the model which is assigned to the directive is null or even an empty string like "" - the summernote will not be rendered. I think this behavior does not make sense as the text can be empty (e.g. if summernote is used in an input form).

Let me know if you need any more details on this to understand the problem.

Hi,

I followed the readme, got no errors, but summernote is not showing up.
Only thing created is an empty <div class="summernote"></div> inside the <ng2-summernote>.

Any ideas?
Thanks!

Is there any examples anywhere accessing the summernote callbacks?

Hi,
This is the error i get when building for prod:

ERROR in Error encountered resolving symbol values statically. Calling function 'ɵmakeDecorator', function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol Injectable in {project}/node_modules/ng2-summernote/node_modules/@angular/core/core.d.ts, resolving symbol ɵe in {project}/node_modules/ng2-summernote/node_modules/@angular/core/core.d.ts, resolving symbol ɵe in /media/maxgama/data linux1/Workspace/Web/kaduceo-front/node_modules/ng2-summernote/node_modules/@angular/core/core.d.ts

Any workaround please?

[email protected]
Thank you by advance.

Hi,
How can I use the module?
I have followed the instructions in the README and it's not working for me
The tag isn`t recognized as angular2 module

Getting error when using webpack:

Module build failed: Error: Typescript emitted no output for /Users/me/dev/webpack/node_modules/ng2-summernote/ng2-summernote.ts.
You should not need to recompile .ts files in node_modules.
Please contact the package author to advise them to use --declaration --outDir.
More https://github.com/Microsoft/TypeScript/issues/12358
    at Object.loader (/Users/me/dev/webpack/node_modules/ts-loader/dist/index.js:32:15)
 @ ./app/app.module.ts 11:23-63
 @ ./app/main.ts

Any ideas?

Uncaught Error: Module parse failed: Unexpected token (16:8)
You may need an appropriate loader to handle this file type.
| import 'rxjs/add/operator/toPromise';
|
| declare var $: any;
|
| @component({

I just added ng2-summernote but app cant find Ng2Summernote class.

Uncaught Error: Unexpected value 'Ng2Summernote' declared by the module 'AppModule'

library was installed correctly and ng2-summernote directory is present under node_modules

package.json

{
  "name": "xxx",
  "version": "1.0.0",
  "description": "xxx",
  "repository": "xxx",
  "scripts": {
    "typings-install": "typings install",
    "postinstall": "npm run typings-install",
    "build:prod": "webpack --inline --colors --progress --display-error-details --display-cached --config config/webpack.prod.js",
    "server:dev": "webpack-dev-server --inline --colors --progress --display-error-details --display-cached --content-base src --config config/webpack.dev.js",
    "start": "npm run server:dev",
    "prod": "npm run build:prod"
  },
  "dependencies": {
    "@angular/common": "2.2.1",
    "@angular/compiler": "2.2.1",
    "@angular/core": "2.2.1",
    "@angular/forms": "2.2.1",
    "@angular/http": "2.2.1",
    "@angular/platform-browser": "2.2.1",
    "@angular/platform-browser-dynamic": "2.2.1",
    "@angular/router": "3.2.1",
    "@angular/upgrade": "2.2.1",
    "angular2-in-memory-web-api": "0.0.21",
    "animate.css": "3.1.1",
    "bootstrap": "^3.3.7",
    "core-js": "^2.4.1",
    "font-awesome": "^4.6.1",
    "ie-shim": "^0.1.0",
    "jquery": "^3.1.0",
    "metismenu": "^2.5.0",
    "pace": "0.0.4",
    "pace-progress": "^1.0.2",
    "reflect-metadata": "^0.1.3",
    "rxjs": "5.0.0-beta.12",
    "systemjs": "0.19.27",
    "zone.js": "^0.6.23",
    "angular2-jwt": "0.1.23",
    "jwt-decode": "2.1.0",
    "angular2-uuid":"1.1.0",
    "ng2-summernote":"1.11.0"
  },
  "devDependencies": {
    "angular2-template-loader": "^0.4.0",
    "awesome-typescript-loader": "^1.1.1",
    "bootstrap-webpack": "0.0.5",
    "css-loader": "^0.23.1",
    "exports-loader": "^0.6.3",
    "expose-loader": "^0.7.1",
    "extract-text-webpack-plugin": "^1.0.1",
    "file-loader": "^0.9.0",
    "html-webpack-plugin": "^2.22.0",
    "imports-loader": "^0.6.5",
    "less": "^2.7.1",
    "raw-loader": "^0.5.1",
    "style-loader": "^0.13.1",
    "to-string-loader": "^1.1.4",
    "typescript": "~1.8.9",
    "typings": "^1.3.2",
    "url-loader": "^0.5.7",
    "webpack": "^1.12.9",
    "webpack-dev-server": "^1.14.0",
    "webpack-merge": "^0.8.4"
  }
}

app.module.ts

import {NgModule} from "@angular/core";
import {RouterModule} from "@angular/router";
import {BrowserModule} from "@angular/platform-browser";
import {HttpModule} from "@angular/http";
import {ROUTES} from "./app.routes";
import {LocationStrategy, HashLocationStrategy, PathLocationStrategy} from "@angular/common";
import {MinorViewModule} from "../views/minor-view/minor-view.module";
import {NavigationModule} from "../views/common/navigation/navigation.module";
import {FooterModule} from "../views/common/footer/footer.module";
import {TopnavbarModule} from "../views/common/topnavbar/topnavbar.module";
import {Four04ViewViewModule} from "../views/four04-view/four04-view.module";
import {RegisterViewModule} from "../views/register/register-view.module";
import {LoginViewModule} from "../views/login/login-view.module";
import {ProfileViewModule} from "../views/profile/profile-view.module";
import {AuthModule} from "../auth/auth.module";
import {PublisherViewModule} from "../views/publisher/publisher-view.module";
import {AppComponent} from "./app.component";
import {Ng2Summernote} from "ng2-summernote/ng2-summernote";


@NgModule({
    declarations: [
        AppComponent,
        Ng2Summernote
    ],
    imports: [

        // Angular modules
        BrowserModule,
        HttpModule,

        // Views
        PublisherViewModule,
        MinorViewModule,
        Four04ViewViewModule,
        RegisterViewModule,
        LoginViewModule,
        ProfileViewModule,

        // Modules
        NavigationModule,
        FooterModule,
        TopnavbarModule,
        AuthModule,

        RouterModule.forRoot(ROUTES)
    ],
    providers: [{provide: LocationStrategy, useClass: PathLocationStrategy}],
    bootstrap: [AppComponent]
})

export class AppModule {
}

When I attempt to load ng2-summernote into RC6 version of Angular 2, I get the following errors:

node_modules/ng2-summernote/ng2-summernote.ts(20,50): error TS2304: Cannot find name 'Provider'.
[0] node_modules/ng2-summernote/ng2-summernote.ts(129,18): error TS2339: Property 'toPromise' does not exist on type 'Observable'.
[0] node_modules/ng2-summernote/node_modules/@angular/forms/src/directives.d.ts(44,39): error TS2314: Generic type 'Type' requires 1 type argument(s).
[0] node_modules/ng2-summernote/node_modules/@angular/forms/src/directives.d.ts(48,48): error TS2314: Generic type 'Type' requires 1 type argument(s).
[0] node_modules/ng2-summernote/node_modules/@angular/forms/src/form_providers.d.ts(13,38): error TS2314: Generic type 'Type' requires 1 type argument(s).

I have loaded ng2-summernote through ngModule declarations:

import {Ng2Summernote} from 'ng2-summernote/ng2-summernote';

@NgModule({
imports: [...],
declarations: [... Ng2Summernote],
bootstrap: [AppComponent ...]
})
export class AppModule {
}

package.json:

"dependencies": {
"@angular/common": "2.0.0-rc.6",
"@angular/compiler": "2.0.0-rc.6",
"@angular/core": "2.0.0-rc.6",
"@angular/forms": "2.0.0-rc.6",
"@angular/http": "2.0.0-rc.6",
"@angular/platform-browser": "2.0.0-rc.6",
"@angular/platform-browser-dynamic": "2.0.0-rc.6",
"@angular/router": "3.0.0-rc.2",
"@angular/upgrade": "2.0.0-rc.6",
"angular2-in-memory-web-api": "0.0.18",
"bootstrap": "^3.3.6",
"core-js": "^2.4.1",
"ng2-summernote": "^1.10.7",
"reflect-metadata": "^0.1.3",
"rxjs": "5.0.0-beta.11",
"systemjs": "0.19.27",
"zone.js": "^0.6.17"
},

I have copied the code from the Read.Me/samples. And have ran into issues other people have presented. My module doesn't seem to enjoy ngModel parameter. But if I omit it, it won't show up with this issue #8. I may be doing something stupid but I don't think I am? The error message is found below.

Exception:

Call to Node module failed with error: Error: Template parse errors:
Can't bind to 'ngModel' since it isn't a known property of 'ng2-summernote'.

1. If 'ng2-summernote' is an Angular component and it has 'ngModel' input, then verify that it is part of this module.
2. If 'ng2-summernote' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("

][(ngModel)]="data" height="500" >

Update on versions:
npm: 5.0.4
@ angular/cli: 1.0.6
node: 6.10.3
os: win32 x64
@ angular/animations: 4.1.
@ angular/common: 4.1.2
@ angular/compiler: 4.1.2
@ angular/core: 4.1.2
@ angular/forms: 4.1.2
@ angular/http: 4.1.2
@ angular/platform-browser
@ angular/platform-browser
@ angular/platform-server:
@ angular/router: 4.1.2

I want to use the ng2-summernote in angular2 Can you give the test-code that can work ?
And angular2 version you currently have sseusigo what about the third?

AppComponent.html:21 ERROR Error: No provider for Http!

the full error:
node_modules/ng2-summernote/ng2-summernote.ts(20,50): error TS2304: Cannot find name 'Provider'.

I am using Angular 2.0.0 with angular starter, not sure what this error means. Any help would be greatly appreciated.

Using angular2 RC4, cannot get past this error.

1. Brought ng2-summernote from npm
2. included in my webpack vendor
3. added <ng2-summernote [(ngModel)]="mymodel.Description" [height]="300" [lang]="cs-CZ"> </ng2-summernote> to the template
4. added imports + directive

import { Ng2Summernote } from 'ng2-summernote/ng2-summernote';
directives: [Ng2Summernote]

5. Always crashes with same error, "Cannot read property 'lang' of undefined"

Unhandled Promise rejection: Template parse errors:
'ng2-summernote' is not a known element:

1. If 'ng2-summernote' is an Angular component, then verify that it is part of this module.

2. If 'ng2-summernote' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" [(ngModel)]="rechtlichesDetails.description" required></textarea>

                            [ERROR ->]<ng2-summernote [(ngModel)]="rechtlichesDetails.description" height="500" lang="cs-CZ"></ng2-summerno"): ng:///RestaurantModule/EditRechtlichesComponent.html@23:32 ; Zone: <root> ; Task: Promise.then ; Value: Error: Template parse errors:
   

Hello, can you include a license with the project? This would be helpful for our project to determine if we can use this with our application. Without a license, we are unable to use the ng2-summernote project.

Thanks!