Base solution for your next web application
Open Closed

ngPrime Editor component : issue with quill #3819


User avatar
0
Ricavir created

Hello,

I'm trying to implement ngPrime Editor component as you did with the DemoUI page on last aspnetzero release. I've installed quill with npm (npm install quill --save) I've also added JS and CSS reference on angular-cli file : "scripts": [... "../node_modules/quill/dist/quill.js"], "styles": [ ... "../node_modules/quill/dist/quill.core.css", "../node_modules/quill/dist/quill.snow.css"],

I imported the component in my angular module.

I have the following issue when I try to open a page with editor included : "Quill is not defined"

I try to add a reference on typings but still same issue.

Did you had this issue also on your DemoUI page ? Any idea to solve this ?


6 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @Ricavir,

    Is the quill.js last item in your scripts of angular-cli.json ? AspNet Zero uses quill 1.3.0, can you also check your version ?

    Thanks.

  • User Avatar
    0
    alper created
    Support Team

    hi

    Are you sure it's an angular component! Check out quill for angular <a class="postlink" href="https://github.com/surmon-china/ngx-quill-editor">https://github.com/surmon-china/ngx-quill-editor</a>

  • User Avatar
    0
    Ricavir created

    Hello,

    Yes, Editor component from ngPrime is an angular component with Quill dependency.

    Quill reference is the lastest item in my angular-cli file. My Quill version is 1.3.2, I've checked differences between 1.3.0 but just bugg fixes ; normally, should not have impact.

    By the way, I've tried to implement another editor : this time I select TinyMce editor (they have an angular version of it). It is also not working with error TinyMce is not defined.

    Can this be caused by a wrong typings configuration ? It is stange that both editor components have quite the same problem...

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @Ricavir,

    Have you imported EditorModule in admin.module.ts ? If so, you can check alternative solutions offered in this issue <a class="postlink" href="https://github.com/primefaces/primeng/issues/807">https://github.com/primefaces/primeng/issues/807</a>.

  • User Avatar
    0
    Ricavir created

    Hi,

    Took some time to make this work. I tried out workarounds here : [https://github.com/primefaces/primeng/issues/807]). But didn't work for me.

    After, I installed quill from npm package "ngx-quill".

    Now, it's working perfectly :)

    Cheers

  • User Avatar
    0
    ismcagdas created
    Support Team

    Great :)