Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including medium-editor-tables with all npm packages installed. Try it out:

require("medium-editor/package.json"); // medium-editor is a peer dependency. var mediumEditorTables = require("medium-editor-tables")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

medium-editor-tables v0.6.1

MediumEditor extension to allow tables.

# 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

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free