Quill is not working with vuejs and showing arrow image

Viewed 329

I've followed the quill playground guide but using vuejs and it doesn't work. There's no error on the browser but a weird arrow is showing.

enter image description here

Example: https://codepen.io/danny1014/pen/gOLZNZQ

var quill = new Quill("#quill-container", {
  modules: {
    toolbar: [
      [{ header: [1, 2, false] }],
      ["bold", "italic", "underline"],
      ["image", "code-block"]
    ]
  },
  scrollingContainer: "#scrolling-container",
  placeholder: "Compose an epic...",
  theme: "bubble"
});
2 Answers

Did you import css file of theme "bubble"? Something like @import "~quill/dist/quill.snow.css";

Try using snow theme instead of bubble

Related