MediumEditor Tables is an extension to add a table button/behavior to MediumEditor.
--
--
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',
buttons: [
'bold',
'italic',
'table'
],
extensions: {
'table': new MediumEditorTable()
}
});
</script>
</body>
</html>- rows: maximum number of rows. Default: 10.
- columns: maximum number of columns. Default: 10.
...
extensions: {
'table': new MediumEditorTable({
rows: 40,
columns: 40
})
}
...Clone the repository and:
npm install
grunt
- Fork it
- Create your feature branch (
git checkout -b my-new-feature) - Test your changes to the best of your ability
- Update the documentation to reflect your changes if they add or changes current functionality
- Commit your changes (
git commit -am 'Added some feature') - Push to the branch (
git push origin my-new-feature) - Create new Pull Request
or
- Just pull request all the things the way you want!
Clone the repository and:
bower install
open demo/index.html
MIT: https://github.com/daviferreira/medium-editor-tables/blob/master/LICENSE
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent