Currently, I am utilizing Laravel in combination with Blade and Vue.js, specifically the tinymce-wrapper @tinymce/tinymce-vue.
The Issue: Following a transition from cloud to self-hosted, TinyMce (version 5.7.0) is not displaying icons as expected.
<template>
<div id="app">
<editor
tinymce-script-src="/lib/tinymce/tinymce.min.js"
v-model="content"
api-key="no-api-key"
:init="{
height: 500,
menubar: false,
plugins: [
'advlist autolink lists link image charmap print preview anchor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table paste code help wordcount'
],
toolbar:
'undo redo | formatselect | bold italic backcolor | \
alignleft aligncenter alignright alignjustify | \
bullist numlist outdent indent | removeformat | help'
}"
/>
</div>
</template>
<script>
import Editor from '@tinymce/tinymce-vue'
export default {
name: 'app',
components: {
'editor': Editor
},
data:function(){
return{
content:'test'
}
}
}
</script>
I have attempted adding:
import 'tinymce/icons/default'
However, this did not resolve the issue. Any insights or suggestions?