jTagEditor

Scripts, Herramientas, Programacion, Diseño Web

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

PLAIN TEXT

JavaScript:

1. <script src="jquery.js"></script>
2.    <script src="jquery.jtageditor.js"></script>
3.    <script>
4.    $(document).ready(function()     {
5.         $("#html").jTagEditor();
6.    });
7.    </script>
8.     <textarea id="html"></textarea>

Resultado

Ejemplo Editor Wiki syntax
Codigo:

PLAIN TEXT

JavaScript:

1. <script src="jquery.js"></script>
2.     <script src="jquery.jtageditor.js"></script>
3.     <script>
4.     $(document).ready(function()     {
5.     $("#wiki").jTagEditor({         
6.              tagSet:"wikiTagset.js",
7.             tagMask:"",
8.               insertOnShiftEnter:"",
9.               insertOnCtrlEnter:"",
10.            previewParser:"yourWikiParser.php"
11.        });
12.   });
13.   </script>
14.    <textarea id="wiki"></textarea>

Resultado

Ejemplo editor Textile
Codigo:

PLAIN TEXT

JavaScript:

1. <script src="jquery.js"></script>
2.     <script src="jquery.jtageditor.js"></script>
3.     <script>
4.     $(document).ready(function()     {
5.   $("#textile").jTagEditor({     
6.               tagSet:"textileTagset.js",
7.              tagMask:"",
8.               insertOnShiftEnter:"",
9.              insertOnCtrlEnter:"",
10.            previewParser:"yourTextileParser.php"
11.         });     
12.    });
13.   </script>
14.   <textarea id="textile"></textarea>

Resultado

Ejemplo editor BBCode

PLAIN TEXT

JavaScript:

1. <script src="jquery.js"></script>
2.     <script src="jquery.jtageditor.js"></script>
3.     <script>
4.    $(document).ready(function()     {
5.         $("#bbcode").jTagEditor({     
6.              tagSet:"bbcodeTagset.js",
7.             tagMask:"\\[)\\]",
8.               insertOnShiftEnter:"",
9.              insertOnCtrlEnter:"",
10.             previewParser:"yourBbcodeParser.php"
11.        });
12.    });
13.   </script>
14.   <textarea id="bbcode"></textarea>

Resultado

Demos - Descarga

Compartelo

1. 

   WYSIWYG BBCode Editor « My 2 bits said,

   Wrote on August 30, 2007 @ 17:50

   [...] los destacados encontre a jTagEditor, el cual me pareció muy bueno, sobre todo por que usa el excelente framewrok jQuery del que soy [...]

2. 

   Nicolás said,

   Wrote on January 17, 2008 @ 14:01

   Está buenisimo, sería bueno poder aplicarlo al editor de comentarios de WP.

Seguir comentarios por RSS · TrackBack URI