From d5d9dbdc5cb1a6ae374293210adac7eac1a98e1c Mon Sep 17 00:00:00 2001
From: Hariharan Srinath <srinathh@users.noreply.github.com>
Date: Mon, 29 Dec 2014 07:38:30 +0530
Subject: [PATCH] Added write-ups on setting the editor content and refreshing
 the editor. Added link to font file

1. If you are self-hosting the Editor vs. linking to it, you additionally need the icon font file if you are using the toolbar. Added link
2. To set the content programmatically instead of picking up from text area, we can use editor.codemirror.setValue
3. If there are changes in sizes or hiding/unhiding of editor, we need to call editor.codemirror.refresh to make things look correct
---
 README.md | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/README.md b/README.md
index b616ac7..154939c 100644
--- a/README.md
+++ b/README.md
@@ -23,6 +23,7 @@ You can also use [jsdelivr CDN](http://www.jsdelivr.com/#!editor):
 <script src="//cdn.jsdelivr.net/editor/0.1.0/editor.js"></script>
 <script src="//cdn.jsdelivr.net/editor/0.1.0/marked.js"></script>
 ```
+If you are self-hosting the files and want to support the toolbar, you also should download the [icon font file](http://lab.lepture.com/editor/fonts/icomoon.woff) and save it in a sub-folder named `fonts` relative to wherever you have placed the `editor.css` stylesheet
 
 Having done this, an editor instance can be created:
 
@@ -33,6 +34,17 @@ editor.render();
 
 The editor will take the position of the first `<textarea>` element. 
 
+## Interacting with the editor
+The editor internally uses [CodeMirror](http://codemirror.net/doc/manual.html) project to render the editor. the CodeMirror object is available via JavaScript as `editor.codemirror`
+
+### Set the editor content
+
+On instantiation, the editor automatically picks up whatever text was present in the `<textarea>` element. To set the content programmatically, use:
+
+```js
+editor.codemirror.setValue( "Your content here..." );
+```
+
 ### Get the content
 
 To get back the edited content you use:
@@ -41,6 +53,14 @@ To get back the edited content you use:
 editor.codemirror.getValue();
 ```
 
+### Refresh the editor view
+
+If your code does something to change the size of the editor element (window resizes are already listened for), or unhides it, you should call refresh function to ensure the editor looks as intended after the sizing/visibility change is complete. For instance, if you have used the editor in a BootStrap Modal dialog, run the refresh function on the `shown.bs.modal` event.
+
+```js
+editor.codemirror.refresh();
+```
+
 ## Component
 
 If you are using component, you can install it with: