jquery-textiletoolbar

jQuery plugin to add a textile toolbar on textareas.

Usage no npm install needed!

<script type="module">
  import jqueryTextiletoolbar from 'https://cdn.skypack.dev/jquery-textiletoolbar';
</script>

README

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