jquery - 与 Laravel Mix 一起使用时 TinyMCE 主题文件丢失

标签 jquery html laravel webpack tinymce

我尝试将 TinyMCE 与纯 HTML 和 jquery 一起使用,如下所示,它工作正常。

<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/tinymce/jquery.tinymce.min.js" charset="utf-8"></script>
<script type="text/javascript">
    tinymce.init({
        selector: '#comment'
    });
</script>

但是当我尝试对最新的 Laravel mix 做同样的事情,从 node_modules 引用 TinyMCE 时,它给了我类似 GET http://localhost:3000/js/themes/modern/theme.js net::ERR_ABORTED 的错误404(未找到)

有人请告诉我什么是包含/需要 TinyMCE 库的好地方以及如何引用它。

我尝试在 app.js 中像下面这样引用它

require('tinymce/tinymce.min.js');

require('tinymce');

最佳答案

这是截至 2020 年最干净的解决方案。

通过NPM安装tinymce:

npm i tinymce

将这些需求添加到resources/js/app.js:

require('tinymce');
require('tinymce/themes/silver');

将此行添加到webpack.mix.js:

mix.copy('node_modules/tinymce/skins', 'public/js/skins');

然后执行 npm run dev 就可以了。

关于jquery - 与 Laravel Mix 一起使用时 TinyMCE 主题文件丢失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53406457/

相关文章:

javascript - 通过 ajax 生成数据但得到空对象

javascript - 将 img src 替换为 js jquery

javascript - 更改类时超出最大调用堆栈大小 - Bootstrap、jQuery

html - 居中对齐导航栏内的文本

php - 定义 laravel 的基本 url

javascript - 使用 JQuery/Javascript 进行滚动控制

javascript - 输入小写

html - 关于在内容边框底部可见的页面内容下放置页脚

laravel - 无法连接到部署的应用程序 Elastic Beanstalk 中的 RDS

Laravel 4 - 加入表但只有最新行