PHPackages                             wmateam/nova-quilljs - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. wmateam/nova-quilljs

ActiveLibrary

wmateam/nova-quilljs
====================

Quilljs field for Laravel Nova. + upload pasted image

0.2.3(5y ago)03.9k[1 issues](https://github.com/wmateam/nova-quilljs/issues)MITJavaScriptPHP >=7.1.0

Since Dec 5Pushed 4y agoCompare

[ Source](https://github.com/wmateam/nova-quilljs)[ Packagist](https://packagist.org/packages/wmateam/nova-quilljs)[ RSS](/packages/wmateam-nova-quilljs/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependenciesVersions (17)Used By (0)

Laravel Nova Quilljs editor Field
=================================

[](#laravel-nova-quilljs-editor-field)

Note
====

[](#note)

Note This package has been forked from [ek0519/nova-quilljs](https://github.com/ek0519/nova-quilljs) and contains some features about uploading image from clipboard.

A Laravel Nova implementation of the [Quill editor for Vue.js](https://github.com/surmon-china/vue-quill-editor)

[![Latest Stable Version](https://camo.githubusercontent.com/280feca75dd5eaf55fd66f63dca1faf4d97b09fe5de4e1cab8590d18c40cb692/68747470733a2f2f706f7365722e707567782e6f72672f776d617465616d2f6e6f76612d7175696c6c6a732f762f737461626c65)](https://packagist.org/packages/wmateam/nova-quilljs)[![Total Downloads](https://camo.githubusercontent.com/b16bce43a229d7cf568e3f4a71780cfd24d3206238cefc5cdbec3411a2019544/68747470733a2f2f706f7365722e707567782e6f72672f776d617465616d2f6e6f76612d7175696c6c6a732f646f776e6c6f616473)](https://packagist.org/packages/wmateam/nova-quilljs)[![License](https://camo.githubusercontent.com/89e398de5894caef24137f6060668e83ef29ded814085533142a10f42759bea7/68747470733a2f2f706f7365722e707567782e6f72672f776d617465616d2f6e6f76612d7175696c6c6a732f6c6963656e7365)](https://packagist.org/packages/wmateam/nova-quilljs)[![Monthly Downloads](https://camo.githubusercontent.com/fa762e0c2299973f00dfb4222630d5ecdbe78eeb55900e7cdc3874ab25720f7f/68747470733a2f2f706f7365722e707567782e6f72672f776d617465616d2f6e6f76612d7175696c6c6a732f642f6d6f6e74686c79)](https://packagist.org/packages/wmateam/nova-quilljs)[![Daily Downloads](https://camo.githubusercontent.com/935b88ecab36bf782bf4a401670a23884498ea625f2509b3822a4edd8e834b19/68747470733a2f2f706f7365722e707567782e6f72672f776d617465616d2f6e6f76612d7175696c6c6a732f642f6461696c79)](https://packagist.org/packages/wmateam/nova-quilljs)

What's new (20200708)?
----------------------

[](#whats-new-20200708)

Thanks for [Gabrijel Gavranović](https://github.com/gavro)'s PR, add file upload max size **setting**.

Installation
------------

[](#installation)

Install via composer

```
composer require wmateam/nova-quilljs
```

Modify quill's height and width
-------------------------------

[](#modify-quills-height-and-width)

### **fullWidth(value)**

[](#fullwidthvalue)

Boolean

### **height(value)**

[](#heightvalue)

Number (unit px)

```
use Wmateam\NovaQuilljs\NovaQuilljs;

NovaQuilljs::make('content')
        ->withFiles('public')
        ->fullWidth(false) (option, default full-width)
        ->height(500) (option, default 300px)
        ->rules('required'),
```

**resize** and **align** image
------------------------------

[](#resize-and-align-image)

I add this module  , thanks for

Image upload size
-----------------

[](#image-upload-size)

### **maxFileSize(size)**

[](#maxfilesizesize)

size : Number, default 2(MB)
**example**

```
use Wmateam\NovaQuilljs\NovaQuilljs;

NovaQuilljs::make('content')
        ->withFiles('public')
        ->maxFileSize(3)
        ->rules('required'),
```

Image upload
------------

[](#image-upload)

This Nova field provides native attachments driver which works similar to [Trix File Uploads](https://nova.laravel.com/docs/2.0/resources/fields.html#trix-field).

To use this attachments driver, publish and run the migration(also publish quilljs config to set [toolbar](https://quilljs.com/docs/modules/toolbar/)):

```
php artisan vendor:publish --provider="Wmateam\NovaQuilljs\FieldServiceProvider"
php artisan migrate
```

Then, allow users to upload images, just like with Trix field, chaining the withFiles method onto the field's definition. When calling this method, you should pass the name of the filesystem disk that images should be stored on(in this example, we use **public**, please use this command `php artisan storage:link` ):

```
use Wmateam\NovaQuilljs\NovaQuilljs;

NovaQuilljs::make('content')
        ->withFiles('public')
        ->placeholder('please enter here')
        ->rules('required'),
```

Customizing Tooltips
--------------------

[](#customizing-tooltips)

[![](https://camo.githubusercontent.com/732d2576a0b6ca02957bef52e137e4cfd6922156816457e46f39147183147b16/68747470733a2f2f692e696d6775722e636f6d2f6b534e776f554f2e706e67)](https://camo.githubusercontent.com/732d2576a0b6ca02957bef52e137e4cfd6922156816457e46f39147183147b16/68747470733a2f2f692e696d6775722e636f6d2f6b534e776f554f2e706e67)

In default, tooltip was disabled, if you want to use, in **Resource** add **->tooltip(true)**

```
NovaQuilljs::make(__('Content'), 'content')
                ->withFiles('public')
                ->tooltip(true)
```

**in config/tooltip.php**

You can use favorite description of tooltip.

```