Ĉapelo jQuery plugin

jQuery plugin for Esperanto accents

HTML

<script src="http://batisteo.github.io/chapelo/js/jquery.chapelo.js"></script>
<h1>Ĉapelo</h1>
<h2><small>jQuery plugin for Esperanto accents</small></h2>

<div class="well">
    <label for="chap-general-toggle">Use Ĉapelo</label>
    <input type="checkbox" id="chap-general-toggle" checked  />
</div>

<div>
    <textarea id="kampo1" class="chap" cols="60" rows="3">Ehxoshang^o Chiuj^auxde!</textarea>
    <p>
        <label for="kampo1Toggle">Ĉapeligi</label>
        <input type="checkbox" data-chap-toggle-id="kampo1" id="kampo1Toggle" class="chap-field-toggle" checked />
    </p>
</div>


<div>
    <input type="text" id="kampo2" class="chap" length="60" rows="3"
    value="Nur x kaj ': Ehxosxangxo c'iuj'au'de" />
    <p>
        <label for="kampo2Toggle">Ĉapeligi 2an kampon</label>
        <input type="checkbox" data-chap-toggle-id="kampo2" id="kampo2Toggle" class="chap-field-toggle" checked />
    </p>
</div>

CSS

body {text-align: center;}
input[type="text"] {width: 74%;}

JavaScript

$(function () {
	$('#kampo1').chapelo();
    
    $('#kampo2').chapelo({
        suffixes: ["x", "X", "'"]
    });
});