medium-editor-tables

0.6.1 • Public • Published

# MediumEditor Tables

NPM info

Travis build status dependencies devDependency Status Coverage Status

MediumEditor Tables is an extension to add a table button/behavior to MediumEditor.

Demo: http://yabwe.github.io/medium-editor-tables/

--

meditor-tables mp4

--

Usage

You can install manually or either by using npm or bower:

npm install medium-editor-tables

or

bower install medium-editor-tables

On your app, link the style and the script and initialize MediumEditor with the table extension:

<!doctype html>
<html>
<head>
...
  <link rel="stylesheet" href="<path_to_medium-editor>/dist/css/medium-editor.css" />
  <link rel="stylesheet" href="<path_to_medium-editor>/dist/css/themes/default.css" />
  <link rel="stylesheet" href="<path_to_medium-editor-tables>/dist/css/medium-editor-tables.css" />
...
</head>
<body>
  <div class="editable"></div>
 
  <script type="text/javascript" src="<path_to_medium-editor>/dist/js/medium-editor.js"></script> 
  <script type="text/javascript" src="<path_to_medium-editor-tables>/dist/js/medium-editor-tables.js"></script> 
 
  <script type="text/javascript" charset="utf-8">
  var editor = new MediumEditor('.editable', {
    buttonLabels: 'fontawesome',
    toolbar: {
      buttons: [
        'bold',
        'italic',
        'table'
      ]
    },
    extensions: {
      table: new MediumEditorTable()
    }
  });
  </script> 
</body>
</html>

Initialization options

  • rows: maximum number of rows. Default: 10.
  • columns: maximum number of columns. Default: 10.

Example

...
    extensions: {
      'table': new MediumEditorTable({
        rows: 40,
        columns: 40
      })
    }
...

Demo

Clone the repository and:

bower install
open demo/index.html

License

MIT: https://github.com/yabwe/medium-editor-tables/blob/master/LICENSE

Package Sidebar

Install

npm i medium-editor-tables

Weekly Downloads

429

Version

0.6.1

License

MIT

Last publish

Collaborators

  • daviferreira
  • j0k3r
  • nchase
  • nmielnik
  • orthes