weixin_58412143 2022-08-08 14:46 采纳率: 91.6%
浏览 3
已结题

HTML wangEditor 按照官网写出来没有工具栏

完全按照官网写,设置了宽高但是页面没有工具栏,控制台里工具栏盒子里也没有内容


1/npm install @wangeditor/editor --save
2——

 <link href="https://unpkg.com/@wangeditor/editor@latest/dist/css/style.css" rel="stylesheet">
<div id="editor—wrapper">
                        <div id="toolbar-container">
                            
                        div>
                        <div id="editor-container">
                            
                        div>
                    div>

        <script src="https://unpkg.com/@wangeditor/editor@latest/dist/index.js">script>
<script>
            var E = window.wangEditor; // 全局变量
            new Vue({el: '#note-container',
                data: {
created() {
                    // this.getAxios()
                    const {
                        createEditor,
                        createToolbar
                    } = window.wangEditor

                    const editorConfig = {
                        placeholder: 'Type here...',
                        onChange(editor) {
                            const html = editor.getHtml()
                            console.log('editor content', html)
                            // 也可以同步到