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.

Frustrating even to get started, document needs improving to make quill user not painful

See original GitHub issue

Some complaints before my problem: 1.Too much talk in document. (Please show more code, give a look to tinymce editor’s document or any other well known editor’s documents) 2.Frustrating to get started. (Can u just give a simple example for people to get start, and show the full options to let people play around and show some awesome third party modules for developers to enjoy, in the homepage or in the README.md page?)

Here is how I get started: In terminal: npm install quill -S

In Vue file:

<template>
  <div class="editor-container">
    <div id="toolbar"></div>
    <div id="editor_id"></div>
  </div>
</template>
<script>
import Quill from 'quill'

export default {
     ...
     methods: {
         initEditor() {
            const dom = document.getElementById(this.editor_id)
            console.log(dom)
            var editor = new Quill(dom, {
               modules: {
               toolbar: '#toolbar'
             },
             placeholder: '请输入内容...',
             theme: 'snow'
           });
         }
     }
     ...
}
</script>

I know there is something that quill required missing in my code. But I cannot find a place to know what do I missing. there is no get started example in your official site or your document to show which to require except Quill

So I guess the style might need require separately, So I searched, and found this:

import Quill from 'quill'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'

After I import these css, the style changed a little bit. But still not what I want, the toolbar is missing, and the style is wrong.

image

Six month ago, a frontend intern in our company use quill, I found it painful to solve a simple problem.(document). I really don’t know why quill get so many star on github

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
Nomiacommented, Aug 27, 2018

I suggest give reference link in every of your codepen demo. So people who see the demo useful will get to the reference immediately instead of searching and finding in you official navigation-not-well-designed document.

And most importantly, please make doc detailed, have full list option of every feature, or just open source your offcial website, so people can submit to detail it. thx

0reactions
Nomiacommented, Aug 28, 2018

Sure I will try

Read more comments on GitHub >

github_iconTop Results From Across the Web

I've decided to fork Flutter Quill Rich text editor and do ... - Reddit
I chose Flutter Quill as the text editor mainly because of the delta document format and the traction it gained. However, extending Flutter ......
Read more >
Why We Moved From Quill to Slate - Medium
The public does not have an account. They can either view a shared document, or they can collaborate on it. In the first...
Read more >
Getting Started with Rich Text Editors in React - Bits and Pieces
It's pretty easy to work with, and comes with an out of the box product with plenty of functionality — no customization needed....
Read more >
How to increase your typing speed – Quill.com Blog
As someone who did not start out as the world's fastest typist, I knew I had to ... I would type really quickly...
Read more >
The Tongue and Quill - School of Strategic Landpower
Currently, The Tongue and Quill is widely used by Air Force ... Since communication requires effort, it should always have a purpose.
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