question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cannot load quill in polymer component

See original GitHub issue

We were trying to include polymer in polymer web component, but it throws an error. Does quill work with web components and polymer library?

Steps for Reproduction Add the following lines to your polymer component:

<dom-module id="my-view3">
    <template>
            <div id="editor">
                    <p>Hello World!</p>
                    <p>Some initial <strong>bold</strong> text</p>
                    <p>
                        <br>
                    </p>
            </div>
    </template>
    <script>
     Polymer({

         is: 'my-view3',

         ready: function() {
             /*this.scopeSubtree(this.$.container, true);*/
             var quill = new Quill('#editor', {
                 modules: {
                     toolbar: true
                 },
                 theme: 'snow'
             });
         },
     });
    </script>
</dom-module>

Expected behavior: [expected] An editor in the my-view3 component.

Actual behavior: [actual] Just the plan text. Error in the logs is "Invalid Quill container line 10283

Platforms: [ex. Chrome 48 on Mac 10.11] Chrome, Mac 10.11

Version: [version]

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:27 (11 by maintainers)

github_iconTop GitHub Comments

1reaction
chuckhcommented, Dec 23, 2016

polymer-quill has just been updated to Quill 1.1.8. Lots more demos, added Quill HTML render see at https://chuckh.github.io/polymer-quill/components/polymer-quill/#polymer-quill-html-render.

Learn more at: https://beta.webcomponents.org/element/chuckh/polymer-quill.

0reactions
skcorrohcommented, Jun 7, 2018

@chuckh Is there a Polymer 2.0 version? running the command bower install --save polymer-quill (as stated by the repo) is returning an

ECONFLICT Unable to find suitable version for iron-resizable-behavior

Read more comments on GitHub >

github_iconTop Results From Across the Web

Trying to install polymer-quill via bower - Stack Overflow
New to bower and web components. I'm trying to install the polymer-quill library with bower. npm install -g bower mkdir polymerquill cd ...
Read more >
Buckets - Quill.com
Ergonomic polymer molded handle. Constructed of durable polymer with pouring spout on each side. $99.99 Carton. This item ships FREE *.
Read more >
Composites from chicken feathers quill and recycled ...
an amply used polymer: polypropylene; which can open an important gate towards the extended ... PP matrix cannot take in all quill particles...
Read more >
ngx-quill - npm
Angular components for the easy use of the QuillJS richt text editor.. Latest version: 20.0.1, last published: 16 days ago.
Read more >
US20080173667A1 - Dispensing of liquid with arrays of tubular quill ...
A method of dispensing display fluid into an array of cells loads an array ... The quills load the ink into at least...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found