From 9a0d47110ea7fa13295b2866305fda8caa8b1494 Mon Sep 17 00:00:00 2001
From: kaptainkommie <kaptainkommie@users.noreply.github.com>
Date: Wed, 15 Mar 2017 15:52:48 -0400
Subject: [PATCH] Added Multiple Editors Instructions

Added instructions on how to properly initialize multiple editors on the same page. Proper initialization and usage resolves #117 #110 #31
---
 README.md | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/README.md b/README.md
index b174ba9..3f6c7c6 100644
--- a/README.md
+++ b/README.md
@@ -74,6 +74,22 @@ Use standard jQuery methods to access and set content and focus. You can also as
 $('#editor').cleanHtml()
 ```
 
+Multiple Editors on the Same Page
+-----------
+You can initialize and use multiple instances of the editor on the same page, however, each editor specified in HTML must have a unique `data-role` specified.
+
+For example:
+```html
+<div class="btn-toolbar editorToolbar" data-role="editor-toolbar_editor1" data-target...
+```
+
+Then initialize the editor in Javascript with the unique value assigned to the toolbar:
+```javascript
+$('#editor').wysiwyg({
+        toolbarSelector: '[data-role=editor-toolbar_editor1]'
+    });
+```
+
 Customising
 -----------
 You can assign commands to hotkeys and toolbar links. For a toolbar link, just put the execCommand command name into a data-edit attribute.