富文本编辑器使用步骤:
1、把组件放在static 和 /src/components下
2、然后在index.html中加入如下代码
<body> <script src=<%=BASE_URL %>/tinymce4.7.5/tinymce.min.js></script> <script src=<%=BASE_URL %>/tinymce4.7.5/langs/zh_CN.js></script> </body>
然后就可以在你所需的页面使用富文本编辑器组件了
示例:
//引入组件 import Tinymce from '@/components/Tinymce' //声明组件 components: { Tinymce },
这样确实能使用,但浏览器的Console中会出现Uncaught SyntaxError: Unexpected token ‘<‘
VS code中检查语法也会出现Expression expected。
问题方向:这样的问题一般都是我们引入的资源路径出错的问题
解决方法:
<script src="<%=BASE_URL %>/tinymce4.7.5/tinymce.min.js"></script>
<script src="<%=BASE_URL %>/tinymce4.7.5/langs/zh_CN.js"></script>
在src= 后面加引号 " " 即可