https://github.com/yabwe/medium-editor-tables

Tables extension for MediumEditor
https://github.com/yabwe/medium-editor-tables

Last synced: 4 months ago
JSON representation

Tables extension for MediumEditor

• Host: GitHub
• URL: https://github.com/yabwe/medium-editor-tables
• Owner: yabwe
• License: other
• Created: 2015-02-14T10:44:54.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2019-05-09T12:04:35.000Z (almost 6 years ago)
• Last Synced: 2024-10-14T08:25:20.837Z (4 months ago)
• Language: JavaScript
• Homepage: http://yabwe.github.io/medium-editor-tables/
• Size: 324 KB
• Stars: 178
• Watchers: 15
• Forks: 59
• Open Issues: 20
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGES.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# MediumEditor Tables

[![NPM info](https://nodei.co/npm/medium-editor-tables.png?downloads=true)](https://nodei.co/npm/medium-editor-tables.png?downloads=true)

[![Travis build status](https://travis-ci.org/yabwe/medium-editor-tables.png?branch=master)](https://travis-ci.org/yabwe/medium-editor-tables)

[![dependencies](https://david-dm.org/yabwe/medium-editor-tables.png)](https://david-dm.org/yabwe/medium-editor-tables)

[![devDependency Status](https://david-dm.org/yabwe/medium-editor-tables/dev-status.png)](https://david-dm.org/yabwe/medium-editor-tables#info=devDependencies)

[![Coverage Status](https://coveralls.io/repos/yabwe/medium-editor-tables/badge.svg)](https://coveralls.io/r/yabwe/medium-editor-tables)

MediumEditor Tables is an extension to add a table button/behavior to [MediumEditor](https://github.com/yabwe/medium-editor).

Demo: [http://yabwe.github.io/medium-editor-tables/](http://yabwe.github.io/medium-editor-tables/)

--

![meditor-tables mp4](https://cloud.githubusercontent.com/assets/38787/6430614/8ff048c0-c011-11e4-8e2c-09ff773d2f78.gif)

--

## 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:

```html

...

  

  

  

...

  


  

  

  

  var editor = new MediumEditor('.editable', {

    buttonLabels: 'fontawesome',

    toolbar: {

      buttons: [

        'bold',

        'italic',

        'table'

      ]

    },

    extensions: {

      table: new MediumEditorTable()

    }

  });

  

```

## Initialization options

* __rows__: maximum number of rows. Default: 10.

* __columns__: maximum number of columns. Default: 10.

### Example

```javascript

...

    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