fix:311-add preserveWhitespace prop (zenoamaro#407)

Author: royshouvik

README.md

@@ -622,6 +622,9 @@ import ReactQuill, { Quill, Mixin, Toolbar } from 'react-quill'; // ES6
 `onKeyUp(event)`
 : Called after a key has been released.
 
+`preserveWhitespace`
+: If true, a `pre` tag is used for the editor area instead of the default `div` tag. This prevents Quill from
+collapsing continuous whitespaces on paste. [Related issue](https://github.com/quilljs/quill/issues/1751).
 
 ### Methods
 

src/component.js

@@ -34,6 +34,7 @@ var QuillComponent = createClass({
 		onKeyPress: T.func,
 		onKeyDown: T.func,
 		onKeyUp: T.func,
+		preserveWhitespace: T.bool,
 
 		modules: function(props) {
 			var isNotObject = T.object.apply(this, arguments);
@@ -331,6 +332,7 @@ var QuillComponent = createClass({
 	renderEditingArea: function() {
 		var self = this;
 		var children = this.props.children;
+		var preserveWhitespace = this.props.preserveWhitespace;
 
 		var properties = {
 			key: this.state.generation,
@@ -341,10 +343,10 @@ var QuillComponent = createClass({
 		var customElement = React.Children.count(children)
 			? React.Children.only(children)
 			: null;
-
+		var defaultElement = preserveWhitespace ? DOM.pre : DOM.div;
 		var editingArea = customElement
 			? React.cloneElement(customElement, properties)
-			: DOM.div(properties);
+			: defaultElement(properties);
 
 		return editingArea;
 	},