<button type="button" onclick="wrap('','')">negrita</button>
<button type="button" onclick="wrap('','')">cursiva</button>
<button type="button" onclick="wrap('','')">enlace</button>
<button type="button" onclick="wrap('','')">código</button>
<button type="button" onclick="ins('\n---\n')">línea</button>
<button type="button" onclick="ins('\n== título ==\n')">encabezado</button>
<button type="button" onclick="ins('fuente:')">fuente</button>
<button type="button" onclick="ins('ver:')">ver</button>
<button type="button" onclick="ins('contradice:')">contradice</button>
<script>
var E = function(){ return document.getElementById('editor'); };
function wrap(a,b){
var e=E(), s=e.selectionStart, f=e.selectionEnd, t=e.value;
var sel = t.substring(s,f) || '...';
e.value = t.substring(0,s)+a+sel+b+t.substring(f);
e.focus(); e.selectionStart=s+a.length; e.selectionEnd=s+a.length+sel.length;
}
function ins(t){
var e=E(), s=e.selectionStart;
e.value = e.value.substring(0,s)+t+e.value.substring(s);
e.focus(); e.selectionStart=e.selectionEnd=s+t.length;
}
</script>