jTagEditor es un ligero plugin jQuery que permite crees o transformes tus textareas en un rápido redactor con quick tag. Muy completo, fácil de utilizar y completamente personalizable.
Demos - Descarga
Ejemplo Editor Html
Codigo
JavaScript:
<script src="jquery.js"></script>
<script src="jquery.jtageditor.js"></script>
<script>
$(document).ready(function() {
$("#html").jTagEditor();
});
</script>
<textarea id="html"></textarea>
<script src="jquery.jtageditor.js"></script>
<script>
$(document).ready(function() {
$("#html").jTagEditor();
});
</script>
<textarea id="html"></textarea>
Resultado
Ejemplo Editor Wiki syntax
Codigo:
JavaScript:
<script src="jquery.js"></script>
<script src="jquery.jtageditor.js"></script>
<script>
$(document).ready(function() {
$("#wiki").jTagEditor({
tagSet:"wikiTagset.js",
tagMask:"",
insertOnShiftEnter:"",
insertOnCtrlEnter:"",
previewParser:"yourWikiParser.php"
});
});
</script>
<textarea id="wiki"></textarea>
<script src="jquery.jtageditor.js"></script>
<script>
$(document).ready(function() {
$("#wiki").jTagEditor({
tagSet:"wikiTagset.js",
tagMask:"",
insertOnShiftEnter:"",
insertOnCtrlEnter:"",
previewParser:"yourWikiParser.php"
});
});
</script>
<textarea id="wiki"></textarea>
Resultado
Ejemplo editor Textile
Codigo:
JavaScript:
<script src="jquery.js"></script>
<script src="jquery.jtageditor.js"></script>
<script>
$(document).ready(function() {
$("#textile").jTagEditor({
tagSet:"textileTagset.js",
tagMask:"",
insertOnShiftEnter:"",
insertOnCtrlEnter:"",
previewParser:"yourTextileParser.php"
});
});
</script>
<textarea id="textile"></textarea>
<script src="jquery.jtageditor.js"></script>
<script>
$(document).ready(function() {
$("#textile").jTagEditor({
tagSet:"textileTagset.js",
tagMask:"",
insertOnShiftEnter:"",
insertOnCtrlEnter:"",
previewParser:"yourTextileParser.php"
});
});
</script>
<textarea id="textile"></textarea>
Resultado
Ejemplo editor BBCode
JavaScript:
<script src="jquery.js"></script>
<script src="jquery.jtageditor.js"></script>
<script>
$(document).ready(function() {
$("#bbcode").jTagEditor({
tagSet:"bbcodeTagset.js",
tagMask:"\\[)\\]",
insertOnShiftEnter:"",
insertOnCtrlEnter:"",
previewParser:"yourBbcodeParser.php"
});
});
</script>
<textarea id="bbcode"></textarea>
<script src="jquery.jtageditor.js"></script>
<script>
$(document).ready(function() {
$("#bbcode").jTagEditor({
tagSet:"bbcodeTagset.js",
tagMask:"\\[)\\]",
insertOnShiftEnter:"",
insertOnCtrlEnter:"",
previewParser:"yourBbcodeParser.php"
});
});
</script>
<textarea id="bbcode"></textarea>
Resultado
Demos - Descarga
Loading ...
WYSIWYG BBCode Editor « My 2 bits
29-07-2007
Permalink
[...] los destacados encontre a jTagEditor, el cual me pareció muy bueno, sobre todo por que usa el excelente framewrok jQuery del que soy [...]
Nicolás
29-07-2007
Permalink
Está buenisimo, sería bueno poder aplicarlo al editor de comentarios de WP.