ipeychev · January 2, 2018 16:37 · jesty · Jan 8, 2016 · CTFigueroa · Jan 26, 2016
diff --git a/AlloyEditor as React module.html b/AlloyEditor as React module.html
 <!DOCTYPE html>
 <html>
 <head>
    <meta content='text/html; charset=utf-8' http-equiv='Content-type'>

    <title>AlloyEditor as React Module Example</title>
    <link href="bower_components/alloyeditor/dist/alloy-editor/assets/alloy-editor-ocean-min.css" rel="stylesheet">
    <style>
      #main {
        left: 100px;
        position: relative;
        top: 100px;
      }
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script>
    <script src="bower_components/alloyeditor/dist/alloy-editor/alloy-editor-no-react-min.js"></script>
 </head>

 <body>
    <div id="main"></div>

    <script type="text/jsx">
      var AlloyEditorModule = React.createClass({
        componentDidMount: function() {
          this._editor = AlloyEditor.editable(this.props.container, this.props.alloyEditorConfig);
        },

        componentWillUnmount: function() {
          this._editor.destroy();
        },

        render: function() {
          return (
            <div id={this.props.container}>
            <h1>AlloyEditor will make this content editable</h1>
              <p>
                To install React, follow the instructions on <a href="https://github.com/facebook/react/">GitHub</a>.
              </p>
              <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel metus nunc. Maecenas rhoncus congue faucibus. Sed finibus ultrices turpis. Mauris nulla ante, aliquam a euismod ut, scelerisque nec sem. Nam dapibus ac nulla non ullamcorper. Sed vestibulum a velit non lobortis. Proin sit amet imperdiet urna. Aenean interdum urna augue, vel mollis tortor dictum vitae. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris vitae suscipit magna.
              </p>
            </div>
          );
        }
      });

      React.render(React.createElement(AlloyEditorModule, {
          container: 'editable'
      }), document.getElementById('main'));
    </script>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta content='text/html; charset=utf-8' http-equiv='Content-type'>

	<title>AlloyEditor as React Module Example</title>
	<link href="bower_components/alloyeditor/dist/alloy-editor/assets/alloy-editor-ocean-min.css" rel="stylesheet">
	<style>
	#main {
	left: 100px;
	position: relative;
	top: 100px;
	}
	</style>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script>
	<script src="bower_components/alloyeditor/dist/alloy-editor/alloy-editor-no-react-min.js"></script>
	</head>

	<body>
	<div id="main"></div>

	<script type="text/jsx">
	var AlloyEditorModule = React.createClass({
	componentDidMount: function() {
	this._editor = AlloyEditor.editable(this.props.container, this.props.alloyEditorConfig);
	},

	componentWillUnmount: function() {
	this._editor.destroy();
	},

	render: function() {
	return (
	<div id={this.props.container}>
	<h1>AlloyEditor will make this content editable</h1>
	<p>
	To install React, follow the instructions on <a href="https://github.com/facebook/react/">GitHub</a>.
	</p>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel metus nunc. Maecenas rhoncus congue faucibus. Sed finibus ultrices turpis. Mauris nulla ante, aliquam a euismod ut, scelerisque nec sem. Nam dapibus ac nulla non ullamcorper. Sed vestibulum a velit non lobortis. Proin sit amet imperdiet urna. Aenean interdum urna augue, vel mollis tortor dictum vitae. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris vitae suscipit magna.
	</p>
	</div>
	);
	}
	});

	React.render(React.createElement(AlloyEditorModule, {
	container: 'editable'
	}), document.getElementById('main'));
	</script>
	</body>
	</html>