<commit_before>React = require 'react'
window.jQuery = window.$ = require 'jquery'
MarkdownTextarea = require('./index')

# Assign react to Window so the Chrome React Dev Tools will work
window.React = React

React.renderComponent(
  <div>
    <h1>React Markdown Textarea</h1>
    <p>Auto-resizing, built-in preview awesomeness!</p>
    <h3>Install</h3>
    <code>npm install react-markdown-textarea</code>
    <br />

    <h3>Basic usage</h3>
    <pre><code>
      MarkdownTextarea = require('react-markdown-textarea');<br />
     {"React.renderComponent(<MarkdownTextarea />, document.body);"}
    </code></pre>

    <h3>Theming</h3>
    <p>The component ships with the minimum CSS to position the various elements
    correctly. You'll be expected to write additional CSS in order to make it fit
    your application. In the Git repository, there's a <a href="https://github.com/KyleAMathews/react-markdown-textarea/blob/master/src/styles/_react_markdown_textarea.scss">SCSS file</a> that's used
    on this page that you can use as a starting point. Class names follow the 
    <a href="http://bem.info/method/">BEM methodology</a> as can seen by inspecting
    the examples below e.g. <code>react-markdown-textarea__button</code>{" "}
     is the class name for the button.
    </p>

    <h3>Misc</h3>
    <a href="https://github.com/KyleAMathews/react-markdown-textarea">Github repository</a>
    <br />
    <a href="https://github.com/KyleAMathews/react-markdown-textarea/issues">Support</a>

    <hr />
    <h1>Examples</h1>
    <h2>No arguments</h2>
    <code>{"<MarkdownTextarea />"}</code>
    <br />
    <br />
    <MarkdownTextarea />
    <hr />

    <h2>Set a default value</h2>
    <code>{"<MarkdownTextarea value='Type some *markdown* here!' />"}</code>
    <br />
    <br />
    <MarkdownTextarea value='Type some *markdown* here!' />
    <hr />

    <h2>Pass attributes to the textarea element</h2>
    <code>{"<MarkdownTextarea rows=6 />"}</code>
    <br />
    <br />
    <MarkdownTextarea rows=6 />
    <hr />

    <h2>Placeholder</h2>
    <code>{"<MarkdownTextarea placeholder='A cool placeholder' />"}</code>
    <br />
    <br />
    <MarkdownTextarea placeholder='A cool placeholder' />
    <hr />

    <h2>Override the button text</h2>
    <code>{"<MarkdownTextarea buttonText='Save new comment' />"}</code>
    <br />
    <br />
    <MarkdownTextarea buttonText="Save new comment" />
    <hr />

    <h2>Disable preview</h2>
    <code>{"<MarkdownTextarea noPreview />"}</code>
    <br />
    <br />
    <MarkdownTextarea noPreview />
    <hr />
    <h1>Thanks</h1>
    <p>This code is built on the great work of many other open-source contributers.</p>
    <ul>
      <li><a href="facebook.github.io/react/">React from Facebook</a></li>
      <li><a href="https://github.com/andreypopp/react-textarea-autosize">react-textarea-autosize</a> by <a href="https://github.com/andreypopp"><NAME></a></li>
      <li><a href="https://github.com/jackmoore/autosize">jQuery plugin Autosize</a> by <a href="https://github.com/jackmoore"><NAME></a></li>
    </ul>


  </div>
  , document.body)
<commit_msg>Fix link typo in examples.coffee<commit_after>React = require 'react'
window.jQuery = window.$ = require 'jquery'
MarkdownTextarea = require('./index')

# Assign react to Window so the Chrome React Dev Tools will work
window.React = React

React.renderComponent(
  <div>
    <h1>React Markdown Textarea</h1>
    <p>Auto-resizing, built-in preview awesomeness!</p>
    <h3>Install</h3>
    <code>npm install react-markdown-textarea</code>
    <br />

    <h3>Basic usage</h3>
    <pre><code>
      MarkdownTextarea = require('react-markdown-textarea');<br />
     {"React.renderComponent(<MarkdownTextarea />, document.body);"}
    </code></pre>

    <h3>Theming</h3>
    <p>The component ships with the minimum CSS to position the various elements
    correctly. You'll be expected to write additional CSS in order to make it fit
    your application. In the Git repository, there's a <a href="https://github.com/KyleAMathews/react-markdown-textarea/blob/master/src/styles/_react_markdown_textarea.scss">SCSS file</a> that's used
    on this page that you can use as a starting point. Class names follow the 
    <a href="http://bem.info/method/">BEM methodology</a> as can seen by inspecting
    the examples below e.g. <code>react-markdown-textarea__button</code>{" "}
     is the class name for the button.
    </p>

    <h3>Misc</h3>
    <a href="https://github.com/KyleAMathews/react-markdown-textarea">Github repository</a>
    <br />
    <a href="https://github.com/KyleAMathews/react-markdown-textarea/issues">Support</a>

    <hr />
    <h1>Examples</h1>
    <h2>No arguments</h2>
    <code>{"<MarkdownTextarea />"}</code>
    <br />
    <br />
    <MarkdownTextarea />
    <hr />

    <h2>Set a default value</h2>
    <code>{"<MarkdownTextarea value='Type some *markdown* here!' />"}</code>
    <br />
    <br />
    <MarkdownTextarea value='Type some *markdown* here!' />
    <hr />

    <h2>Pass attributes to the textarea element</h2>
    <code>{"<MarkdownTextarea rows=6 />"}</code>
    <br />
    <br />
    <MarkdownTextarea rows=6 />
    <hr />

    <h2>Placeholder</h2>
    <code>{"<MarkdownTextarea placeholder='A cool placeholder' />"}</code>
    <br />
    <br />
    <MarkdownTextarea placeholder='A cool placeholder' />
    <hr />

    <h2>Override the button text</h2>
    <code>{"<MarkdownTextarea buttonText='Save new comment' />"}</code>
    <br />
    <br />
    <MarkdownTextarea buttonText="Save new comment" />
    <hr />

    <h2>Disable preview</h2>
    <code>{"<MarkdownTextarea noPreview />"}</code>
    <br />
    <br />
    <MarkdownTextarea noPreview />
    <hr />
    <h1>Thanks</h1>
    <p>This code is built on the great work of many other open-source contributers.</p>
    <ul>
      <li><a href="http://facebook.github.io/react/">React from Facebook</a></li>
      <li><a href="https://github.com/andreypopp/react-textarea-autosize">react-textarea-autosize</a> by <a href="https://github.com/andreypopp"><NAME></a></li>
      <li><a href="https://github.com/jackmoore/autosize">jQuery plugin Autosize</a> by <a href="https://github.com/jackmoore"><NAME></a></li>
    </ul>


  </div>
  , document.body)

{'fraction_non_alphanumeric': 0.16757101819342482, 'fraction_numerical': 0.00893712097031599, 'mean_word_length': 3.200402144772118, 'pattern_counts': {'":': 0, '<': 237, '<?xml version=': 0, '>': 237, 'https://': 14, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5897408', 'n_tokens_mistral': 2192, 'n_tokens_neox': 2120, 'n_words': 490}