代码之家 › 专栏 › 技术社区 › Ramesh Navi

与laravelmix一起使用时,缺少tinymce主题文件

tinymce webpack laravel html jquery

Ramesh Navi · 技术社区 · 6 年前

我尝试将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混音,引用来自节点模块的符号时,它会给我错误,比如 GET http://localhost:3000/js/themes/modern/theme.js net::ERR_ABORTED 404 (Not Found)

有人请告诉我什么地方是好地方,包括/需要Tinymce图书馆,以及如何参考。

我试着在app.js中这样引用它

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

和

require('tinymce');

1 回复 | 直到 6 年前

Ramesh Navi 6 年前

在遇到一些问题后就知道了:需要导入正在初始化中使用的各个插件。

在我的案子里工作过。欢迎改进。

<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/tinymce/jquery.tinymce.min.js" charset="utf-8"></script>

导入Tinymce和所需的主题/插件

import tinymce from 'tinymce/tinymce';
import 'tinymce/themes/modern/theme';
import 'tinymce/plugins/colorpicker';
import 'tinymce/plugins/link';
import 'tinymce/plugins/lists';
import 'tinymce/plugins/anchor';
import 'tinymce/plugins/advlist';
import 'tinymce/plugins/table';
import 'tinymce/plugins/textcolor';
import 'tinymce/plugins/paste';
import 'tinymce/plugins/help';
import 'tinymce/plugins/charmap';
import 'tinymce/plugins/contextmenu';

HTML

<textarea name="description" class="form-control" id="description" rows="3"></textarea>

初始化

tinymce.init({
    selector: '#description',
    skin: false,
    plugins: [
        'advlist lists link charmap anchor textcolor',
        'table contextmenu paste help'
    ],
    toolbar: 'insert | undo redo |  formatselect | bold italic backcolor  | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help',
});

运行laravel dev server