draft-js-plugins · nikgraf · Mar 3, 2016 · Mar 3, 2016 · Mar 3, 2016 · Mar 3, 2016
diff --git a/site/components/UnicornEditor/index.js b/site/components/UnicornEditor/index.js
@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import Editor, { createEmpty } from 'draft-js-plugin-editor';
+import Editor, { createWithText } from 'draft-js-plugin-editor';
 import hashtagPlugin from 'draft-js-hashtag-plugin';
 import stickerPlugin from 'draft-js-sticker-plugin';
 import linkifyPlugin from 'draft-js-linkify-plugin';
@@ -23,7 +23,7 @@ const plugins = List([
 export default class UnicornEditor extends Component {
 
   state = {
-    editorState: createEmpty(plugins),
+    editorState: createWithText('Hello World!', plugins),
     readOnly: false,
     showState: false,
   };

diff --git a/src/PluginEditor/index.js b/src/PluginEditor/index.js
@@ -1,4 +1,8 @@
-import createEmptyFn from './createEmpty';
+import createEmptyFn from './utils/createEmpty';
+import createWithContentFn from './utils/createWithContent';
+import createWithTextFn from './utils/createWithText';
 
 export default from './Editor';
+export const createWithContent = createWithContentFn;
+export const createWithText = createWithTextFn;
 export const createEmpty = createEmptyFn;
diff --git a/src/PluginEditor/utils/createCompositeDecorator.js b/src/PluginEditor/utils/createCompositeDecorator.js
@@ -0,0 +1,8 @@
+import { CompositeDecorator } from 'draft-js';
+
+export default (plugins) => {
+  const decorators = plugins
+    .filter((plugin) => plugin.compositeDecorator !== undefined)
+    .map((plugin) => plugin.compositeDecorator);
+  return new CompositeDecorator(decorators.toJS());
+};
diff --git a/src/PluginEditor/utils/createEmpty.js b/src/PluginEditor/utils/createEmpty.js
@@ -0,0 +1,7 @@
+import { EditorState } from 'draft-js';
+import createCompositeDecorator from './createCompositeDecorator';
+
+export default (plugins) => {
+  const compositeDecorator = createCompositeDecorator(plugins);
+  return EditorState.createEmpty(compositeDecorator);
+};
diff --git a/src/PluginEditor/utils/createWithContent.js b/src/PluginEditor/utils/createWithContent.js
@@ -0,0 +1,11 @@
+import { EditorState, convertFromRaw, ContentState } from 'draft-js';
+import createCompositeDecorator from './createCompositeDecorator';
+
+export default (rawContent, plugins) => {
+  const compositeDecorator = createCompositeDecorator(plugins);
+  const blocks = convertFromRaw(rawContent);
+  return EditorState.createWithContent(
+    ContentState.createFromBlockArray(blocks),
+    compositeDecorator,
+  );
+};
diff --git a/src/PluginEditor/utils/createWithText.js b/src/PluginEditor/utils/createWithText.js
@@ -0,0 +1,10 @@
+import { EditorState, ContentState } from 'draft-js';
+import createCompositeDecorator from './createCompositeDecorator';
+
+export default (text, plugins) => {
+  const compositeDecorator = createCompositeDecorator(plugins);
+  return EditorState.createWithContent(
+    ContentState.createFromText(text),
+    compositeDecorator,
+  );
+};
diff --git a/src/pluginEditor/createEmpty.js b/src/pluginEditor/createEmpty.js