Formats text in the editor. For line level formats, such as text
- alignment, target the newline character or use the formatLine helper. See formats for a list of available formats.
-
Methods
-
-
formatText(start, end)
-
formatText(start, end, name,
- value)
-
formatText(start, end,
- formats)
-
formatText(start, end,
- source)
-
formatText(start, end, name, value,
- source)
-
formatText(start, end, formats,
- source)
-
-
Parameters
-
-
-
-
Parameter
-
Type
-
Description
-
-
-
-
-
start
-
Number
-
Start index of formatting range.
-
-
-
end
-
Number
-
End index of formatting range.
-
-
-
name
-
String
-
Name of format to apply to text.
-
-
-
value
-
String
-
Value of format to apply to text. A falsy value will remove the
- format.
-editor.setText('Hello\nWorld!\n');
-
-editor.formatText(0,5,'bold',true);// bolds 'hello'
-
-editor.formatText(0,5,{// unbolds 'hello' and set its color to blue
- 'bold':false,
- 'color':'rgb(0, 0, 255)'
-});
-
-editor.formatText(5,6,'align','right');// right aligns the 'hello' line
-
-
-
Quill.prototype.formatLine
-
Formats all lines in given range. See formats for a list of available formats. Has no
- effect when called with inline formats.
-
Methods
-
-
formatLine(start, end)
-
formatLine(start, end, name,
- value)
-
formatLine(start, end,
- formats)
-
formatLine(start, end,
- source)
-
formatLine(start, end, name, value,
- source)
-
formatLine(start, end, formats,
- source)
-
-
Parameters
-
-
-
-
Parameter
-
Type
-
Description
-
-
-
-
-
start
-
Number
-
Start index of formatting range.
-
-
-
end
-
Number
-
End index of formatting range.
-
-
-
name
-
String
-
Name of format to apply to text.
-
-
-
value
-
String
-
Value of format to apply to text. A falsy value will remove the
- format.
-editor.setText('Hello\nWorld!\n');
-
-editor.formatLine(1,3,'align','right');// right aligns the first line
-editor.formatLine(4,8,'align','center');// center aligns both lines
-
-
-
Quill.prototype.insertEmbed
-
Insert embedded content into the editor. Currently only images are
- supported.
Sets contents of editor with given HTML. Note the editor will
- normalize the input to the subset it recognizes. For example strong tags will be converted to b tags.
-
Methods
-
-
setHTML(html)
-
-
Parameters
-
-
-
-
Parameter
-
Type
-
Description
-
-
-
-
-
html
-
String
-
HTML to set editor contents to.
-
-
-
-
Examples
-
-
-editor.setHTML('<div>Hello</div>');
-
-
-
Quill.prototype.setText
-
Sets contents of editor with given text. Note Quill documents end with
- a newline so one will be added for you if omitted.
-
Methods
-
-
setText(text)
-
-
Parameters
-
-
-
-
Parameter
-
Type
-
Description
-
-
-
-
-
text
-
String
-
Text to set editor contents to.
-
-
-
-
Examples
-
-
-editor.setText('Hello\n');
-
-
-
Quill.prototype.getSelection
-
Retrieves the user’s selection range.
-
Methods
-
-
getSelection()
-
-
Returns
-
-
Range with keys start and end representing user’s selection range
-
-
Examples
-
-
-varrange=editor.getSelection();
-if(range){
- if(range.start==range.end){
- console.log('User cursor is at index',range.start);
- }else{
- vartext=editor.getText(range.start,range.end);
- console.log('User has highlighted: ',text);
- }
-}else{
- console.log('User cursor is not in editor');
-}
-
-
-
Quill.prototype.setSelection
-
Sets user selection to given range. Will also focus the editor. If
- null, will blur the editor.
-
Methods
-
-
setSelection(start,
- end)
-
setSelection(start, end,
- source)
-
setSelection(range)
-
setSelection(range,
- source)
-
-
Parameters
-
-
-
-
Parameter
-
Type
-
Description
-
-
-
-
-
start
-
Number
-
Start index of selection range.
-
-
-
end
-
Number
-
End index of selection range.
-
-
-
range
-
Object
-
Object with start and end
- keys indicating the corresponding indexes where the selection
- exists.
Sets the format at the current cursor position. Thus subsequent typing
- will result in those characters being set to the given format value. For
- example, setting bold and then typing ‘a’ will result in a bolded
- ‘a’.
-
Has no effect if current selection does not exist or is not a
- cursor.
-
Methods
-
-
prepareFormat(format,
- value)
-
-
Parameters
-
-
-
-
Parameter
-
Type
-
Description
-
-
-
-
-
format
-
String
-
- Name of format to set. See formats for a list of available
- formats.
-
-
-
-
value
-
String
-
Value of format to apply to set. A falsy value will unset the
- format.
-
-
-
-
Examples
-
-
-editor.prepareFormat('bold',true);
-
-
-
Quill.prototype.focus
-
Focuses the editor.
-
Methods
-
-
focus()
-
-
Examples
-
-
-editor.focus();
-
-
-
Quill.prototype.getBounds
-
Retrieves the pixel position (relative to the editor container) and
- height of a cursor at a given index. The actual cursor need not be at
- that index. Useful for calculating where to place tooltips.
Add a div container inside the Quill container, sibling to the editor
- itself. By convention, Quill modules should have a class name prefixed
- with ql-.
-
Methods
-
-
addContainer(cssClass,
- before)
-
-
Parameters
-
-
-
-
Parameter
-
Type
-
Description
-
-
-
-
-
cssClass
-
String
-
CSS class to add to created container.
-
-
-
before
-
Boolean
-
If true, will insert
- before the editor container, otherwise it will be appended
- after.
Quill allows several ways to customize it to suit your needs. This
- section is dedicated to tweaking existing functionality. See the Modules section for adding new functionality
- and the Themes section for styling.
-
Container
-
Quill requires an container where the editor will be appended. You can
- either pass in a CSS selector or a DOM object.
-
-
-vareditor=newQuill('.editor');// The first result of the selector will be used
-
Formats recognized by the editor. See Formats for more information.
-
-
-
modules
-
-
Collection of modules to include. See Modules for more information.
-
-
-
pollInterval
-
-
-
Default: 100
-
-
-
Number of milliseconds between checking for local changes in the
- editor. Note that certain actions or API calls may prompt immediate
- checking.
-
-
-
readOnly
-
-
-
Default: false
-
-
-
Whether to instantiate the editor to read-only mode.
-
-
-
styles
-
-
-
Default: {}
-
-
-
Object containing CSS rules to add to the Quill editor. Passing in
- false (not merely a falsy
- value) will prevent Quill from inserting any default styles. In this
- latter case it is assumed either the base stylesheet (quill.base.css) or a theme stylesheet is
- included manually.
Quill uses the rich
- text format to represent the editor’s contents, as well as changes to
- those contents. In most cases directly dealing with Deltas can be
- avoided. But it is available to provide a powerful interface to
- Quill.
-
A Delta representing the editor’s contents looks something like
- this:
Note there’s really no difference between the two; the contents
- representation is simply the change from an empty document.
-
Operations
-
Operations describe a singular change. They can be an insert, delete or retain. Note operations do not take an index. They always
- describe the change at the current index. Use retains to “keep” or “skip”
- certain parts of the document.
-
Insert
-
Insert operations have an insert key defined. A String value represents
- inserting text. A Number value represents inserting an embed, with the
- value corresponding to an embed type (such as an image or video).
-
Quill recognizes the following embed types:
-
-
-{
- image:1
-}
-
-
-
In both cases of text and embeds, an optional attributes key can be defined with an Object
- to describe additonal formatting information. A format on the newline
- character describes the format for the line. Formats can be changed by
- the retain operation.
-
-
-// Insert a bolded "Text"
-{insert:"Text",attributes:{bold:true}}
-
-// Insert a link
-{insert:"Google",attributes:{link:'https://www.google.com'}}
-
-// Insert an image
-{
- insert:1,
- attributes:{
- image:'https://octodex.github.com/images/labtocat.png'
- }
-}
-
-// Aligned text example
-{
- ops:[
- {insert:'Right align'},
- {insert:'\n',attributes:{align:'right'}},
- {insert:'Center align'},
- {insert:'\n',attributes:{align:'center'}}
- ]
-)
-
-
-
Delete
-
Delete operations have a Number delete key defined representing the number of
- characters to delete. All embeds have a length of 1.
-
-
-// Delete the next 10 characters
-{delete:10}
-
-
-
Retain
-
Retain operations have a Number retain key defined representing the number of
- characters to keep (other libraries might use the name keep or skip). An
- optional attributes key can be
- defined with an Object to describe formatting changes to the character
- range. A value of null in the attributes Object represents removal of that
- key.
-
Note: It is not necessary to retain the last characters of a
- document as this is implied.
-
-
-// Keep the next 5 characters
-{retain:5}
-
-// Keep and bold the next 5 characters
-{retain:5,attributes:{bold:true}}
-
-// Keep and unbold the next 5 characters
-// More specifically, remove the bold key in the attributes Object
-// in the next 5 characters
-{retain:5,attributes:{bold:null}}
-
Emitted when the contents of Quill have changed. Details of the
- change, along with the source of the change are provided. The source will
- be "user" if it originates from
- the users. For example:
-
-
- User types into the editor
-
- User formats text using the toolbar
-
- User uses a hotkey to undo
-
- User uses OS spelling correction
-
-
Changes may occur through an API but as long as they originate from
- the user, the provided source will still be "user". For example, when a user clicks on the
- toolbar, technically the toolbar module calls a Quill API to effect the
- change. But source is still "user"
- since the origin of the change was the user’s click.
-editor.on('text-change',function(delta,source){
- if(source=='api'){
- console.log("An API call triggered this change.");
- }elseif(source=='user'){
- console.log("A user action triggered this change.");
- }
-});
-
-
-
Selection Change
-
Emitted when a user or API causes the selection to change, with a
- range representing the selection boundaries. A null range indicates
- selection loss (usually caused by loss of focus from the editor).
-
You can also use this event as a focus change event by just checking
- if the emitted range is null or not.
-
Callback Parameters
-
-
-
-
Parameter
-
Type
-
Description
-
-
-
-
-
range
-
Object
-
Object with start and end
- keys indicating the corresponding indexes where the selection
- exists.
-
-
-
source
-
String
-
Source of change. Will be either "user" or "api".
-
-
-
-
Examples
-
-
-editor.on('selection-change',function(range){
- if(range){
- if(range.start==range.end){
- console.log('User cursor is on',range.start);
- }else{
- vartext=editor.getText(range.start,range.end);
- console.log('User has highlighted',text);
- }
- }else{
- console.log('Cursor not in the editor');
- }
-});
-
The Authorship module highlights the background of text to show who
- wrote what.
-
-
-
-
Enabling this module will also add a new format author to the list of recognized formats. The value of the author format is the id of the author. Changes
- made to the Quill editor will also attach the local author metadata.
-
Configuration
-
-
-
-
Parameter
-
Type
-
Description
-
-
-
-
-
authorId
-
String
-
ID of current author.
-
-
-
button
-
String
-
CSS selector for button that toggles authorship colors
- on/off.
-
-
-
color
-
String
-
Color to correspond with current author. Can be any valid CSS
- color.
-
-
-
-
Methods
-
-
addAuthor(id, color)
-
-
-
-
-
Parameter
-
Type
-
Description
-
-
-
-
-
id
-
String
-
ID of author to add.
-
-
-
color
-
String
-
Color to correspond with author id. Can be any valid CSS
- color.
-
-
-
-
Example
-
-
-vareditor=newQuill('#editor');
-
-varmodule=editor.addModule('authorship',{
- authorId:'id-1234',
- button:'#author-button',
- color:'rgb(255, 0, 255)'
-});
-
-module.addAuthor('id-5678','rgb(255, 255, 0)');// Set external authors
-
-editor.on('text-update',function(delta){
- // If the user types an 'a' into the editor, normally we would get:
- // delta.ops = [{ 'a' }]
- // But with the author module enabled we would now get:
- // delta.ops = [{ value: 'a', attributes: { author: 'id-1234' } }]
-});
-
You can also build your own module. Simply register it with Quill.registerModule and the module will be passed
- the corresponding Quill editor and options. Check out the Building a Custom Module guide for
- a walkthrough.
The ql-toolbar class will be
- added to the toolbar container.
-
A click handler will be added to any DOM element with the following
- classes:
-
-
ql-bold
-
ql-italic
-
ql-strike
-
ql-underline
-
ql-link
-
-
A change (DOM change event)
- handler will be added to any DOM element with the following classes:
-
-
ql-background
-
ql-color
-
ql-font
-
ql-size
-
-
The toolbar will also listen to cursor movements and will add an
- ql-active class to elements in the
- toolbar that corresponds to the format of the text the cursor is on.
-
The following classes are also recognized by the toolbar but largely
- used by Themes for styling:
The best way to get started is a simple example. Quill is initialized
- with a DOM element to contain the editor. The contents of that element
- will become the initial contents of Quill.
Quill also supports a powerful API for
- fine grain access and manipulation of the editor contents.
-
-
-<script>
- quill.on('text-change',function(delta,source){
- console.log('Editor contents have changed',delta);
- });
-
- quill.insertText(11,' Bilbo');
- console.log(quill.getText());// Should output "Hello World Bilbo!\nSome initial bold text";
-</script>
-
-
-
Next Steps
-
That’s all you need to do to set up a simple Quill editor! But the
- power of Quill is its flexibility and extensibility. Check out the
- Examples to see this in action. Or start
- interacting with Quill with its flexible API.
There is currently only one predefined theme snow for Quill.
-
In the future we will provide more options and even allow you to
- create your own. We will provide documentation and guidance here once
- they are finalized.
-
-
\ No newline at end of file
diff --git a/docs/0.20/index.md b/docs/0.20/index.md
deleted file mode 100644
index 93cfcd2e06..0000000000
--- a/docs/0.20/index.md
+++ /dev/null
@@ -1,216 +0,0 @@
----
-layout: v0.20
-permalink: /0.20/
-title: A Rich Text WYSIWYG Editor with an API - Quill v0.20
----
-
- Quill is a free,
- open source
- WYSIWYG editor built for the modern web. With its
- extensible architecture
- and a
- expressive API
- you can completely customize it to fulfill your needs. Some built in features include:
-
-
-
-
Fast and lightweight
-
Semantic markup
-
Standardized HTML between browsers
-
Cross browser support including Chrome, Firefox, Safari, and IE 9+
-
-{% include_relative api/contents.md %}
-{% include_relative api/formatting.md %}
-{% include_relative api/selection.md %}
-{% include_relative api/editor.md %}
-{% include_relative api/events.md %}
-{% include_relative api/model.md %}
-{% include_relative api/extension.md %}
diff --git a/docs/1.0/docs/api/contents.md b/docs/1.0/docs/api/contents.md
deleted file mode 100644
index 4c20795261..0000000000
--- a/docs/1.0/docs/api/contents.md
+++ /dev/null
@@ -1,170 +0,0 @@
-## Content
-
-### deleteText
-
-Deletes text from the editor, returning a [Delta](/guides/working-with-deltas/) representing the change. [Source](/1.0/docs/api/#events) may be `"user"`, `"api"`, or `"silent"`. Calls where the `source` is `"user"` when the editor is [disabled](#disable) are ignored.
-
-**Methods**
-
-```javascript
-deleteText(index: Number, length: Number, source: String = 'api'): Delta
-```
-
-**Examples**
-
-```javascript
-quill.deleteText(6, 4);
-```
-
-### getContents
-
-Retrieves contents of the editor, with formatting data, represented by a [Delta](/1.0/docs/delta/) object.
-
-**Methods**
-
-```javascript
-getContents(index: Number = 0, length: Number = remaining): Delta
-```
-
-**Examples**
-
-```javascript
-var delta = quill.getContents();
-```
-
-### getLength
-
-Retrieves the length of the editor contents. Note even when Quill is empty, there is still a blank line represented by '\n', so `getLength` will return 1.
-
-**Methods**
-
-```javascript
-getLength(): Number
-```
-
-**Examples**
-
-```javascript
-var length = quill.getLength();
-```
-
-### getText
-
-Retrieves the string contents of the editor. Non-string content are omitted, so the returned string's length may be shorter than the editor's as returned by [`getLength`](#getlength). Note even when Quill is empty, there is still a blank line in the editor, so in these cases `getText` will return '\n'.
-
-The `length` parameter defaults to the length of the remaining document.
-
-**Methods**
-
-```javascript
-getText(index: Number = 0, length: Number = remaining): String
-```
-
-**Examples**
-
-```javascript
-var text = quill.getText(0, 10);
-```
-
-### insertEmbed
-
-Insert embedded content into the editor, returning a [Delta](/guides/working-with-deltas/) representing the change. [Source](/1.0/docs/api/#events) may be `"user"`, `"api"`, or `"silent"`. Calls where the `source` is `"user"` when the editor is [disabled](#disable) are ignored.
-
-**Methods**
-
-```javascript
-insertEmbed(index: Number, type: String, value: any, source: String = 'api'): Delta
-```
-
-**Examples**
-
-```javascript
-quill.insertEmbed(10, 'image', 'https://quilljs.com/images/cloud.png');
-```
-
-### insertText
-
-Inserts text into the editor, optionally with a specified format or multiple [formats](/1.0/docs/formats/). Returns a [Delta](/guides/working-with-deltas/) representing the change. [Source](/1.0/docs/api/#events) may be `"user"`, `"api"`, or `"silent"`. Calls where the `source` is `"user"` when the editor is [disabled](#disable) are ignored.
-
-**Methods**
-
-```javascript
-insertText(index: Number, text: String, source: String = 'api'): Delta
-insertText(index: Number, text: String, format: String, value: any,
- source: String = 'api'): Delta
-insertText(index: Number, text: String, formats: { [String]: any },
- source: String = 'api'): Delta
-```
-
-**Examples**
-
-```javascript
-quill.insertText(0, 'Hello', 'bold', true);
-
-quill.insertText(5, 'Quill', {
- 'color': '#ffff00',
- 'italic': true
-});
-```
-
-### setContents
-
-Overwrites editor with given contents. Contents should end with a [newline](/1.0/docs/delta/#line-formatting). Returns a Delta representing the change. This will be the same as the Delta passed in, if given Delta had no invalid operations. [Source](/1.0/docs/api/#events) may be `"user"`, `"api"`, or `"silent"`. Calls where the `source` is `"user"` when the editor is [disabled](#disable) are ignored.
-
-**Methods**
-
-```javascript
-setContents(delta: Delta, source: String = 'api'): Delta
-```
-
-**Examples**
-
-```javascript
-quill.setContents([
- { insert: 'Hello ' },
- { insert: 'World!', attributes: { bold: true } },
- { insert: '\n' }
-]);
-```
-
-### setText
-
-Sets contents of editor with given text, returning a [Delta](/guides/working-with-deltas/) representing the change. Note Quill documents must end with a newline so one will be added for you if omitted. [Source](/1.0/docs/api/#events) may be `"user"`, `"api"`, or `"silent"`. Calls where the `source` is `"user"` when the editor is [disabled](#disable) are ignored.
-
-**Methods**
-
-```javascript
-setText(text: String, source: String = 'api'): Delta
-```
-
-**Examples**
-
-```javascript
-quill.setText('Hello\n');
-```
-
-### updateContents
-
-Applies Delta to editor contents, returning a [Delta](/guides/working-with-deltas/) representing the change. These Deltas will be the same if the Delta passed in had no invalid operations. [Source](/1.0/docs/api/#events) may be `"user"`, `"api"`, or `"silent"`. Calls where the `source` is `"user"` when the editor is [disabled](#disable) are ignored.
-
-**Methods**
-
-```javascript
-updateContents(delta: Delta, source: String = 'api'): Delta
-```
-
-**Examples**
-
-```javascript
-// Assuming editor currently contains [{ insert: 'Hello World!' }]
-quill.updateContents(new Delta()
- .retain(6) // Keep 'Hello '
- .delete(5) // 'World' is deleted
- .insert('Quill')
- .retain(1, { bold: true }) // Apply bold to exclamation mark
-);
-// Editor should now be [
-// { insert: 'Hello Quill' },
-// { insert: '!', attributes: { bold: true} }
-// ]
-```
diff --git a/docs/1.0/docs/api/editor.md b/docs/1.0/docs/api/editor.md
deleted file mode 100644
index 5c9d60c7c5..0000000000
--- a/docs/1.0/docs/api/editor.md
+++ /dev/null
@@ -1,86 +0,0 @@
-## Editor
-
-### blur
-
-Removes focus from the editor.
-
-**Methods**
-
-```javascript
-blur()
-```
-
-**Examples**
-
-```javascript
-quill.blur();
-```
-
-### disable
-
-Shorthand for [`enable(false)`](#enable).
-
-### enable
-
-Set ability for user to edit, via input devices like the mouse or keyboard. Does not affect capabilities of API calls, when the `source` is `"api"` or `"silent".
-
-**Methods**
-
-```javascript
-enable(enabled: boolean = true)
-```
-
-**Examples**
-
-```javascript
-quill.enable();
-quill.enable(false); // Disables user input
-```
-
-### focus
-
-Focuses the editor and restores its last range.
-
-**Methods**
-
-```javascript
-focus()
-```
-
-**Examples**
-
-```javascript
-quill.focus();
-```
-
-### hasFocus
-
-Checks if editor has focus. Note focus on toolbar, tooltips, does not count as the editor.
-
-**Methods**
-
-```javascript
-hasFocus(): Boolean
-```
-
-**Examples**
-
-```javascript
-quill.hasFocus();
-```
-
-### update
-
-Synchronously check editor for user updates and fires events, if changes have occurred. Useful for collaborative use cases during conflict resolution requiring the latest up to date state. [Source](/1.0/docs/api/#events) may be `"user"`, `"api"`, or `"silent"`.
-
-**Methods**
-
-```javascript
-update(source: String = 'user')
-```
-
-**Examples**
-
-```javascript
-quill.update();
-```
diff --git a/docs/1.0/docs/api/events.md b/docs/1.0/docs/api/events.md
deleted file mode 100644
index 6aef1482c7..0000000000
--- a/docs/1.0/docs/api/events.md
+++ /dev/null
@@ -1,145 +0,0 @@
-## Events
-
-### text-change
-
-Emitted when the contents of Quill have changed. Details of the change, representation of the editor contents before the change, along with the source of the change are provided. The source will be `"user"` if it originates from the users. For example:
-
-- User types into the editor
-- User formats text using the toolbar
-- User uses a hotkey to undo
-- User uses OS spelling correction
-
-Changes may occur through an API but as long as they originate from the user, the provided source should still be `"user"`. For example, when a user clicks on the toolbar, technically the toolbar module calls a Quill API to effect the change. But source is still `"user"` since the origin of the change was the user's click.
-
-APIs causing text to change may also be called with a `"silent"` source, in which case `text-change` will not be emitted. This is not recommended as it will likely break the undo stack and other functions that rely on a full record of text changes.
-
-Changes to text may cause changes to the selection (ex. typing advances the cursor), however during the `text-change` handler, the selection is not yet updated, and native browser behavior may place it in an inconsistent state. Use [`selection-change`](#selection-change) or [`editor-change`](#editor-change) for reliable selection updates.
-
-**Callback Signature**
-
-```javascript
-handler(delta: Delta, oldContents: Delta, source: String)
-```
-
-**Examples**
-
-```javascript
-quill.on('text-change', function(delta, oldDelta, source) {
- if (source == 'api') {
- console.log("An API call triggered this change.");
- } else if (source == 'user') {
- console.log("A user action triggered this change.");
- }
-});
-```
-
-### selection-change
-
-Emitted when a user or API causes the selection to change, with a range representing the selection boundaries. A null range indicates selection loss (usually caused by loss of focus from the editor). You can also use this event as a focus change event by just checking if the emitted range is null or not.
-
-APIs causing the selection to change may also be called with a `"silent"` source, in which case `selection-change` will not be emitted. This is useful if `selection-change` is a side effect. For example, typing causes the selection to change but would be very noisy to also emit a `selection-change` event on every character.
-
-**Callback Signature**
-
-```javascript
-handler(range: { index: Number, length: Number },
- oldRange: { index: Number, length: Number },
- source: String)
-```
-
-**Examples**
-
-```javascript
-quill.on('selection-change', function(range, oldRange, source) {
- if (range) {
- if (range.length == 0) {
- console.log('User cursor is on', range.index);
- } else {
- var text = quill.getText(range.index, range.length);
- console.log('User has highlighted', text);
- }
- } else {
- console.log('Cursor not in the editor');
- }
-});
-```
-
-### editor-change
-
-Emitted when either `text-change` or `selection-change` would be emitted, even when the source is `"silent"`. The first parameter is the event name, either `text-change` or `selection-change`, followed by the arguments normally passed to those respective handlers.
-
-**Callback Signature**
-
-```javascript
-handler(name: String, ...args)
-```
-
-**Examples**
-
-```javascript
-quill.on('editor-change', function(eventName, ...args) {
- if (eventName === 'text-change') {
- // args[0] will be delta
- } else if (eventName === 'selection-change') {
- // args[0] will be old range
- }
-});
-```
-
-### on
-
-Adds event handler. See [text-change](#text-change) or [selection-change](#selection-change) for more details on the events themselves.
-
-**Methods**
-
-```javascript
-on(name: String, handler: Function): Quill
-```
-
-**Examples**
-
-```javascript
-quill.on('text-change', function() {
- console.log('Text change!');
-});
-```
-
-### once
-
-Adds handler for one emission of an event. See [text-change](#text-change) or [selection-change](#selection-change) for more details on the events themselves.
-
-
-**Methods**
-
-```javascript
-once(name: String, handler: Function): Quill
-```
-
-**Examples**
-
-```javascript
-quill.once('text-change', function() {
- console.log('First text change!');
-});
-```
-
-### off
-
-Removes event handler.
-
-**Methods**
-
-```javascript
-off(name: String, handler: Function): Quill
-```
-
-**Examples**
-
-```javascript
-function handler() {
- console.log('Hello!');
-}
-
-quill.on('text-change', handler);
-quill.off('text-change', handler);
-```
diff --git a/docs/1.0/docs/api/extension.md b/docs/1.0/docs/api/extension.md
deleted file mode 100644
index c0b62bc32a..0000000000
--- a/docs/1.0/docs/api/extension.md
+++ /dev/null
@@ -1,129 +0,0 @@
-## Extension
-
-### debug
-
-Static method enabling logging messages at a given level: `'error'`, `'warn'`, `'log'`, or `'info'`. Passing `true` is equivalent to passing `'log'`. Passing `false` disables all messages.
-
-**Methods**
-
-```javascript
-Quill.debug(level: String | Boolean)
-```
-
-**Examples**
-
-```javascript
-Quill.debug('info');
-```
-
-### import
-
-Static method returning Quill library, format, module, or theme. In general the path should map exactly to Quill source code directory structure. Unless stated otherwise, modification of returned entities may break required Quill functionality and is strongly discouraged.
-
-**Methods**
-
-```javascript
-Quill.import(path): any
-```
-
-**Examples**
-
-```javascript
-var Parchment = Quill.import('parchment');
-var Delta = Quill.import('delta');
-
-var Toolbar = Quill.import('modules/toolbar');
-var Link = Quill.import('formats/link');
-// Similar to ES6 syntax `import Link from 'quill/formats/link';`
-```
-
-### register
-
-Registers a module, theme, or format(s), making them available to be added to an editor. Can later be retrieved with [`Quill.import`](/1.0/docs/api/#import). Use the path prefix of `'formats/'`, `'modules/'`, or `'themes/'` for registering formats, modules or themes, respectively. For formats specifically there is a shortand to just pass in the format directly and the path will be autogenerated. Will overwrite existing definitions with the same path.
-
-**Methods**
-
-```javascript
-Quill.register(format: Attributor | BlotDefinintion, supressWarning: Boolean = false)
-Quill.register(path: String, def: any, supressWarning: Boolean = false)
-Quill.register(defs: { [String]: any }, supressWarning: Boolean = false)
-```
-
-**Examples**
-
-```javascript
-var Module = Quill.import('core/module');
-
-class CustomModule extends Module {}
-
-Quill.register('modules/custom-module', CustomModule);
-```
-
-```javascript
-Quill.register({
- 'formats/custom-format': CustomFormat,
- 'modules/custom-module-a': CustomModuleA,
- 'modules/custom-module-b': CustomModuleB,
-});
-
-Quill.register(CustomFormat);
-// You cannot do Quill.register(CustomModuleA); as CustomModuleA is not a format
-```
-
-### addContainer
-
-Adds and returns a container element inside the Quill container, sibling to the editor itself. By convention, Quill modules should have a class name prefixed with `ql-`. Optionally include a refNode where container should be inserted before.
-
-**Methods**
-
-```javascript
-addContainer(className: String, refNode?: Node): Element
-addContainer(domNode: Node, refNode?: Node): Element
-```
-
-**Examples**
-
-```javascript
-var container = quill.addContainer('ql-custom');
-```
-
-
-### getModule
-
-Retrieves a module that has been added to the editor.
-
-**Methods**
-
-```javascript
-getModule(name: String): any
-```
-
-**Examples**
-
-```javascript
-var toolbar = quill.getModule('toolbar');
-```
-
-
-### disable
-
-Shorthand for [`enable(false)`](#enable).
-
-
-### enable
-
-Set ability for user to edit, via input devices like the mouse or keyboard. Does not affect capabilities of API calls.
-
-**Methods**
-
-```javascript
-enable(value: Boolean = true)
-```
-
-**Examples**
-
-```javascript
-quill.enable();
-quill.enable(false); // Disables user input
-```
-
diff --git a/docs/1.0/docs/api/formatting.md b/docs/1.0/docs/api/formatting.md
deleted file mode 100644
index d1e634f1a8..0000000000
--- a/docs/1.0/docs/api/formatting.md
+++ /dev/null
@@ -1,138 +0,0 @@
-## Formatting
-
-### format
-
-Format text at user's current selection, returning a [Delta](/guides/working-with-deltas/) representing the change. If the user's selection length is 0, i.e. it is a cursor, the format will be set active, so the next character the user types will have that formatting. [Source](/1.0/docs/api/#events) may be `"user"`, `"api"`, or `"silent"`. Calls where the `source` is `"user"` when the editor is [disabled](#disable) are ignored.
-
-**Methods**
-
-```javascript
-format(name: String, value: any, source: String = 'api'): Delta
-```
-
-**Examples**
-
-```javascript
-quill.format('color', 'red');
-quill.format('align', 'right');
-```
-
-### formatLine
-
-Formats all lines in given range, returning a [Delta](/guides/working-with-deltas/) representing the change. See [formats](/1.0/docs/formats/) for a list of available formats. Has no effect when called with inline formats. To remove formatting, pass `false` for the value argument. The user's selection may not be preserved. [Source](/1.0/docs/api/#events) may be `"user"`, `"api"`, or `"silent"`. Calls where the `source` is `"user"` when the editor is [disabled](#disable) are ignored.
-
-**Methods**
-
-```javascript
-formatLine(index: Number, length: Number, source: String = 'api'): Delta
-formatLine(index: Number, length: Number, format: String, value: any,
- source: String = 'api'): Delta
-formatLine(index: Number, length: Number, formats: { [String]: any },
- source: String = 'api'): Delta
-```
-
-**Examples**
-
-```javascript
-quill.setText('Hello\nWorld!\n');
-
-quill.formatLine(1, 2, 'align', 'right'); // right aligns the first line
-quill.formatLine(4, 4, 'align', 'center'); // center aligns both lines
-```
-
-### formatText
-
-Formats text in the editor, returning a [Delta](/guides/working-with-deltas/) representing the change. For line level formats, such as text alignment, target the newline character or use the [`formatLine`](#formatline) helper. See [formats](/1.0/docs/formats/) for a list of available formats. To remove formatting, pass `false` for the value argument. The user's selection may not be preserved. [Source](/1.0/docs/api/#events) may be `"user"`, `"api"`, or `"silent"`. Calls where the `source` is `"user"` when the editor is [disabled](#disable) are ignored.
-
-**Methods**
-
-```javascript
-formatText(index: Number, length: Number, source: String = 'api'): Delta
-formatText(index: Number, length: Number, format: String, value: any,
- source: String = 'api'): Delta
-formatText(index: Number, length: Number, formats: { [String]: any },
- source: String = 'api'): Delta
-```
-
-**Examples**
-
-```javascript
-quill.setText('Hello\nWorld!\n');
-
-quill.formatText(0, 5, 'bold', true); // bolds 'hello'
-
-quill.formatText(0, 5, { // unbolds 'hello' and set its color to blue
- 'bold': false,
- 'color': 'rgb(0, 0, 255)'
-});
-
-quill.formatText(5, 1, 'align', 'right'); // right aligns the 'hello' line
-```
-
-### getFormat
-
-Retrieves common formatting of the text in the given range. For a format to be reported, all text within the range must have a truthy value. If there are different truthy values, an array with all truthy values will be reported. If no range is supplied, the user's current selection range is used. May be used to show which formats have been set on the cursor. If called with no arguments, the user's current selection range will be used.
-
-**Methods**
-
-```javascript
-getFormat(range: Range = current): { [String]: any }
-getFormat(index: Number, length: Number = 0): { [String]: any }
-```
-
-**Examples**
-
-```javascript
-quill.setText('Hello World!');
-quill.formatText(0, 2, 'bold', true);
-quill.formatText(1, 2, 'italic', true);
-quill.getFormat(0, 2); // { bold: true }
-quill.getFormat(1, 1); // { bold: true, italic: true }
-
-quill.formatText(0, 2, 'color', 'red');
-quill.formatText(2, 1, 'color', 'blue');
-quill.getFormat(0, 3); // { color: ['red', 'blue'] }
-
-quill.setSelection(3);
-quill.getFormat(); // { italic: true, color: 'blue' }
-
-quill.format('strike', true);
-quill.getFormat(); // { italic: true, color: 'blue', strike: true }
-
-quill.formatLine(0, 1, 'align', 'right');
-quill.getFormat(); // { italic: true, color: 'blue', strike: true,
- // align: 'right' }
-```
-
-### removeFormat
-
-Removes all formatting and embeds within given range, returning a [Delta](/guides/working-with-deltas/) representing the change. Line formatting will be removed if any part of the line is included in the range. The user's selection may not be preserved. [Source](/1.0/docs/api/#events) may be `"user"`, `"api"`, or `"silent"`. Calls where the `source` is `"user"` when the editor is [disabled](#disable) are ignored.
-
-**Methods**
-
-```javascript
-removeFormat(index: Number, length: Number, source: String = 'api'): Delta
-```
-
-**Examples**
-
-```javascript
-quill.setContents([
- { insert: 'Hello', { bold: true } },
- { insert: '\n', { align: 'center' } },
- { insert: { formula: 'x^2' } },
- { insert: '\n', { align: 'center' } },
- { insert: 'World', { italic: true }},
- { insert: '\n', { align: 'center' } }
-]);
-
-quill.removeFormat(3, 7);
-// Editor contents are now
-// [
-// { insert: 'Hel', { bold: true } },
-// { insert: 'lo\n\nWo' },
-// { insert: 'rld', { italic: true }},
-// { insert: '\n', { align: 'center' } }
-// ]
-
-```
diff --git a/docs/1.0/docs/api/model.md b/docs/1.0/docs/api/model.md
deleted file mode 100644
index 79308f6161..0000000000
--- a/docs/1.0/docs/api/model.md
+++ /dev/null
@@ -1,104 +0,0 @@
-## Model
-
-### find experimental {#find-experimental}
-
-Static method returning the Quill or [Blot](https://github.com/quilljs/parchment) instance for the given DOM node. In the latter case, passing in true for the `bubble` parameter will search up the given DOM's ancestors until it finds a corresponding [Blot](https://github.com/quilljs/parchment).
-
-**Methods**
-
-```javascript
-Quill.find(domNode: Node, bubble: boolean = false): Blot | Quill
-```
-
-**Examples**
-
-```javascript
-var container = document.querySelector("#container");
-var quill = new Quill(container);
-console.log(Quill.find(container) === quill); // Should be true
-
-quill.insertText(0, 'Hello', 'link', 'https://world.com');
-var linkNode = document.querySelector('#container a');
-var linkBlot = Quill.find(linkNode);
-```
-
-### getIndex experimental {#getindex-experimental}
-
-Returns the distance between the beginning of document to the occurrence of the given [Blot](https://github.com/quilljs/parchment).
-
-**Methods**
-
-```javascript
-getIndex(blot: Blot): Number
-```
-
-**Examples**
-
-```javascript
-let [line, offset] = quill.getLine(10);
-let index = quill.getIndex(line); // index + offset should == 10
-```
-
-### getLeaf experimental {#getleaf-experimental}
-
-Returns the leaf [Blot](https://github.com/quilljs/parchment) at the specified index within the document.
-
-**Methods**
-
-```javascript
-getLeaf(index: Number): Blot
-```
-
-**Examples**
-
-```javascript
-quill.setText('Hello Good World!');
-quill.formatText(6, 4, "bold", true);
-
-let [leaf, offset] = quill.getLeaf(7);
-// leaf should be a Text Blot with value "Good"
-// offset should be 1, since the returned leaf started at index 6
-```
-
-### getLine experimental {#getline-experimental}
-
-Returns the line [Blot](https://github.com/quilljs/parchment) at the specified index within the document.
-
-**Methods**
-
-```javascript
-getLine(index: Number): [Blot, Number]
-```
-
-
-**Examples**
-
-```javascript
-quill.setText('Hello\nWorld!');
-
-let [line, offset] = quill.getLine(7);
-// line should be a Block Blot representing the 2nd "World!" line
-// offset should be 1, since the returned line started at index 6
-```
-
-### getLines experimental {#getlines-experimental}
-
-Returns the lines contained within the specified location.
-
-**Methods**
-
-```javascript
-getLines(index: Number = 0, length: Number = remaining): Blot[]
-getLines(range: Range): Blot[]
-```
-
-**Examples**
-
-```javascript
-quill.setText('Hello\nGood\nWorld!');
-quill.formatLine(1, 1, 'list', 'bullet');
-
-let lines = quill.getLines(2, 5);
-// array with a ListItem and Block Blot,
-// representing the first two lines
-```
diff --git a/docs/1.0/docs/api/selection.md b/docs/1.0/docs/api/selection.md
deleted file mode 100644
index 2bae46b7d6..0000000000
--- a/docs/1.0/docs/api/selection.md
+++ /dev/null
@@ -1,63 +0,0 @@
-## Selection
-
-### getBounds
-
-Retrieves the pixel position (relative to the editor container) and dimensions of a selection at a given location. The user's current selection need not be at that index. Useful for calculating where to place tooltips.
-
-**Methods**
-
-```javascript
-getBounds(index: Number, length: Number = 0):
- { left: Number, top: Number, height: Number, width: Number }
-```
-
-**Examples**
-
-```javascript
-quill.setText('Hello\nWorld\n');
-quill.getBounds(7); // Returns { height: 15, width: 0, left: 27, top: 31 }
-```
-
-### getSelection
-
-Retrieves the user's selection range, optionally to focus the editor first. Otherwise `null` may be returned if editor does not have focus.
-
-**Methods**
-
-```javascript
-getSelection(focus = false): { index: Number, length: Number }
-```
-
-**Examples**
-
-```javascript
-var range = quill.getSelection();
-if (range) {
- if (range.length == 0) {
- console.log('User cursor is at index', range.index);
- } else {
- var text = quill.getText(range.index, range.length);
- console.log('User has highlighted: ', text);
- }
-} else {
- console.log('User cursor is not in editor');
-}
-```
-
-### setSelection
-
-Sets user selection to given range, which will also focus the editor. Providing `null` as the selection range will blur the editor. [Source](/1.0/docs/api/#events) may be `"user"`, `"api"`, or `"silent"`.
-
-**Methods**
-
-```javascript
-setSelection(index: Number, length: Number, source: String = 'api')
-setSelection(range: { index: Number, length: Number },
- souce: String = 'api')
-```
-
-**Examples**
-
-```javascript
-quill.setSelection(0, 5);
-```
diff --git a/docs/1.0/docs/configuration.md b/docs/1.0/docs/configuration.md
deleted file mode 100644
index a31d1841e5..0000000000
--- a/docs/1.0/docs/configuration.md
+++ /dev/null
@@ -1,89 +0,0 @@
----
-layout: v1.0-docs
-title: Configuration
-permalink: /1.0/docs/configuration/
----
-
-Quill allows several ways to customize it to suit your needs. This section is dedicated to tweaking existing functionality. See the [Modules](/1.0/docs/modules/) section for adding new functionality and the [Themes](/1.0/docs/themes/) section for styling.
-
-
-### Container
-
-Quill requires a container where the editor will be appended. You can pass in either a CSS selector or a DOM object.
-
-```javascript
-var editor = new Quill('.editor'); // First matching element will be used
-```
-
-```javascript
-var container = document.getElementById('editor');
-var editor = new Quill(container);
-```
-
-```javascript
-var container = $('.editor').get(0);
-var editor = new Quill(container);
-```
-
-### Options
-
-To configure Quill, pass in an options object:
-
-```javascript
-var options = {
- debug: 'info',
- modules: {
- toolbar: '#toolbar'
- },
- placeholder: 'Compose an epic...',
- readOnly: true,
- theme: 'snow'
-};
-var editor = new Quill('#editor', options);
-```
-
-The following keys are recognized:
-
-#### bounds
-
-Default: `document.body`
-
-DOM Element or a CSS selector for a DOM Element, within which the editor's ui elements (i.e. tooltips, etc.) should be confined. Currently, it only considers left and right boundaries.
-
-#### debug
-
-Default: `warn`
-
-Shortcut for [debug](/1.0/docs/api/#debug). Note `debug` is a static method and will affect other instances of Quill editors on the page. Only warning and error messages are enabled by default.
-
-#### formats
-
-Default: All formats
-
-Whitelist of formats to allow in the editor. See [Formats](/1.0/docs/formats/) for a complete list.
-
-#### modules
-
-Collection of modules to include and respective options. See [Modules](/1.0/docs/modules/) for more information.
-
-#### placeholder
-
-Default: None
-
-Placeholder text to show when editor is empty.
-
-#### readOnly
-
-Default: `false`
-
-Whether to instantiate the editor to read-only mode.
-
-#### scrollingContainer
-
-Default: `null`
-
-DOM Element or a CSS selector for a DOM Element, specifying which container has the scrollbars (i.e. `overflow-y: auto`), if is has been changed from the default `ql-editor` with custom CSS. Necessary to fix scroll jumping bugs when Quill is set to [auto grow](/playground/#autogrow) its height, and another ancestor container is responsible from the scrolling.
-
-#### theme
-
-Name of theme to use. The builtin options are "bubble" or "snow". An invalid or falsy value will load a default minimal theme. Note the theme's specific stylesheet still needs to be included manually. See [Themes](/1.0/docs/themes/) for more information.
diff --git a/docs/1.0/docs/delta.md b/docs/1.0/docs/delta.md
deleted file mode 100644
index de843d12bf..0000000000
--- a/docs/1.0/docs/delta.md
+++ /dev/null
@@ -1,136 +0,0 @@
----
-layout: v1.0-docs
-title: Delta
-permalink: /1.0/docs/delta/
----
-
-Deltas are a simple, yet expressive format that can be used to describe Quill's contents and changes. The format is essentially JSON, and is human readable, yet easily parsible by machines. Deltas can describe any Quill document, includes all text and formatting information, without the ambiguity and complexity of HTML.
-
-Don't be confused by its name Delta—Deltas represents both documents and changes to documents. If you think of Deltas as the instructions from going from one document to another, the way Deltas represent a document is by expressing the instructions starting from an empty document.
-
-Deltas are implemented as a separate [standalone library](https://github.com/quilljs/delta/), allowing its use outside of Quill. It is suitable for [Operational Transform](https://en.wikipedia.org/wiki/Operational_transformation) and can be used in realtime, Google Docs like applications. For a more in depth explanation behind Deltas, see [Designing the Delta Format](/guides/designing-the-delta-format/).
-
-**Note:** It is not recommended to construct Deltas by hand—rather use the chainable [`insert()`](https://github.com/quilljs/delta#insert), [`delete()`](https://github.com/quilljs/delta#delete), and [`retain()`](https://github.com/quilljs/delta#retain) methods to create new Deltas.
-
-
-## Document
-
-The Delta format is almost entirely self-explanatory—the example below describes the string "Gandalf the Grey" where "Gandalf" is bolded and "Grey" is colored #cccccc.
-
-```javascript
-{
- ops: [
- { insert: 'Gandalf', attributes: { bold: true } },
- { insert: ' the ' },
- { insert: 'Grey', attributes: { color: '#cccccc' } }
- ]
-}
-```
-
-As its name would imply, describing content is actually a special case for Deltas. The above example is more specifically instructions to insert a bolded string "Gandalf", an unformatted string " the ", followed by the string "Grey" colored #cccccc. When Deltas are used to describe content, it can be thought of as the content that would be created if the Delta was applied to an empty document.
-
-Since Deltas are a data format, there is no inherent meaning to the values of `attribute` keypairs. For example, there is nothing in the Delta format that dictates color value must be in hex—this is a choice that Quill makes, and can be modified if desired with [Parchment](https://github.com/quilljs/parchment/).
-
-
-### Embeds
-
-For non-text content such as images or formulas, the insert key can be an object. The object should have one key, which will be used to determine its type. This is the `blotName` if you are building custom content with [Parchment](https://github.com/quilljs/parchment/). Like text, embeds can still have an `attributes` key to describe formatting to be applied to the embed. All embeds have a length of one.
-
-```javascript
-{
- ops: [{
- // An image link
- insert: {
- image: 'https://quilljs.com/assets/images/icon.png'
- },
- attributes: {
- link: 'https://quilljs.com'
- }
- }]
-}
-```
-
-
-### Line Formatting
-
-Attributes associated with a newline character describes formatting for that line.
-
-```javascript
-{
- ops: [
- { insert: 'The Two Towers' },
- { insert: '\n', attributes: { header: 1 } },
- { insert: 'Aragorn sped on up the hill.\n' }
- ]
-}
-```
-
-All Quill documents must end with a newline character, even if there is no formatting applied to the last line. This way, you will always have a character position to apply line formatting to.
-
-Many line formats are exclusive. For example Quill does not allow a line to simultaneously be both a header and a list, despite being possible to represent in the Delta format.
-
-
-## Changes
-
-When you register a listener for Quill's [`text-change`](/1.0/docs/api/#text-change) event, one of the arguments you will get is a Delta describing what changed. In addition to `insert` operations, this Delta might also have `delete` or `retain` operations.
-
-### Delete
-
-The `delete` operation instructs exactly what it implies: delete the next number of characters.
-
-```javascript
-{
- ops: [
- { delete: 10 } // Delete the next 10 characters
- ]
-}
-```
-
-Since `delete` operations do not include *what* was deleted, a Delta is not reversible.
-
-
-### Retain
-
-A `retain` operation simply means keep the next number of characters, without modification. If `attributes` is specified, it still means keep those characters, but apply the formatting specified by the `attributes` object. A `null` value for an attributes key is used to specify format removal.
-
-Starting with the above "Gandalf the Grey" example:
-
-```javascript
-// {
-// ops: [
-// { insert: 'Gandalf', attributes: { bold: true } },
-// { insert: ' the ' },
-// { insert: 'Grey', attributes: { color: '#cccccc' } }
-// ]
-// }
-
-{
- ops: [
- // Unbold and italicize "Gandalf"
- { retain: 7, attributes: { bold: null, italic: true } },
-
- // Keep " the " as is
- { retain: 5 },
-
- // Insert "White" formatted with color #fff
- { insert: "White", attributes: { color: '#fff' } },
-
- // Delete "Grey"
- { delete: 4 }
- ]
-}
-```
-
-Note that a Delta's instructions always starts at the beginning of the document. And because of plain `retain` operations, we never need to specify an index for a `delete` or `insert` operation.
-
-
-### Playground
-
-Play around Quill and take a look at how its content and changes look. Open your developer console for another view into the Deltas.
-
-
-
-
-
-
-
diff --git a/docs/1.0/docs/formats.md b/docs/1.0/docs/formats.md
deleted file mode 100644
index ab8de437e6..0000000000
--- a/docs/1.0/docs/formats.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-layout: v1.0-docs
-title: Formats
-permalink: /1.0/docs/formats/
----
-
-Quill supports a number of formats, both in UI controls and API calls.
-
-By default all formats are enabled and allowed to exist within a Quill editor and can be configured with the [formats](/1.0/docs/configuration/#formats) option. This is separate from adding a control in the [Toolbar](/1.0/docs/modules/toolbar/). For example, you can configure Quill to allow bolded content to be pasted into an editor that has no bold button in the toolbar.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Standalone
-
-#### Inline
-
- - Background Color - `background`
- - Bold - `bold`
- - Color - `color`
- - Font - `font`
- - Inline Code - `code`
- - Italic - `italic`
- - Link - `link`
- - Size - `size`
- - Strikethrough - `strike`
- - Superscript/Subscript - `script`
- - Underline - `underline`
-
-#### Block
-
- - Blockquote - `blockquote`
- - Header - `header`
- - Indent - `indent`
- - List - `list`
- - Text Alignment - `align`
- - Text Direction - `direction`
- - Code Block - `code-block`
-
-#### Embeds
-
- - Formula - `formula` (requires [KaTex]((https://khan.github.io/KaTeX/)))
- - Image - `image`
- - Video - `video`
diff --git a/docs/1.0/docs/modules.md b/docs/1.0/docs/modules.md
deleted file mode 100644
index 802b0e1f50..0000000000
--- a/docs/1.0/docs/modules.md
+++ /dev/null
@@ -1,51 +0,0 @@
----
-layout: v1.0-docs
-title: Modules
-permalink: /1.0/docs/modules/
----
-
-Modules allow Quill's behavior and functionality to be customized. Several officially supported modules are available to pick and choose from, some with additional configuration options and APIs. Refer to their respective documentation pages for more details.
-
-To enable a module, simply include it in Quill's configuration.
-
-```javascript
-var quill = new Quill('#editor', {
- modules: {
- 'history': { // Enable with custom configurations
- 'delay': 2500,
- 'userOnly': true
- },
- 'syntax': true // Enable with default configuration
- }
-});
-```
-
-The [Clipboard](/1.0/docs/modules/clipboard/), [Keyboard](/1.0/docs/modules/keyboard/), and [History](/1.0/docs/modules/history/) modules are required by Quill and do not need to be included explictly, but may be configured like any other module.
-
-
-## Extending
-
-Modules may also be extended and re-registered, replacing the original module. Even required modules may be re-registered and replaced.
-
-```javascript
-var Clipboard = Quill.import('modules/clipboard');
-var Delta = Quill.import('delta');
-
-class PlainClipboard extends Clipboard {
- convert(html = null) {
- if (typeof html === 'string') {
- this.container.innerHTML = html;
- }
- let text = this.container.innerText;
- this.container.innerHTML = '';
- return new Delta().insert(text);
- }
-}
-
-Quill.register('modules/clipboard', PlainClipboard, true);
-
-// Will be created with instance of PlainClipboard
-var quill = new Quill('#editor');
-```
-
-*Note: This particular example was selected to show what is possible. It is often easier to just use an API or configuration the existing module exposes. In this example, the existing Clipboard's [addMatcher](/1.0/docs/modules/clipboard/#addmatcher) API is suitable for most paste customization scenarios.*
diff --git a/docs/1.0/docs/modules/clipboard.md b/docs/1.0/docs/modules/clipboard.md
deleted file mode 100644
index bfe33274ea..0000000000
--- a/docs/1.0/docs/modules/clipboard.md
+++ /dev/null
@@ -1,80 +0,0 @@
----
-layout: v1.0-docs
-title: Clipboard Module
-permalink: /1.0/docs/modules/clipboard/
----
-
-The Clipboard handles copy, cut and paste between Quill and external applications. A set of defaults exist to provide sane interpretation of pasted content, with the ability for further customization through matchers.
-
-The Clipboard interprets pasted HTML by traversing the corresponding DOM tree in [post-order](https://en.wikipedia.org/wiki/Tree_traversal#Post-order), building up a [Delta](/1.0/docs/delta/) representation of all subtrees. At each descendant node, matcher functions are called with the DOM Node and Delta interpretation so far, allowing the matcher to return a modified Delta interpretation.
-
-Familiarity and comfort with [Deltas](/1.0/docs/delta/) is necessary in order to effectively use matchers.
-
-
-## API
-
-#### addMatcher
-
-Adds a custom matcher to the Clipboard. Matchers using `nodeType` are called first, in the order they were added, followed by matchers using a CSS `selector`, also in the order they were added. [`nodeType`](https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType) may be `Node.ELEMENT_NODE` or `Node.TEXT_NODE`.
-
-**Methods**
-
-```javascript
-addMatcher(selector: String, (node: Node, delta: Delta) => Delta)
-addMatcher(nodeType: Number, (node: Node, delta: Delta) => Delta)
-```
-
-**Examples**
-
-```javascript
-quill.clipboard.addMatcher(Node.TEXT_NODE, function(node, delta) {
- return new Delta().insert(node.data);
-});
-
-// Interpret a tag as bold
-quill.clipboard.addMatcher('B', function(node, delta) {
- return delta.compose(new Delta().retain(delta.length(), { bold: true }));
-});
-```
-
-### dangerouslyPasteHTML
-
-Inserts content represented by HTML snippet into editor at a given index. The snippet is interpreted by Clipboard [matchers](#addMatcher), which may not produce the exactly input HTML. If no insertion index is provided, the entire editor contents will be overwritten. The [source](/1.0/docs/api/#events) may be `"user"`, `"api"`, or `"silent"`.
-
-Improper handling of HTML can lead to [cross site scripting (XSS)](https://www.owasp.org/index.php/Cross-site_Scripting_(XSS)) and failure to sanitize properly is both notoriously error-prone and a leading cause of web vulnerabilities. This method follows React's example and is aptly named to ensure the developer has taken the necessary precautions.
-
-**Methods**
-
-```javascript
-dangerouslyPasteHTML(html: String, source: String = 'api')
-dangerouslyPasteHTML(index: Number, html: String, source: String = 'api')
-```
-
-**Examples**
-
-```javascript
-quill.setText('Hello!');
-
-quill.clipboard.dangerouslyPasteHTML(5, ' World');
-// Editor is now '
Hello World!
';
-```
-
-
-## Configuration
-
-### matchers
-
-An array of matchers can be passed into Clipboard's configuration options. These will be appended after Quill's own default matchers.
-
-```javascript
-var quill = new Quill('#editor', {
- modules: {
- clipboard: {
- matchers: [
- ['B', customMatcherA],
- [Node.TEXT_NODE, customMatcherB]
- ]
- }
- }
-});
-```
diff --git a/docs/1.0/docs/modules/history.md b/docs/1.0/docs/modules/history.md
deleted file mode 100644
index 72114ae025..0000000000
--- a/docs/1.0/docs/modules/history.md
+++ /dev/null
@@ -1,116 +0,0 @@
----
-layout: v1.0-docs
-title: History Module
-permalink: /1.0/docs/modules/history/
----
-
-The History module is responsible for handling undo and redo for Quill. It can be configured with the following options:
-
-## Configuration
-
-#### delay
-
-- Default: `1000`
-
-Changes occuring within the `delay` number of milliseconds is merged into a single change.
-
-For example, with delay set to `0`, nearly every character is recorded as one change and so undo would undo one character at a time. With delay set to `1000`, undo would undo all changes that occured within the last 1000 milliseconds.
-
-
-#### maxStack
-
-- Default: `100`
-
-Maximum size of the history's undo/redo stack. Merged changes with the `delay` option counts as a singular change.
-
-
-#### userOnly
-
-- Default: `false`
-
-By default all changes, whether originating from user input or programmatically through the API, are treated the same and change be undone or redone by the history module. If `userOnly` is set to `true`, only user changes will be undone or redone.
-
-
-### Example
-
-```javascript
-var quill = new Quill('#editor', {
- modules: {
- history: {
- delay: 2000,
- maxStack: 500,
- userOnly: true
- }
- },
- theme: 'snow'
-});
-```
-
-## API
-
-#### clear
-
-Clears the history stack.
-
-**Methods**
-
-```js
-clear()
-```
-
-**Examples**
-
-```js
-quill.history.clear();
-```
-
-
-#### cutoff experimental {#cutoff-experimental}
-
-Normally changes made in short succession (configured by `delay`) are merged as a single change, so that triggering an undo will undo multiple changes. Using `cutoff()` will reset the merger window so that a changes before and after `cutoff()` is called will not be merged.
-
-**Methods**
-
-```js
-cutoff()
-```
-
-**Examples**
-
-```js
-quill.history.cutoff();
-```
-
-
-#### undo
-
-Undo last change.
-
-**Methods**
-
-```js
-undo()
-```
-
-**Examples**
-
-```js
-quill.history.undo();
-```
-
-
-#### redo
-
-If last change was an undo, redo this undo. Otherwise does nothing.
-
-**Methods**
-
-```js
-redo()
-```
-
-**Examples**
-
-```js
-quill.history.redo();
-```
diff --git a/docs/1.0/docs/modules/keyboard.md b/docs/1.0/docs/modules/keyboard.md
deleted file mode 100644
index 51b155140a..0000000000
--- a/docs/1.0/docs/modules/keyboard.md
+++ /dev/null
@@ -1,214 +0,0 @@
----
-layout: v1.0-docs
-title: Keyboard Module
-permalink: /1.0/docs/modules/keyboard/
----
-
-The Keyboard module enables custom behavior for keyboard events in particular contexts. Quill uses this to bind formatting hotkeys and prevent undesirable browser side effects.
-
-
-### Key Bindings
-
-Keyboard handlers are bound to a particular key and key modifiers. The `key` is the JavaScript event key code, but string shorthands are allowed for alphanumeric keys and some common keys.
-
-Key modifiers include: `metaKey`, `ctrlKey`, `shiftKey` and `altKey`. In addition, `shortKey` is a platform specific modifier equivalent to `metaKey` on a Mac and `ctrlKey` on Linux and Windows.
-
-Handlers will be called with `this` bound to the keyboard instance and be passed the current selection range.
-
-```js
-quill.keyboard.addBinding({
- key: 'B',
- shortKey: true
-}, function(range, context) {
- this.quill.formatText(range, 'bold', true);
-});
-
-// addBinding may also be called with one parameter,
-// in the same form as in initialization
-quill.keyboard.addBinding({
- key: 'B',
- shortKey: true,
- handler: function(range, context) {
-
- }
-});
-```
-
-If a modifier key is `false`, it is assumed to mean that modifier is not active. You may also pass `null` to mean any value for the modifier.
-
-```js
-// Only b with no modifier will trigger
-quill.keyboard.addBinding({ key: 'B' }, handler);
-
-// Only shift+b will trigger
-quill.keyboard.addBinding({ key: 'B', shiftKey: true }, handler);
-
-// Either b or shift+b will trigger
-quill.keyboard.addBinding({ key: 'B', shiftKey: null }, handler);
-
-```
-
-Multiple handlers may be bound to the same key and modifier combination. Handlers will be called synchronously, in the order they were bound. By default, a handler stops propagating to the next handler, unless it explicitly returns `true`.
-
-
-```js
-quill.keyboard.addBinding({ key: 'tab' }, function(range) {
- // I will normally prevent handlers of the tab key
- // Return true to let later handlers be called
- return true;
-});
-```
-
-Note: Since Quill's default handlers are added at initialization, the only way to prevent them is to add yours in the [configuration](#configuration).
-
-
-### Context
-
-Contexts enable further specification for handlers to be called only in particular scenarios. Regardless if context is specified, a context object is provided as a second parameter for all handlers.
-
-```js
-// If the user hits backspace at the beginning of list or blockquote,
-// remove the format instead delete any text
-quill.keyboard.addBinding({ key: Keyboard.keys.BACKSPACE }, {
- collapsed: true,
- format: ['blockquote', 'list'],
- offset: 0
-}, function(range, context) {
- if (context.format.list) {
- this.quill.format('list', false);
- } else {
- this.quill.format('blockquote', false);
- }
-});
-```
-
-#### collapsed
-
-If `true`, handler is called only if the user's selection is collapsed, i.e. in cursor form. If `false`, the users's selection must be non-zero length, such as when the user has highlighted text.
-
-
-#### empty
-
-If `true`, called only if user's selection is on an empty line, `false` for a non-empty line. Note setting empty to be true implies collapsed is also true and offset is 0—otherwise the user's selection would not be on an empty line.
-
-```js
-// If the user hits enter on an empty list, remove the list instead
-quill.keyboard.addBinding({ key: Keyboard.keys.ENTER }, {
- empty: true, // implies collapsed: true and offset: 0
- format: ['list']
-}, function(range, context) {
- this.quill.format('list', false);
-});
-```
-
-
-#### format
-
-When an Array, handler will be called if *any* of the specified formats are active. When an Object, *all* specified formats conditions must be met. In either case, the context parameter will be an Object of all current active formats, the same returned by `quill.getFormat()`.
-
-```js
-var context = {
- format: {
- list: true, // must be on a list, but can be any value
- script: 'super', // must be exactly 'super', 'sub' will not suffice
- link: false // cannot be in any link
- }
-};
-```
-
-
-#### offset
-
-Handler will be only called when the user's selection starts `offset` characters from the beginning of the line. Note this is before printable keys have been applied. This is useful in combination with other context specifications.
-
-
-#### prefix
-
-Regex that must match the text immediately preceding the user's selection's start position. The text will not match cross format boundaries. The supplied `context.prefix` value will be the entire immediately preceding text, not just the regex match.
-
-```js
-// When the user types space...
-quill.keyboard.addBinding({ key: ' ' }, {
- collapsed: true,
- format: { list: false }, // ...on an line that's not already a list
- prefix: /^-$/, // ...following a '-' character
- offset: 1, // ...at the 1st position of the line,
- // otherwise handler would trigger if the user
- // typed hyphen+space mid sentence
-}, function(range, context) {
- // the space character is consumed by this handler
- // so we only need to delete the hyphen
- this.quill.deleteText(range.index - 1, 1);
- // apply bullet formatting to the line
- this.quill.formatLine(range.index, 1, 'list', 'bullet');
- // restore selection
- this.quill.setSelection(range.index - 1);
-
- // console.log(context.prefix) would print '-'
-});
-```
-
-#### suffix
-
-The same as [`prefix`](#prefix) except matching text immediately following the user's selection's end position.
-
-
-### Configuration
-
-By default, Quill comes with several useful key bindings, for example indenting lists with tabs. You can add your own upon initization.
-
-Some bindings are essential to preventing dangerous browser defaults, such as the enter and backspace keys. You cannot remove these bindings to revert to native browser behaviors. However since bindings specified in the configuration will run before Quill's defaults, you can handle special cases and propagate to Quill's otherwise.
-
-Adding a binding with `quill.keyboard.addBinding` will not run before Quill's because the defaults bindings will have been added by that point.
-
-Each binding config must contain `key` and `handler` options, and may optionally include any of the `context` options.
-
-```javascript
-var bindings = {
- // This will overwrite the default binding also named 'tab'
- tab: {
- key: 9,
- handler: function() {
- // Handle tab
- }
- },
-
- // There is no default binding named 'custom'
- // so this will be added without overwriting anything
- custom: {
- key: 'B',
- shiftKey: true,
- handler: function(range, context) {
- // Handle shift+b
- }
- },
-
- list: {
- key: 'backspace',
- format: ['list'],
- handler: function(range, context) {
- if (context.offset === 0) {
- // When backspace on the first character of a list,
- // remove the list instead
- this.quill.format('list', false, Quill.sources.USER);
- } else {
- // Otherwise propogate to Quill's default
- return true;
- }
- }
- }
-};
-
-var quill = new Quill('#editor', {
- modules: {
- keyboard: {
- bindings: bindings
- }
- }
-});
-```
-
-
-### Peformance
-
-Like DOM events, Quill key bindings are blocking calls on every match, so it is a bad idea to have a very expensive handler for a very common key binding. Apply the same performance best practices as you would when attaching to common blocking DOM events, like `scroll` or `mousemove`.
diff --git a/docs/1.0/docs/quickstart.md b/docs/1.0/docs/quickstart.md
deleted file mode 100644
index f1f560b3be..0000000000
--- a/docs/1.0/docs/quickstart.md
+++ /dev/null
@@ -1,38 +0,0 @@
----
-layout: v1.0-docs
-title: Quickstart
-permalink: /1.0/docs/quickstart/
-redirect_from:
- - /1.0/docs/
----
-
-The best way to get started is try a simple example. Quill is initialized with a DOM element to contain the editor. The contents of that element will become the initial contents of Quill.
-
-```html
-
-
-
-
-
-
Hello World!
-
Some initial bold text
-
-
-
-
-
-
-
-
-```
-
-And that's all there is to it!
-
-
-### Next Steps ###
-
-The real magic of Quill comes in its flexibility and extensibility. You can get an idea of what is possible by playing around with the demos throughout this site or head straight to the [Interactive Playground](/playground/). For an in-depth walkthrough, take a look at [How to Customize Quill](/guides/how-to-customize-quill/).
diff --git a/docs/1.0/docs/standalone/autogrow.md b/docs/1.0/docs/standalone/autogrow.md
deleted file mode 100644
index 0aaec7f78a..0000000000
--- a/docs/1.0/docs/standalone/autogrow.md
+++ /dev/null
@@ -1,82 +0,0 @@
----
-layout: standalone
-title: Autogrow Example
-permalink: /1.0/standalone/autogrow/
----
-
-
-
-
-
-
-
Minas Tirith
-
-
Pippin looked out from the shelter of Gandalf"s cloak. He wondered if he was awake or still sleeping, still in the swift-moving dream in which he had been wrapped so long since the great ride began. The dark world was rushing by and the wind sang loudly in his ears. He could see nothing but the wheeling stars, and away to his right vast shadows against the sky where the mountains of the South marched past. Sleepily he tried to reckon the times and stages of their journey, but his memory was drowsy and uncertain.
-
-
There had been the first ride at terrible speed without a halt, and then in the dawn he had seen a pale gleam of gold, and they had come to the silent town and the great empty house on the hill. And hardly had they reached its shelter when the winged shadow had passed over once again, and men wilted with fear. But Gandalf had spoken soft words to him, and he had slept in a corner, tired but uneasy, dimly aware of comings and goings and of men talking and Gandalf giving orders. And then again riding, riding in the night. This was the second, no, the third night since he had looked in the Stone. And with that hideous memory he woke fully, and shivered, and the noise of the wind became filled with menacing voices.
-
-
A light kindled in the sky, a blaze of yellow fire behind dark barriers Pippin cowered back, afraid for a moment, wondering into what dreadful country Gandalf was bearing him. He rubbed his eyes, and then he saw that it was the moon rising above the eastern shadows, now almost at the full. So the night was not yet old and for hours the dark journey would go on. He stirred and spoke.
-
-
"Where are we, Gandalf?" he asked.
-
-
"In the realm of Gondor," the wizard answered. "The land of Anórien is still passing by."
-
-
There was a silence again for a while. Then, "What is that?" cried Pippin suddenly, clutching at Gandalf"s cloak. "Look! Fire, red fire! Are there dragons in this land? Look, there is another!"
-
-
For answer Gandalf cried aloud to his horse. "On, Shadowfax! We must hasten. Time is short. See! The beacons of Gondor are alight, calling for aid. War is kindled. See, there is the fire on Amon Dîn, and flame on Eilenach; and there they go speeding west: Nardol, Erelas, Min-Rimmon, Calenhad, and the Halifirien on the borders of Rohan."
-
-
But Shadowfax paused in his stride, slowing to a walk, and then he lifted up his head and neighed. And out of the darkness the answering neigh of other horses came; and presently the thudding of hoofs was heard, and three riders swept up and passed like flying ghosts in the moon and vanished into the West. Then Shadowfax gathered himself together and sprang away, and the night flowed over him like a roaring wind.
-
-
-
Pippin became drowsy again and paid little attention to Gandalf telling him of the customs of Gondor, and how the Lord of the City had beacons built on the tops of outlying hills along both borders of the great range, and maintained posts at these points where fresh horses were always in readiness to bear his errand-riders to Rohan in the North, or to Belfalas in the South. "It is long since the beacons of the North were lit," he said; "and in the ancient days of Gondor they were not needed, for they had the Seven Stones." Pippin stirred uneasily.
-
-
"Sleep again, and do not be afraid!" said Gandalf. "For you are not going like Frodo to Mordor, but to Minas Tirith, and there you will be as safe as you can be anywhere in these days. If Gondor falls, or the Ring is taken, then the Shire will be no refuge."
-
-
"You do not comfort me," said Pippin, but nonetheless sleep crept over him. The last thing that he remembered before he fell into deep dream was a glimpse of high white peaks, glimmering like floating isles above the clouds as they caught the light of the westering moon. He wondered where Frodo was, and if he was already in Mordor, or if he was dead; and he did not know that Frodo from far away looked on that same moon as it set beyond Gondor ere the coming of the day.
-
-
-
-
-
-
diff --git a/docs/1.0/docs/themes.md b/docs/1.0/docs/themes.md
deleted file mode 100644
index f56dcff0ce..0000000000
--- a/docs/1.0/docs/themes.md
+++ /dev/null
@@ -1,86 +0,0 @@
----
-layout: v1.0-docs
-title: Themes
-permalink: /1.0/docs/themes/
----
-
-
-
-
-
-
-
-
-Themes allow you to easily make your editor look good with minimal effort. Quill features two offically supported themes: [Snow](#snow) and [Bubble](#bubble).
-
-### Usage
-
-```html
-
-
-
-
-
-```
-
-## Bubble
-
-Bubble is a simple tooltip based theme.
-
-
-
-
-Standalone
-
-## Snow
-
-Snow is a clean, flat toolbar theme.
-
-
-
-
-Standalone
-
-
-### Customization
-
-Themes primarily control the visual look of Quill through its CSS stylesheet, and many changes can easily be made by overriding these rules. This is easiest to do, as with any other web application, by simply using your browser developer console to inspect the elements to view the rules affecting them.
-
-Many other customizations can be done through the respective modules. For example, the toolbar is perhaps the most visible user interface, but much of the customization is done through the [Toolbar module](/1.0/docs/modules/toolbar/).
-
-
-
-
-
-
-
-
diff --git a/docs/1.0/index.html b/docs/1.0/index.html
deleted file mode 100644
index 74256559b2..0000000000
--- a/docs/1.0/index.html
+++ /dev/null
@@ -1,391 +0,0 @@
----
-layout: v1.0
-title: Quill - Your powerful rich text editor
-bodyClass: 'home'
-permalink: /1.0/
----
-
-
-
-
-
-
-
-
Quill is a free, open source WYSIWYG editor built for the modern web. With its modular architecture and expressive API, it is completely customizable to fit any need.
-
-
-
-
Getting Started is Easy
-
-
// <link href="https://cdn.quilljs.com/1.2.6/quill.snow.css" rel="stylesheet">
-// <script src="https://cdn.quilljs.com/1.2.6/quill.min.js"></script>
-
-var quill = new Quill('#editor', {
- modules: {
- toolbar: '#toolbar'
- },
- theme: 'snow'
-});
-
-// Open your browser's developer console to try out the API!
-
- Granular access to the editor's content, changes and events through a simple API. Works consistently and deterministically with JSON as both input and output.
- View documentation
-
-
-
-
-
-
Cross Platform
- Supports all modern browsers on desktops, tablets and phones. Experience the same consistent behavior and produced HTML across platforms.
- See the Chart
-
- Used in small projects and giant Fortune 500s alike. Start simple with the Quill core then easily customize or add your own extensions later if your product needs grow.
- Learn More
-
-
- 
- 
- 
- 
- 
- 
- 
- 
-