quilljs / docs-old Goto Github PK

Hi, the Clone Medium with Parchment article has some unclear instructions about playing with the CodePen examples in the browser console. For example, in the Basic Formatting section it says:

Open your developer console and try out Quill’s APIs on your new bold and italic formats! Make sure to set the context to the correct CodePen iframe to be able to access the quill variable in the demo.

But the quill variable isn't on the window object, so how would the dev console have access to it even if the correct iframe is set as the execution context?

Since the 1.0 update, the CodePens on http://quilljs.com/guides/cloning-medium-with-parchment/ have lots of JS errors about Uncaught TypeError: Quill.import is not a function

In documentation playground, the codepen examples like http://codepen.io/quill/pen/dMQGmq that used the url http://beta.quilljs.com/1.0.0-beta.9/quill.js ,but the resource was not found.Replace it by **http://cdn.quilljs.com/1.0.0-beta/**.11/,It resolved.

Not sure the code-block button is needed in basic example but if it does, the syntax module should be added too.

syntax: true

Adding a link to beta.quilljs.com in the sidebar at the bottom would be nice.

This is not really an issue rather than some minor improvements to the "Wrapping It All Up" pen.
https://codepen.io/jackmu95/pen/amzAJZ

Improvements:

• Only use let and const
• Use template strings
• Set default value (word) for the unit option
• Rename calculate function to getCount
• Fix count calculation when unit is not set to word

http://quilljs.com/playground/ > switching to source code seems to be working not correct.
For example, write a few lines and switch between source code and html view.
When in source code view all the text lines should be in that view, but currently only 1 or 2 or a few.
Switching back to html does not display all lines correct in html view - and vice versa.

Try to follow this link:
http://quilljs.com/guides/cloning-medium-with-parchment/#dividers
It takes you to a codepen example instead of the dividers section.
It takes you to the correct position only if you already have the page loaded.

Maybe because codepen is loaded dynamically?
A fixed height placeholder might fix it.

Tested with Firefox 48 and Chrome 53 on Windows 7.

In the "Final Polish" section the last CodePen is missing all the embeds (image, twitter, video) from the toolbar.