羽毛笔工具栏按钮在 Laravel 中不起作用答案

【问题标题】：Quill toolbar butons doesn't work in Laravel羽毛笔工具栏按钮在 Laravel 中不起作用
【发布时间】：2018-11-11 02:53:02
【问题描述】：

我在 Laravel 中使用 quill 编辑器。工具栏有问题。当我单击工具栏的按钮时，它没有响应。这是我的代码：

<div id="editor-container">  </div>

<script>

var quill = new Quill('#editor-container', { theme: 'snow'});
</script>

【问题讨论】：

标签： javascript php laravel editor quill

【解决方案1】：

您的问题与 Vue 和 Quill 的兼容性有关。

默认情况下，Laravel 会加载 Vue 并挂载到 #app 元素。 #app 元素是应用程序的根元素。所以当你加载 Quill 时，它不起作用。

为了使其正常工作，您可以：

使用vue-quill-editor。
挂载到视图中的其他元素，而不是#app
不要使用 Vue 或不要在视图中加载 Vue。

【讨论】：

【解决方案2】：

试试这个代码

<!-- Include stylesheet -->
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">

<!-- Create the editor container -->
<div id="editor">
  <p>Hello World!</p>
  <p>Some initial <strong>bold</strong> text</p>
  <p><br></p>
</div>

<!-- Include the Quill library -->
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>

<!-- Initialize Quill editor -->
<script>
  var quill = new Quill('#editor', {
    theme: 'snow'
  });
</script>

【讨论】：

布兰登，它在其他服务中工作。但只有在我的网站它不起作用
请解释你的答案，而不是仅仅放一些代码。这有助于读者并提高您答案的可信度。