Laravel 5.5 阻止 markdown 文本区域被编辑答案

【问题标题】：Laravel 5.5 blocking markdown textareas from being editedLaravel 5.5 阻止 markdown 文本区域被编辑
【发布时间】：2018-06-16 06:59:51
【问题描述】：

我已将 SimpleMDE 包含在我的 Laravel 5.5 项目中 (https://github.com/sparksuite/simplemde-markdown-editor)。

npm install simplemde --save

在我的 bootstrap.js 文件中，我有以下内容：

window.markdown = require('simplemde');
var simplemde = new window.markdown();

这按预期工作，它将 SimpleMDE 绑定到页面上的第一个文本区域，但我无法编辑它不可选择的文本区域。

如果我在 simplemde 实例化后立即以某种方式（例如 throw 和 error）使脚本错误，则它可以完美运行：

window.markdown = require('simplemde');
var simplemde = new window.markdown();
throw 'fail';

所以我的猜测是 Laravel 在此之后正在做一些事情，这会阻止 simplemde textarea 正常工作，但我对 Laravel 前端构建工具没有足够的知识来弄清楚是什么阻止了它。

【问题讨论】：

标签： javascript php laravel webpack laravel-5.5

【解决方案1】：

我遇到了同样的问题，我确实将 js 包装在 jquery 文档周围，它对我有用。

旧代码：

<script>
var simplemde = new SimpleMDE({ element: document.getElementById('content') });
</script>

工作代码：

<script>
jQuery(document).ready(function() {
        var simplemde = new SimpleMDE({ element: document.getElementById('content') });
    });
</script>

【讨论】：