content: import React from 'react';
  import ReactDOM from 'react-dom';
  
  import JqxEditor from '../../../jqwidgets-react/react_jqxeditor.js';
  
  class App extends React.Component {
      render() {
          let createCommand = (name) => {
              switch (name) {
                  case 'font':
                      return {
                          init: (widget) => {
                              let source =
                                  [{ label: 'Arial', value: 'Arial, Helvetica, sans-serif' },
                                  { label: 'Comic Sans MS', value: '"Comic Sans MS", cursive, sans-serif' },
                                  { label: 'Courier New', value: '"Courier New", Courier, monospace' },
                                  { label: 'Georgia', value: 'Georgia,serif' },
                                  { label: 'Helvetica', value: 'HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica' },
                                  { label: 'Impact', value: 'Impact,Charcoal,sans-serif' },
                                  { label: 'Lucida Console', value: '"Lucida Console",Monaco,monospace' },
                                  { label: 'Tahoma', value: 'Tahoma,Geneva,sans-serif' },
                                  { label: 'Times New Roman', value: '"Times New Roman",Times,serif' },
                                  { label: 'Trebuchet MS', value: '"Trebuchet MS",Helvetica,sans-serif' },
                                  { label: 'Verdana', value: 'Verdana,Geneva,sans-serif' }];
                              this.value = source;
                              widget.jqxDropDownList({
                                  source: source
                              });
                          }
                      }
              }
          };
          return (
              <JqxEditor width={800} height={400} stylesheets={['editor.css']} createCommand={createCommand}>
                  &lt;b&gt;jqxEditor&lt;/b&gt; is a HTML text editor designed to simplify web content creation. You can use it as a replacement of your Textarea or you can create it from a DIV element. 
                  &lt;br /&gt;
                  &lt;br /&gt;
                  Features include:
                  &lt;br /&gt;
                  &lt;ul&gt;
                      &lt;li&gt;Text formatting&lt;/li&gt;
                      &lt;li&gt;Text alignment&lt;/li&gt;
                      &lt;li&gt;Hyperlink dialog&lt;/li&gt;
                      &lt;li&gt;Image dialog&lt;/li&gt;
                      &lt;li&gt;Bulleted list&lt;/li&gt;
                      &lt;li&gt;Numbered list&lt;/li&gt;
                  &lt;/ul&gt;
              </JqxEditor>
          )
      }
  }
  
  ReactDOM.render(<App />, document.getElementById('app'));
  