Installed Summernote

Author: ElisDN

config/purifier.php

@@ -24,10 +24,11 @@
     'settings'      => [
         'default' => [
             'HTML.Doctype'             => 'HTML 4.01 Transitional',
-            'HTML.Allowed'             => 'div,b,strong,i,em,u,a[href|title],ul,ol,li,p[style],br,span[style],img[width|height|alt|src]',
-            'CSS.AllowedProperties'    => 'font,font-size,font-weight,font-style,font-family,text-decoration,padding-left,color,background-color,text-align',
+            'HTML.Allowed'             => 'div,b,strong,i,em,u,a[href|title],ul,ol,li,p[style],br,span[style],img[width|height|alt|src|style]',
+            'CSS.AllowedProperties'    => 'font,font-size,font-weight,font-style,font-family,text-decoration,padding-left,color,background-color,text-align,width,height',
             'AutoFormat.AutoParagraph' => true,
             'AutoFormat.RemoveEmpty'   => true,
+            'URI.AllowedSchemes'       => ['data' => true, 'http' => true, 'https' => true],
         ],
         'test'    => [
             'Attr.EnableID' => 'true',

package.json

@@ -17,6 +17,7 @@
         "jquery": "^3.2",
         "laravel-mix": "^2.0",
         "lodash": "^4.17.4",
-        "popper.js": "^1.12"
+        "popper.js": "^1.12",
+        "summernote": "^0.8.10"
     }
 }

resources/assets/js/app.js

@@ -61,4 +61,10 @@ $(document).on('click', '.location-button', function () {
     } else {
         alert('Unable to detect your location.');
     }
+});
+
+$(document).ready(function() {
+    $('.summernote').summernote({
+        height: 300
+    });
 });

resources/assets/js/bootstrap.js

@@ -12,6 +12,7 @@ try {
     window.$ = window.jQuery = require('jquery');
 
     require('bootstrap');
+    require('summernote/dist/summernote-bs4');
 } catch (e) {}
 
 /**

resources/assets/sass/app.scss

@@ -5,6 +5,7 @@
 @import '~bootstrap/scss/bootstrap';
 
 @import "~font-awesome/scss/font-awesome.scss";
+@import "~summernote/dist/summernote-bs4.css";
 
 .navbar {
   background-color: #0c64a2;

resources/views/admin/pages/create.blade.php

@@ -48,7 +48,7 @@
 
         <div class="form-group">
             <label for="content" class="col-form-label">Content</label>
-            <textarea id="content" class="form-control{{ $errors->has('content') ? ' is-invalid' : '' }}" name="content" rows="10" required>{{ old('content') }}</textarea>
+            <textarea id="content" class="form-control{{ $errors->has('content') ? ' is-invalid' : '' }} summernote" name="content" rows="10" required>{{ old('content') }}</textarea>
             @if ($errors->has('content'))
                 <span class="invalid-feedback"><strong>{{ $errors->first('content') }}</strong></span>
             @endif

resources/views/admin/pages/edit.blade.php

@@ -49,7 +49,7 @@
 
         <div class="form-group">
             <label for="content" class="col-form-label">Content</label>
-            <textarea id="content" class="form-control{{ $errors->has('content') ? ' is-invalid' : '' }}" name="content" rows="10" required>{{ old('content', $page->content) }}</textarea>
+            <textarea id="content" class="form-control{{ $errors->has('content') ? ' is-invalid' : '' }} summernote" name="content" rows="10" required>{{ old('content', $page->content) }}</textarea>
             @if ($errors->has('content'))
                 <span class="invalid-feedback"><strong>{{ $errors->first('content') }}</strong></span>
             @endif

webpack.mix.js

@@ -1,4 +1,5 @@
 let mix = require('laravel-mix');
+let webpack = require('webpack');
 
 /*
  |--------------------------------------------------------------------------
@@ -16,4 +17,10 @@ mix
     .setResourceRoot('/build/')
     .js('resources/assets/js/app.js', 'js')
     .sass('resources/assets/sass/app.scss', 'css')
-    .version();
+    .version();
+
+mix.webpackConfig({
+    plugins: [
+        new webpack.IgnorePlugin(/^codemirror$/)
+    ]
+});

yarn.lock

@@ -6617,6 +6617,10 @@ sum-up@^1.0.1:
   dependencies:
     chalk "^1.0.0"
 
+summernote@^0.8.10:
+  version "0.8.10"
+  resolved "https://registry.yarnpkg.com/summernote/-/summernote-0.8.10.tgz#21a5d7f18a3b07500b58b60d5907417a54897520"
+
 supports-color@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"