diff --git a/.babelrc b/.babelrc index 6119655..c0fe760 100644 --- a/.babelrc +++ b/.babelrc @@ -7,7 +7,8 @@ "targets": { "browsers": [ "> 2%", - "last 2 versions" + "last 2 versions", + "ie 11" ], "uglify": true } diff --git a/.gitattributes b/.gitattributes index d1f6455..a7eb244 100644 --- a/.gitattributes +++ b/.gitattributes @@ -20,4 +20,5 @@ # Export ignore tests export-ignore +__test__ export-ignore .github export-ignore diff --git a/CHANGELOG.md b/CHANGELOG.md index 77822ad..f4ba6ae 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,16 @@ # Changelog +### [3.0.0](https://github.com/ankurk91/vue-trumbowyg/compare/2.0.0...3.0.0) (unreleased) +* Change: + - `input-class` prop has been removed, you can always use Vue.js inbuilt [class](https://vuejs.org/v2/guide/class-and-style.html#With-Components) binding + ```html + + ``` + - Similarly `name`, `id`, `placeholder` and `required` props has been removed, you can still specify any number of attribute on component + ```html + + ``` + ### [2.0.0](https://github.com/ankurk91/vue-trumbowyg/compare/1.0.3...2.0.0) (breaking) * Change: Update v-model value in real time * Change: No longer force the input to have default css classes diff --git a/README.md b/README.md index 00436f3..b68c83e 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,15 @@ # Vue-Trumbowyg [![vue-js](https://img.shields.io/badge/vue.js-2.x-brightgreen.svg?maxAge=604800)](https://vuejs.org/) -[![downloads](https://img.shields.io/npm/dt/vue-trumbowyg.svg)](https://www.npmjs.com/package/vue-trumbowyg) +[![downloads](https://img.shields.io/npm/dt/vue-trumbowyg.svg)](http://npm-stats.com/~packages/vue-trumbowyg) [![npm-version](https://img.shields.io/npm/v/vue-trumbowyg.svg)](https://www.npmjs.com/package/vue-trumbowyg) [![github-tag](https://img.shields.io/github/tag/ankurk91/vue-trumbowyg.svg?maxAge=1800)](https://github.com/ankurk91/vue-trumbowyg/) [![license](https://img.shields.io/github/license/ankurk91/vue-trumbowyg.svg?maxAge=1800)](https://yarnpkg.com/en/package/vue-trumbowyg) Vue.js v2.x component for [Trumbowyg](https://alex-d.github.com/Trumbowyg) WYSIWYG editor +## Demo on [JSFiddle](https://jsfiddle.net/ankurk91/p7xs2jkk/) + ## Installation ```bash # npm @@ -29,7 +31,7 @@ yarn add vue-trumbowyg ```html @@ -67,14 +69,9 @@ The component accepts these props: | Attribute | Type | Default | Description | | :--- | :---: | :---: | :--- | -| v-model / value | String / null | `null` | Set or Get editor value | +| v-model / value | String / null | `null` | Set or Get editor value (required)| | config | Object | `{}` | Editor configuration [options](http://alex-d.github.io/Trumbowyg/documentation.html#basic-options)| -| placeholder | String | `''` | Set placeholder on input | -| input-class | String / Object | `'form-control input'`| Set CSS class to input | -| name | String | `editor` | Set input field name | -| required | Boolean | `false` | Make input field required | -| disabled | Boolean | `false` | Make input field disabled | -| id | String | `''` | Set input field id | +| svg-path | String, Boolean | import `trumbowyg/dist/ui/icons.svg` | Set [custom](https://alex-d.github.io/Trumbowyg/documentation/#svg-icons) svg icon file path| ## Install in non-module environments (without webpack) * Acquire required files @@ -95,7 +92,7 @@ The component accepts these props: ```html
- +