All Projects → morishjs → quill-markdown-toolbar

morishjs / quill-markdown-toolbar

Licence: MIT License
A Quill.js module for converting markdown text to rich text format

Programming Languages

CSS
56736 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to quill-markdown-toolbar

Ngx Quill Editor
🍡@quilljs editor component for @angular
Stars: ✭ 234 (+1700%)
Mutual labels:  quill, text-editor, quilljs
Vue Quill Editor
🍡@quilljs editor component for @vuejs
Stars: ✭ 6,874 (+52776.92%)
Mutual labels:  quill, text-editor, quilljs
dftools
Tools for Star Wars: Dark Forces assets.
Stars: ✭ 18 (+38.46%)
Mutual labels:  converter, conversion
vectorexpress-api
Vector Express is a free service and API for converting, analyzing and processing vector files.
Stars: ✭ 66 (+407.69%)
Mutual labels:  converter, conversion
angular quill
Angular dart component for the Quill rich text editor
Stars: ✭ 22 (+69.23%)
Mutual labels:  quill, quilljs
fp-units
An FP-oriented library to easily convert CSS units.
Stars: ✭ 18 (+38.46%)
Mutual labels:  converter, conversion
bank2ynab
Easily convert and import your bank's statements into YNAB. This project consolidates other conversion efforts into one universal tool.
Stars: ✭ 197 (+1415.38%)
Mutual labels:  converter, conversion
BlocksConverter
A PocketMine-MP plugin allows you to convert Minecraft PC maps to MCPE/Bedrock maps or vice-versa.
Stars: ✭ 47 (+261.54%)
Mutual labels:  converter, conversion
Ec2 Spot Converter
A tool to convert AWS EC2 instances back and forth between On-Demand and Spot billing models.
Stars: ✭ 108 (+730.77%)
Mutual labels:  converter, conversion
qTsConverter
A simple tool to convert qt translation file (ts) to other format (xlsx / csv) and vice versa
Stars: ✭ 26 (+100%)
Mutual labels:  converter, conversion
discoursegraphs
linguistic converter / merging tool for multi-level annotated corpora. graph-based (using Python and NetworkX).
Stars: ✭ 47 (+261.54%)
Mutual labels:  converter, conversion
quilljs-rails
Easy integration of Quill rich editor with most Rails forms.
Stars: ✭ 33 (+153.85%)
Mutual labels:  quill, quilljs
cpc
Text calculator with support for units and conversion
Stars: ✭ 89 (+584.62%)
Mutual labels:  converter, conversion
Kepubify
Fast, standalone EPUB to KEPUB converter CLI app / library (and a few other utilities).
Stars: ✭ 225 (+1630.77%)
Mutual labels:  converter, conversion
caffe weight converter
Caffe-to-Keras weight converter. Can also export weights as Numpy arrays for further processing.
Stars: ✭ 68 (+423.08%)
Mutual labels:  converter, conversion
Hrconvert2
A self-hosted, drag-and-drop, & nosql file conversion server that supports 62x file formats.
Stars: ✭ 132 (+915.38%)
Mutual labels:  converter, conversion
writebar
Experimental distraction-free text editor, based on the Macbook pro TouchBar
Stars: ✭ 37 (+184.62%)
Mutual labels:  quill, text-editor
bitsnpicas
Bits'N'Picas - Bitmap & Emoji Font Creation & Conversion Tools
Stars: ✭ 171 (+1215.38%)
Mutual labels:  converter, conversion
Unitsnet
Makes life working with units of measurement just a little bit better.
Stars: ✭ 641 (+4830.77%)
Mutual labels:  converter, conversion
Node Quill Converter
Convert HTML to a Quill Delta or a Quill Delta to HTML
Stars: ✭ 61 (+369.23%)
Mutual labels:  converter, quill

quill-markdown-toolbar

Quill.js module that converts pasted markdown to rich text formatting.

Quickstart

Install using npm

npm i quill-markdown-toolbar

Install using CDN

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/markdownToolbar.min.js">

Register a module

<script src="https://cdn.quilljs.com/1.3.1/quill.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/markdownToolbar.min.js">
<script>
  const toolbarOptions = {
      container: [
        ['bold', 'italic', 'underline', 'strike'],
        ['markdown'], // Add this.
      ],
      handlers: { // Add this.
      'markdown': function () {} 
      }
    };

  var quill = new Quill('#editor', {
    theme: 'snow',
    modules: {
      toolbar: toolbarOptions,
      'markdown-toolbar': true // Add this.
    }
  });
</script>  
  

Demo

Paste markdown text and click the markdown button on toolbar.

Try yourself!

If you are a visual studio code user, you can run on debug tab.

Contribution

  • For now, use the Github issues for requests/bug issues
    • Reporting new bugs or adding details to existing ones
    • Reproducing unconfirmed bugs
    • Requesting new features

License

MIT License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].