Squire/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="UTF-8">
    <title>Squire</title>
    <!--[if IE 8]>
    <script type="text/javascript" src="build/ie8.js"></script>
    <![endif]-->
    <link href='//fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

    <link href="build/Squire-UI.css" rel="stylesheet" type="text/css" />
    <link href="build/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <script src="build/jQuery/jQuery.js" type="text/javascript"></script>
    <script src="build/squire-raw.js" type="text/javascript"></script>
    <script src="build/Squire-UI.js" type="text/javascript"></script>
    <script>
    $(document).ready(function () {
      new SquireUI({replace: 'textarea#foo', height: 300});
    });
    </script>
</head>
<body>

<header class="header">
    <div class="wrapper">
        <h1>Squire</h1>
        <h2>the &lt;textarea&gt; of the future</h2>
    </div>
</header>

<div class="container">
    <div class="row">
        <div class="col-centered">
           <textarea id="foo"></textarea>
        </div>
    </div>

    <div class="row">
        <div class="col-centered">
            <h1>About</h1>
           <p>Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible. It is built for the present and the future, and as such does not support truly ancient browsers. It should work fine back to around Opera 10, Firefox 3.5, Safari 4, Chrome 9 and IE8.
           </p>


            <p>Unlike other HTML5 rich text editors, Squire was written as a component for writing documents (emails, essays, etc.), not doing wysiwyg websites. If you are looking for support for inserting form controls or flash components or the like, you'll need to look elsewhere. However for many purposes, Squire may be just what you need, providing the power without the bloat.</p>
        </div>
    </div>
    <div class="row">
        <div class="col-centered">
           <h1>Installation</h1>
           <ol>
             <li>Download the source from <a href="https://github.com/neilj/Squire">neilj/Squire</a></li>
            <li>Copy the contents of the <code>build/</code> directory onto your
            server.</li>

            <li>Edit the <code>&lt;style&gt;</code> block in document.html to add the
            default styles you would like the editor to use (or link to an external
            stylesheet).</li>

            <li>In your application, instead of a <code>&lt;textarea&gt;</code>, use an
            <code>&lt;iframe src="path/to/document.html"&gt;</code>.</li>

            <li>In your JS, attach an event listener to the <code>load</code> event of
            the iframe. When this fires you can grab a reference to the editor object
            through <code>iframe.contentWindow.editor</code>.</li>

            <li>Use the API below with the <code>editor</code> object to set and get
            data and integrate with your application or framework.</li>
          </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-centered">
            <a class="alignCenter" href="https://github.com/neilj/Squire/blob/master/README.md">Full documentation available in the readme.</a>
        </div>
    </div>

    <div class="row">
        <div class="col-centered">
            <hr>
            <p class="alignCenter">Made with <i class="fa fa-heart"></i> at <a href="https://www.fastmail.com/">FastMail</a></p>
        </div>
    </div>


</div>


</body>
</html>
Renamed Demo.html to index.html 2014-07-11 06:31:31 -05:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">`
			`<meta charset="UTF-8">`
			`<title>Squire</title>`
			`<!--[if IE 8]>`
			`<script type="text/javascript" src="build/ie8.js"></script>`
			`<![endif]-->`
Use same protocol as page to load font 2014-12-15 06:42:15 -05:00			`<link href='//fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>`
Renamed Demo.html to index.html 2014-07-11 06:31:31 -05:00
			`<link href="build/Squire-UI.css" rel="stylesheet" type="text/css" />`
			`<link href="build/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css" />`
			`<script src="build/jQuery/jQuery.js" type="text/javascript"></script>`
			`<script src="build/squire-raw.js" type="text/javascript"></script>`
			`<script src="build/Squire-UI.js" type="text/javascript"></script>`
			`<script>`
			`$(document).ready(function () {`
Update to latest squire version. 2015-04-20 01:28:44 -05:00			`new SquireUI({replace: 'textarea#foo', height: 300});`
Renamed Demo.html to index.html 2014-07-11 06:31:31 -05:00			`});`
			`</script>`
			`</head>`
			`<body>`

			`<header class="header">`
			`<div class="wrapper">`
			`<h1>Squire</h1>`
			`<h2>the <textarea> of the future</h2>`
			`</div>`
			`</header>`

			`<div class="container">`
			`<div class="row">`
			`<div class="col-centered">`
			`<textarea id="foo"></textarea>`
			`</div>`
			`</div>`

			`<div class="row">`
			`<div class="col-centered">`
			`<h1>About</h1>`
			`<p>Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible. It is built for the present and the future, and as such does not support truly ancient browsers. It should work fine back to around Opera 10, Firefox 3.5, Safari 4, Chrome 9 and IE8.`
			`</p>`


			`<p>Unlike other HTML5 rich text editors, Squire was written as a component for writing documents (emails, essays, etc.), not doing wysiwyg websites. If you are looking for support for inserting form controls or flash components or the like, you'll need to look elsewhere. However for many purposes, Squire may be just what you need, providing the power without the bloat.</p>`
			`</div>`
			`</div>`
			`<div class="row">`
			`<div class="col-centered">`
			`<h1>Installation</h1>`
			`<ol>`
			`<li>Download the source from <a href="https://github.com/neilj/Squire">neilj/Squire</a></li>`
			`<li>Copy the contents of the <code>build/</code> directory onto your`
			`server.</li>`

			`<li>Edit the <code><style></code> block in document.html to add the`
			`default styles you would like the editor to use (or link to an external`
			`stylesheet).</li>`

			`<li>In your application, instead of a <code><textarea></code>, use an`
			`<code><iframe src="path/to/document.html"></code>.</li>`

			`<li>In your JS, attach an event listener to the <code>load</code> event of`
			`the iframe. When this fires you can grab a reference to the editor object`
			`through <code>iframe.contentWindow.editor</code>.</li>`

			`<li>Use the API below with the <code>editor</code> object to set and get`
			`data and integrate with your application or framework.</li>`
			`</ol>`
			`</div>`
			`</div>`

Updated index.html with Link to Readme.md 2014-07-11 20:31:03 -05:00			`<div class="row">`
			`<div class="col-centered">`
Fix link to readme. 2014-12-09 22:31:53 -05:00			`<a class="alignCenter" href="https://github.com/neilj/Squire/blob/master/README.md">Full documentation available in the readme.</a>`
Updated index.html with Link to Readme.md 2014-07-11 20:31:03 -05:00			`</div>`
			`</div>`

Renamed Demo.html to index.html 2014-07-11 06:31:31 -05:00			`<div class="row">`
			`<div class="col-centered">`
			`<hr>`
Update FastMail link. 2014-12-09 22:33:06 -05:00			`<p class="alignCenter">Made with <i class="fa fa-heart"></i> at <a href="https://www.fastmail.com/">FastMail</a></p>`
Renamed Demo.html to index.html 2014-07-11 06:31:31 -05:00			`</div>`
			`</div>`

Updated index.html with Link to Readme.md 2014-07-11 20:31:03 -05:00
Fix link to readme. 2014-12-09 22:31:53 -05:00
Renamed Demo.html to index.html 2014-07-11 06:31:31 -05:00			`</div>`


			`</body>`
Fix link to readme. 2014-12-09 22:31:53 -05:00			`</html>`