<meta http-equiv="X-UA-Compatible" content="IE=Edge">

<meta charset="utf-8">

<title>sEditor</title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="css/style.css"></link>

<style type="text/css" media="screen">

.btn.jumbo {

font-size: 20px;

font-weight: normal;

padding: 14px 24px;

margin-right: 10px;

-webkit-border-radius: 6px;

-moz-border-radius: 6px;

border-radius: 6px;

}

.project-remark{

font-size: 20px;

}

</style>

<div class="container">

<div class="hero-unit" style="margin-top:40px">

<h1 style="font-size:58px">sEditor <small>Simple, tiny, no javascript dependencies editors</small></h1>

<hr/>

<div class="editor" data-placeholder="Enter text ..." style="width: 810px; height: 200px"></div>

</div>

<div class="row">

<div class="col-sm-6">

<h2>About</h2>

<strong class='project-remark'>

sEditor is a tiny (500 lines), no javascript dependencies library makes it easy to create simple wysiwyg editors .

</strong>

<p style="text-align:center; margin-top:20px">

<a class="btn btn-large btn-primary jumbo" href="https://github.com/arnkorty/sEditor/">View project on Github</a>

</p>

</div>

<div class="col-sm-6">

<h2>Usage</h2>

<p>

<pre class="prettyprint linenums lang-js">sEditor('.editor')

</pre>

</p>

<h2>Examples</h2>

</div>

</div>

</div>

<script src="src/seditor.js"></script>

<script src="https://cdn.bootcss.com/prettify/r298/run_prettify.js"></script>

<script>

sEditor('.editor')

</script>