Initial commit

Author: jash139

.babelrc

@@ -0,0 +1,7 @@
+{
+    "presets": [
+        "react",
+        "env",
+        "stage-0"
+    ]
+}

.gitignore

@@ -0,0 +1,35 @@
+# Component lib directory
+lib
+
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules
+jspm_packages
+typings

.npmignore

@@ -0,0 +1,4 @@
+src
+demo
+.babelrc
+webpack.config.js

README.md

@@ -0,0 +1,78 @@
+
+## Installation
+
+```bash
+npm install text-editor-react
+```
+Include fontawesome cdn in your html for icons to work
+[https://fontawesome.com/](https://fontawesome.com/)
+
+## Usage
+
+### Simple Example
+```jsx
+import React from "react";
+import { TextEditor } from "text-editor-react";
+
+function MyComponent() {
+    const id = "my-unique-id";
+
+    return (
+        <TextEditor
+        id={id}
+        />
+    );
+}
+```
+
+### How to save content?
+
+```jsx
+import React from "react";
+import { TextEditor, getInnerHtml } from "text-editor-react";
+
+function MyComponent() {
+    const id = "my-unique-id";
+
+    const saveContent = () => {
+        const content = getInnerHtml(id);
+        // This is the part where you save the content
+        // to the database
+    };
+
+    return (
+        <div>
+            <TextEditor
+            id={id}
+            />
+            <button onClick={saveContent}>Save</button>
+        </div>
+    );
+}
+```
+
+### How to display content saved in database?
+
+```jsx
+import React, { useEffect } from "react";
+import { addContentTo } from "text-editor-react";
+
+function MyComponent() {
+    const targetDiv = "target-div";
+
+    const content = `<p>Hello World!</p>`;
+
+    useEffect(() => {
+        addContentTo(content, targetDiv);
+        //  Provide content and id of the div you want to
+        //  add the content to
+    }, []);
+
+    return (
+        <React.Fragment>
+            <div id={targetDiv}></div>
+            <button onClick={addContent}>Add Content</button>
+        </React.Fragment>
+    );
+}
+```