(laravel5.4可用)轻量且美观的富文本编辑器quill

上效果:

(laravel5.4可用)轻量且美观的富文本编辑器quill_第1张图片
quill效果图

1.安装

npm install quill

你也可以参见官网,得到更多安装办法

2.打开resources/assets/js/bootstrap.js,并加入

try {
    window.$ = window.jQuery = require('jquery');
    require('bootstrap-sass');
    //引入quill
    window.Quill = require('quill');
} catch (e) {}

别忘记执行npm run dev让此生效

3.引入quill样式css:在头部或者编辑器所在文件引入


4.在需要显示编辑器的地方,加入以下代码

5.在编辑器所在页面加入以下js


你可能感兴趣的:((laravel5.4可用)轻量且美观的富文本编辑器quill)