🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

This is a textile toolbar jQuery plugin which adds a Textile Markup Language Editor with custom editor buttons to your textarea.

editor Textile-Editor Textile

Documentation

jQuery textTile Toolbar

A jQuery plugin to attach a textTile toolbar to textareas.

This plugin is based on on Redmine reStructuredText Formatter developed by William Melody https://github.com/alphabetum/redmine_restructuredtext_formatter

Adapted as a jQuery plugin by Maurizio Manetti.

Please note that this plugin is NOT rendering textile text as HTML, it is just adding a toolbar to jQuery selected textareas.

Installation:

To be documented.

Usage:

Include files from the dist folder:

<!-- Textile Toolbar core CSS file --> <link rel="stylesheet" href="css/textileToolbar.css">  <!-- jQuery 1.9+ or Zepto.js 1.0+ --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>  <!-- Textile Toolbar core JS file --> <script src="js/jquery.textileToolbar.min.js"></script>

Toolbar initialization should be executed after document ready, for example:

$(document).ready(function() {   $('.mytextareas').textileToolbar(); });

Toolbar can be applied programmatically:

$('#add_toolbar').on('click',function(){ 	$('#firstText').textileToolbar(); });	

Toolbar can be removed:

$('#destroy_toolbar').on('click',function(){ 	$('#firstText').textileToolbar('destroy'); });	

Live demo and examples: coming soon

Alternatives:

To be investigated

TODO:

  • Documentation
  • Examples
  • Todo list

You May Also Like