surmon-china/ngx-quill-editor

🍡@quilljs editor component for @angular

  

> I am passionate about open source software and giving back to others.

> My projects are trusted by thousands of developers all over the world.

_

  

             

Become a sponsor to me on GitHub Sponsors or PayPal, BTC,ETH.

	project	homepage	stars	last commit	downloads	version
	README.vue	#homepage			-
	veact  |  veact-use 🔥	#readme
	mongodb-data-api	-
	libundler	-
	nodepress 🔥	#documentation			-
	surmon.me 🔥	#surmon.me			-
	veact-admin	#demo_site			-
	angular-admin	-			-
	surmon.me.native	#download			-
	naivebayes	#examples
🎬	videojs-player	#examples				-
	vue-awesome-swiper	#examples
	vue-codemirror	#examples
	vue-quill-editor	#examples
	vue-touch-ripple	#examples
	vue-drag-zone	#examples
	ngx-quill-editor	#examples
	typed-less-modules	-
	wonderful-bing-wallpaper	-
	simple-netease-cloud-music	-
🤪	emoji-233333	#examples
	better-itg-flat-dark-vscode-theme	#install			-	-
	github.surmon.me	-			-
	create-release	#marketplace			-
	WordPress themes	-	-	-	-	-

ngx-quill-editor's Issues

not find css

E:/angular2/my-app2/node_modules/ng2-quill-editor/quillEditor.component.ts (23,5): Cannot find name 'require'.
this is source code quillEditor.component.ts
styles: [
require('quill/dist/quill.core.css'),
require('quill/dist/quill.snow.css'),
require('quill/dist/quill.bubble.css')
],

How to make the code highlighted？

Where is the source code of the example application?

I couldn't run quill editor using the documentation in https://github.com/surmon-china/ngx-quill-editor

Where can I find the source code of the example application in https://surmon-china.github.io/ngx-quill-editor/?

Testing wih Jest fails.

The following block of code is causing a failure when I am using Jest with jest-angular-preset plugin.

ngx-quill-editor/quillEditor.component.ts

Lines 20 to 25 in 512310b

	styleUrls: [
	'./quillEditor.component.css',
	'../quill/dist/quill.core.css',
	'../quill/dist/quill.snow.css',
	'../quill/dist/quill.bubble.css'
	],

The details of the error is,

 FAIL  src/app/app.component.spec.ts (5.944s)
  AppComponent
    ✕ should create the app (96ms)

  ● AppComponent › should create the app

    SyntaxError: The string did not match the expected pattern.

      at XMLHttpRequest.open [as __zone_symbol__open] (node_modules/jest-preset-angular/node_modules/jsdom/lib/jsdom/living/xmlhttprequest.js:475:15)
      at Array.map (native)

  ● AppComponent › should create the app

    SyntaxError: The string did not match the expected pattern.

      at XMLHttpRequest.open [as __zone_symbol__open] (node_modules/jest-preset-angular/node_modules/jsdom/lib/jsdom/living/xmlhttprequest.js:475:15)
      at Array.map (native)

Test Suites: 1 failed, 1 total
Tests:       1 failed, 1 total
Snapshots:   0 total
Time:        7.915s
Ran all test suites.

However, the error can be easily fixed if it's changed to inline like the following,

styleUrls: [
    './quillEditor.component.css', '../quill/dist/quill.core.css', '../quill/dist/quill.snow.css', '../quill/dist/quill.bubble.css'
  ],

I know this is jest-angular-preset's plugins regex that fails to parse the line breaks but if you think that little change in code won't hurt I can create a PR :).

Uncaught Error: Expected 'styles' to be an array of strings.

Installing on Angular 4. getting this error when webpack compiles for es5.

compiler.es5.js:3920 Uncaught Error: Expected 'styles' to be an array of strings. at assertArrayOfStrings (compiler.es5.js:3920) at CompileMetadataResolver.getNonNormalizedDirectiveMetadata (compiler.es5.js:15174) at CompileMetadataResolver.loadDirectiveMetadata (compiler.es5.js:15096) at compiler.es5.js:26806 at Array.forEach (<anonymous>) at compiler.es5.js:26805 at Array.forEach (<anonymous>) at JitCompiler._loadModules (compiler.es5.js:26802) at JitCompiler._compileModuleAndComponents (compiler.es5.js:26772) at JitCompiler.compileModuleAsync (compiler.es5.js:26701)

Any suggestion?

(change) event triggered on init but shouldn't

unexpected value 'undefined' imported by the module appmodule

Hello,
I tried to use the exemple in my angular 5 project, but I got an error "unexpected value 'undefined' imported by the module appmodule"
I have imported the module like this:

import { QuillEditorModule } from 'ngx-quill-editor';

imports: [
    BrowserModule,
    DataTablesModule,
    FormsModule,
    AppRoutingModule,
    ToasterModule,
    QuillEditorModule,
    NoopAnimationsModule,
    BrowserAnimationsModule,
    MaterialModule,
    ImageZoomModule,
    TranslateModule.forRoot(),
    NgxStepperModule,
    HttpClientModule,

    // The HttpClientInMemoryWebApiModule module intercepts HTTP requests
    // and returns silmulated server response
    // Remove it when a real server is ready to receive requests
    HttpClientInMemoryWebApiModule.forRoot(
      InMemorySearchDataService, { dataEncapsulation: false }
    )],

Then, i copied exactlly the same code from the exemple into my web page, and finally i got the error, can you tell me why, should i install another dependency? or is there anything wrong in my appmodule?
Thanks.

Change the editor's css property after import

Hello,
I have imported the editor correctly, but i want to do some customazation, can you show me an exemple how to modify the default css properties like opacity, hide/display, etc, please?
I use Angular 5 for the project.
Thank you.

Not able to add font

I'm trying to add the Roboto font.

public editorConfig = { modules: { toolbar: [ ['bold', 'italic', 'underline', 'strike'], [{ 'list': 'ordered'}, { 'list': 'bullet' }], [{ 'header': [1, 2, 3, 4, 5, 6, false] }], [{ 'color': [] }, { 'background': [] }], [{ 'font': ['roboto'] }], [{ 'align': [] }], ['link', 'image'], ['clean'] ] } };
It's not adding it, also it's repeating Sans Serif twice.

Toolbar on the top instead...

Is it possible to have the toolbar on the top position instead of the bottom in Example 01 (Theme Bubble)?

Type 'null' is not assignable to type 'string'

ngx-quill-editor/quillEditor.component.ts

Line 114 in 512310b

if (html === '<p><br></p>') html = null;

Can you please add type to html that way on the line 111 : let html: string | null = this.editorElem.children[0].innerHTML;

Bold functionality not working in custom mode

When the bold button is clicked the text can't be converted to bold text.

quillEditor.component.ts (14,20): Cannot find namespace 'Quill'.

Version "ngx-quill-editor": "^2.1.0", has following errors;

ERROR in /path/frontend/node_modules/ngx-quill-editor/quillEditor.component.ts (14,20): Cannot find namespace 'Quill'.

ERROR in /path/frontend/node_modules/ngx-quill-editor/quillEditor.component.ts (15,22): Cannot find namespace 'Quill'.

ERROR in /path/frontend/node_modules/ngx-quill-editor/quillEditor.component.ts (16,22): Cannot find namespace 'Quill'.

ERROR in /path/frontend/node_modules/ngx-quill-editor/quillEditor.component.ts (17,18): Cannot find namespace 'Quill'.

ERROR in /path/frontend/node_modules/ngx-quill-editor/quillEditor.component.ts (18,20): Cannot find namespace 'Quill'.

ERROR in /path/frontend/node_modules/ngx-quill-editor/quillEditor.component.ts (19,15): Cannot find name 'require'.
webpack: Failed to compile.

use the editor with systemJS in visual studio 2015

Hello
I'm trying to use the editor in visual studio 2015, but i need to include the the js file in the systemjs.config.js file.

can anybody help me?

Angular 5

Hello I want to integrate nix-quill-editor to my angular 5 project, and I import the module to my app.module.ts, the browser has a error which is
Error: Unexpected value 'undefined' imported by the module 'AppModule'

The code is
`import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

import { QuillEditorModule } from 'ngx-quill-editor';

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

Anyone knows the reason? Thank you.

It removing table tags from content. what is the solution for it

Editing content Ctrl + Z deletes everything in IE 11 / Firefox 50.0.2

After implementing this component in my app I realized that when the user edits content, and the content is loaded into the component successfully, if the user presses crtl + z everything is deleted (the content loaded previously). Why this happens? Is there a workaround or setting to fix it?

Regards,
Luis.

Expected 'styles' to be an array of strings.

Hi, I'm having this error when I import the plugin to my module.

"Expected 'styles' to be an array of strings."

Update dependencies

Hi,
I think you should update package.json to depend on @types/quill set to version 1.3.3 (like in ng-quill) instead of ^0.0.31, otherwise it's not possible to, for instance, set default block wrapping like follows:

// Quill configuration: use SPANs instead of Paragraphs (skips line)
var Block = Quill.import('blots/block');
Block.tagName = 'SPAN';
Quill.register(Block, true);

unable to register ImageResize module

i tried to register ImageResize module with
https://github.com/kensnyder/quill-image-resize-module
but am getting

image-resize.min.js:1 Uncaught TypeError: Cannot read property 'imports' of undefined
at Object. (image-resize.min.js:1)

am using angular4, any idea ? steps ?

How to register a custom module?

How a custom module can be registered into ngx quill editor?
For example, if I want to use this one: https://www.npmjs.com/package/quill-mentions what should I do to make it available to ngx quill?

Thanks.

webpack build error

I downloaded today - using 2.0.0

I get these build errors

[at-loader] Checking finished with 2 errors
[1] [at-loader] node_modules/ng2-quill-editor/quillEditor.component.ts:22:3
[1] TS1117: An object literal cannot have multiple properties with the same name in strict mode.
[1]
[1] [at-loader] node_modules/ng2-quill-editor/quillEditor.component.ts:22:3
[1] TS2300: Duplicate identifier 'styles'.
[1]

How to add code to highlight?

I want to paste some code,how to add code to highlight?

Toolbar - how do you remove link,image,video

Hi I am having trouble removing the link,image and video buttons

@component({
selector: 'app-notes',
templateUrl: './notes.component.html',
styleUrls: ['./notes.component.scss']
})
export class NotesComponent implements OnInit {
editorValue: string;
notes: any;
modalRef: NgbModalRef;

public editorConfig = {
theme: 'bubble',
placeholder: 'Add a note',
modules: {
  toolbar: [
        ['bold', 'italic', 'underline', 'strike'],        // toggled buttons
        ['blockquote', 'code-block'],
        [{ 'header': 1 }, { 'header': 2 }],               // custom button values
        [{ 'list': 'ordered' }, { 'list': 'bullet' }],
        [{ 'script': 'sub' }, { 'script': 'super' }],      // superscript/subscript
        [{ 'indent': '-1' }, { 'indent': '+1' }],          // outdent/indent
        [{ 'direction': 'rtl' }],                         // text direction
        [{ 'size': ['small', false, 'large', 'huge'] }],  // custom dropdown
        [{ 'header': [1, 2, 3, 4, 5, 6, false] }],
        [{ 'color': [] }, { 'background': [] }],          // dropdown with defaults from theme
        [{ 'font': [] }],
        [{ 'align': [] }],
        ['clean']
        //['link', 'image','video']                                  
  ],
}

};

html...
<div class="notes"> <div class="modal-header"> <span> <i class="fa fa-4x fa-pencil-square-o"></i> </span> </div> <div class="modal-body"> <quill-editor [options]="editorConfig" [(ngModel)]="editorValue" (onEditorCreated)="setFocus($event)"> </quill-editor> </div> <div class="modal-footer"> <button type="button" (click)="onNotesSave(editorValue)" class="btn btn-primary notes__btn">Save</button> </div> </div>

Any help would be appreciated thank you.

no scrollbar with the first exemple

If we have more than 10 lines for the content, with the first exemple, the content will be outside of the text area.

how can i increase height of the editor

I m using this module, but it only display editor with short height how to increase height of editor?

Enable edit html code.

I'm integrating the ngx-quill-editor on angular-5 project and we want to add a feature to user he can directly edit html code.
Can we add feature like view-source ?

Disable not available

Disable property not available

Inline css instead of classes

Not so much an issue more of a question. Is there a way to use inline styles instead of classes? I want to send an email with results.

Using both styleUrls and styles properties does not work in Webpack environment

Webpack would replace styleUrls with another copy of styles, meaning that only the last takes effect. In addition, this will crash application in IE and Edge, as it's strict mode does not allows property duplication.

IE 11 click in heading 1 break the line

If I have this title setting as Heading 2:

My Title

When I enter to edit this content and I click in the "l" the final "e" moves to the next line.

This only happens in IE 11.

I hope you have a workaround for this.

Regards,

Luis.

Uncaught TypeError: cssText.replace is not a function

The error that i've got is typed below;

Uncaught TypeError: cssText.replace is not a function at extractStyleUrls (webpack-internal:///../../../compiler/@angular/compiler.es5.js:12227) at eval (webpack-internal:///../../../compiler/@angular/compiler.es5.js:14436) at Array.map (<anonymous>) at DirectiveNormalizer.normalizeStylesheet (webpack-internal:///../../../compiler/@angular/compiler.es5.js:14435) at DirectiveNormalizer.normalizeLoadedTemplate (webpack-internal:///../../../compiler/@angular/compiler.es5.js:14363) at eval (webpack-internal:///../../../compiler/@angular/compiler.es5.js:14347) at Object.then (webpack-internal:///../../../compiler/@angular/compiler.es5.js:1902) at DirectiveNormalizer.normalizeTemplateOnly (webpack-internal:///../../../compiler/@angular/compiler.es5.js:14347) at DirectiveNormalizer.normalizeTemplate (webpack-internal:///../../../compiler/@angular/compiler.es5.js:14329) at CompileMetadataResolver.loadDirectiveMetadata (webpack-internal:///../../../compiler/@angular/compiler.es5.js:15358)

My environment
Angular version : 4.2.4
Quill : 1.3.4
ngx-quill-editor : 2.2.2

.angular-cli.json file

{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "project": { "name": "tdadmin" }, "apps": [ { "root": "src", "outDir": "dist", "assets": [ "assets", "favicon.ico" ], "index": "index.html", "main": "main.ts", "polyfills": "polyfills.ts", "test": "test.ts", "tsconfig": "tsconfig.app.json", "testTsconfig": "tsconfig.spec.json", "prefix": "app", "styles": [ "styles.scss", "../node_modules/font-awesome/css/font-awesome.min.css", "../node_modules/mdi/css/materialdesignicons.min.css", "../node_modules/primeng/resources/themes/omega/theme.css", "../node_modules/primeng/resources/primeng.min.css", "../node_modules/quill/dist/quill.core.css", "../node_modules/quill/dist/quill.snow.css" ], "scripts": [ "../node_modules/quill/dist/quill.js" ], "environmentSource": "environments/environment.ts", "environments": { "dev": "environments/environment.ts", "prod": "environments/environment.prod.ts" } } ], "e2e": { "protractor": { "config": "./protractor.conf.js" } }, "lint": [ { "project": "src/tsconfig.app.json" }, { "project": "src/tsconfig.spec.json" }, { "project": "e2e/tsconfig.e2e.json" } ], "test": { "karma": { "config": "./karma.conf.js" } }, "defaults": { "styleExt": "scss", "component": {} } }

styleUrls and styles in QuillEditorComponent

QuillEditorComponent has both styleUrls and styles in settings:

@Component({
...
  styleUrls: [
    './quillEditor.component.css'
  ],
  styles: [
    require('quill/dist/quill.core.css'),
    require('quill/dist/quill.snow.css'),
    require('quill/dist/quill.bubble.css')
  ],
...
})

It is the problem when I use @angular/cli, cause it compile in:

QuillEditorComponent = QuillEditorComponent_1 = __decorate([
    core_1.Component({
        selector: 'quill-editor',
        template: "<div class=\"quill-editor\"></div>",
        styles: [__webpack_require__(557)],
        styles: [
            __webpack_require__(559),
            __webpack_require__(560),
            __webpack_require__(558)
        ],
        providers: [{
                provide: forms_1.NG_VALUE_ACCESSOR,
                useExisting: core_1.forwardRef(function () { return QuillEditorComponent_1; }),
                multi: true
            }],
        encapsulation: core_1.ViewEncapsulation.None
    }),
    __metadata("design:paramtypes", [typeof (_e = typeof core_1.ElementRef !== "undefined" && core_1.ElementRef) === "function" && _e || Object])
], QuillEditorComponent);
exports.QuillEditorComponent = QuillEditorComponent;

So, styleUrls become styles somehow and it is the problem. Is it possible to use styleUrls or styles setting, but not both of them?

How to integrate into a angular 4 project

I have followed the steps but the example sample ones weren't sufficient to understand the integration to angular 4 project .Please help with this solution

如何获取本地上传图片的尺寸

你好！我想获取到上传图片的height 与 width,请问什么参数可以设置height width alt

@1.1.1 cannot find name 'Quill'

have an error

quillEditor.component.ts:79:28 Cannot find name 'Quill'.

after update 1.1.0 to 1.1.1

Unexpected RTL & other Issues

Hi folks,

I have the latest versions of ngx-quill-editor and @types-quill installed, and use the editor with the following configuration:

this.editorConfig = { debug: 'info', theme: 'bubble', placeholder: 'Insert text here...' };

and everything looks fine.

I impelement it into the template with:
<quill-editor [(ngModel)]="pkgTexts.Content" [options]="editorConfig" (change)="pkgTexts.Content = $event.text"> </quill-editor>

When I enter text, it is like RTL, [Space] is completely ignored and [Enter] removes any stylings. Prior to my update, everything looked fine and worked as it should.

Thank you in advance & regards

Error with webpack

I am running an Angular 2 app inside an MVC.NET app following these instruction: http://blog.stevensanderson.com/2016/10/04/angular2-template-for-visual-studio/. I have successfully added ng2-quill-editor to my project and even linked to it in app.module.ts. But when I follow the instructions to add a third-party library in the link above, I get this error in the console from webpack:
command: webpack --config webpack.config.vendor.js
output: Module not found: Error: Cannot resolve module 'ng2-quill-editor'

I have not had this problem with other third-party packages. Any idea what's wrong?

Thanks

upload images to the server and render it using image url

Hello
What if i can upload every image, when i press on the image button of the editor so, but i want to store the image to server and return image url [so that i get rid of store the image using base64], and then render the image based on the returned image.

ERROR TypeError: _co.onContentChanged is not a function

Hello!

After install the package in my Angular5 project, i have this error:
ERROR TypeError: _co.onContentChanged is not a function at Object.eval [as handleEvent]
The control work fine, but, when i type any letter, shows this error in googleChrome console.

Angular5
ngx-quill-editor version 2.2.2

Thank you.

May I ask how to do localization text configuration?

May I ask how to do localization text configuration?

Dynamically change readOnly status of editor

I am able to set the readOnly status while initializing but doesn't work when changing dynamically

this.editorConfig.readOnly = false;

Can I set read only property dynamically? I tried setting [readOnly]="editorState" but looks like readOnly is not a known property

Where is the index.js

Hi,

I am using Angular-seed project which is using SystemJS. It requires the index.js instead of index.ts. Any ideas?

为什么没有index.js文件呢？

Hi Surmon can I add more font family into editor

In my project I want to add more font family into editor.
Can you please suggest me to edit?
Much thank.

AOT issue

Hi,

ERROR in E:\Projects\abc\v1\node_modules\ngx-quill-editor\quillEditor.component.css:71
throw new Error("Module build failed: Error: \"extract-text-webpack-plugin\" loader is used without the corresponding plugin, refer to https://github.com/webpack/extract-text-webpack-plugin for the usage example\n    at Object.pitch (E:\\Projects\\abc\\v1\\node_modules\\extract-text-webpack-plugin\\dist\\loader.js:57:11)");
^

Error: Module build failed: Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin, refer to https://github.com/webpack/extract-text-webpack-plugin for the usage example
    at Object.pitch (E:\Projects\abc\v1\node_modules\extract-text-webpack-plugin\dist\loader.js:57:11)
    at Object.sVlT (E:\Projects\abc\v1\node_modules\ngx-quill-editor\quillEditor.component.css:71:7)
    at __webpack_require__ (E:\Projects\abc\v1\node_modules\ngx-quill-editor\quillEditor.component.css:20:30)
    at sVlT (E:\Projects\abc\v1\node_modules\ngx-quill-editor\quillEditor.component.css:63:18)
    at E:\Projects\abc\v1\node_modules\ngx-quill-editor\quillEditor.component.css:66:10
    at ContextifyScript.Script.runInContext (vm.js:35:29)
    at ContextifyScript.Script.runInNewContext (vm.js:41:15)
    at Object.runInNewContext (vm.js:93:38)
    at WebpackResourceLoader._evaluate (E:\Projects\abc\v1\node_modules\@ngtools\webpack\src\resource_loader.js:110:40)
    at Compilation.compilation.plugin (E:\Projects\abc\v1\node_modules\@ngtools\webpack\src\resource_loader.js:58:26)
    at Compilation.applyPluginsAsyncSeries (E:\Projects\abc\v1\node_modules\tapable\lib\Tapable.js:206:13)

I am facing this. Any help would be appreciated.

Issue with Angular 5.x

After upgrading my project to Angular 5, I now get this error when running ng serve:

ERROR in ./node_modules/ngx-quill-editor/quillEditor.component.ts
Module build failed: Error: C:\projects\event-system\event-system-admin\node_modules\ngx-quill-editor\quillEditor.component.ts is not part of the compilation output. Please check the other error messages for details.
    at AngularCompilerPlugin.getCompiledFile (C:\projects\event-system\event-system-admin\node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:629:23)
    at plugin.done.then (C:\projects\event-system\event-system-admin\node_modules\@ngtools\webpack\src\loader.js:467:39)
    at <anonymous>
    at process._tickCallback (internal/process/next_tick.js:188:7)
 @ ./src/app/speaker/person-details/person-details.component.ts 18:0-103
 @ ./src/app/speaker/speaker.module.ts
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts
ERROR in ./node_modules/ngx-quill-editor/quillEditor.module.ts
Module build failed: Error: C:\projects\event-system\event-system-admin\node_modules\ngx-quill-editor\quillEditor.module.ts is not part of the compilation output. Please check the other error messages for details.
    at AngularCompilerPlugin.getCompiledFile (C:\projects\event-system\event-system-admin\node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:629:23)
    at plugin.done.then (C:\projects\event-system\event-system-admin\node_modules\@ngtools\webpack\src\loader.js:467:39)
    at <anonymous>
    at process._tickCallback (internal/process/next_tick.js:188:7)
 @ ./src/app/speaker/speaker.module.ts 18:0-94
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts

There's a workaround for this, but it would be good if this issue is fixed.

quill图片上传后为base64格式

怎么能先上传到七牛这些第三方,是需要修改ngx-quill-editor的源文件么

Property 'assign' does not exist on type 'ObjectConstructor'

Hi.

I've just downloaded your component and im trying to make it work. I've added the component to my appModule as explained in the ReadMe file, then i get this error:

../angular-seed/angular-webpack/node_modules/ng2-quill-editor/quillEditor.component.ts:81:57
Property 'assign' does not exist on type 'ObjectConstructor'.

i also get a bunch of other errors, like this one:
Uncaught Error: Expected 'styles' to be an array of strings.
at assertArrayOfStrings (eval at (http://localhost:8081/vendor.js:95:2)

Most of the errors occur in the vendor.ts file.

I had to set the "noImplicitAny": false to false to avoid a whole bunch of other errors regarding implicitly type any.

Is there any fix to these errors? Am i missing something?

I'm running with typescript version 2.0.10 - angular version ~2.2.0

Kind regards Chris

Cannot find name 'require'

ERROR in C:/Users/Mark/Documents/GitHub/quillTest/node_modules/ng2-quill-editor/quillEditor.component.ts (14,15): Cannot find name 'require'.)
C:/Users/Mark/Documents/GitHub/quillTest/node_modules/ng2-quill-editor/quillEditor.component.ts (23,5): Cannot find name 'require'.)
C:/Users/Mark/Documents/GitHub/quillTest/node_modules/ng2-quill-editor/quillEditor.component.ts (24,5): Cannot find name 'require'.)
C:/Users/Mark/Documents/GitHub/quillTest/node_modules/ng2-quill-editor/quillEditor.component.ts (25,5): Cannot find name 'require'.)

Any ideas what's happening here? I'm using Angular v4 Final

need to register ImageResize moudule ?

i need to add the functionality of image resize to the editor, how ?