From d3307ab3b5436b8b5f08407b00c79e910286758d Mon Sep 17 00:00:00 2001 From: jasgeet Date: Mon, 11 Nov 2019 22:30:46 +0530 Subject: [PATCH 1/2] Updated readme for v3 --- README.md | 39 ++++----------------------------------- 1 file changed, 4 insertions(+), 35 deletions(-) diff --git a/README.md b/README.md index f9ac2ae..2a1a57d 100644 --- a/README.md +++ b/README.md @@ -21,7 +21,11 @@ Install `vue-froala-wysiwyg` from `npm` npm install vue-froala-wysiwyg --save ``` +Install babel dependency +``` +npm install --save --dev @babel/runtime-corejs2 +``` ## Integration @@ -46,7 +50,6 @@ Vue.use(VueFroala) ``` - - -#### 2. Make sure you have the right Webpack settings for loading the CSS files. - -```javascript -var webpack = require('webpack') -var path = require('path') - -module.exports = { - module: { - loaders: [ - - // ... - - // Css loader. - { - test: /\.css$/, - loader: 'vue-style-loader!css-loader' - } - - ] - }, - vue: { - loaders: { - - // ... - - // Css loader for Webpack 1.x . - css: 'vue-style-loader!css-loader' - } - } -}) -``` - ## Usage ### Initialize From f8accb7b2b003ea60bbb1c8bcd2f0122d5c443e3 Mon Sep 17 00:00:00 2001 From: jasgeet Date: Thu, 28 Nov 2019 16:29:57 +0530 Subject: [PATCH 2/2] Updated readme for v3 --- README.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 2a1a57d..aedbde8 100644 --- a/README.md +++ b/README.md @@ -33,12 +33,24 @@ npm install --save --dev @babel/runtime-corejs2 #### main.js file: ```javascript +//Import Froala Editor +import 'froala-editor/js/plugins.pkgd.min.js'; // Import Froala Editor css files. import 'froala-editor/css/froala_editor.pkgd.min.css'; - +// Import third party plugins +import 'froala-editor/js/third_party/embedly.min'; +import 'froala-editor/js/third_party/font_awesome.min'; +import 'froala-editor/js/third_party/spell_checker.min'; +import 'froala-editor/js/third_party/image_tui.min'; // Import and use Vue Froala lib. import VueFroala from 'vue-froala-wysiwyg' Vue.use(VueFroala) +Vue.config.productionTip = false + +new Vue({ + render: h => h(App), + +}).$mount('#app') ``` #### App.vue file: