weixin_58412143 2022-08-08 14:22 采纳率: 83.7%
浏览 124
已结题

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

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

img

        <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',

created() {
                    this.token = localStorage.getItem('token'); //获取存储的元素
                    // this.getAxios()
                    const {
                        createEditor,
                        createToolbar
                    } = window.wangEditor

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

                    const editor = createEditor({
                        selector: '#editor-container',
                        html: '


'
, config: editorConfig, mode: 'default', // or 'simple' }) const toolbarConfig = {} const toolbar = createToolbar({ editor, selector: '#toolbar-container', config: toolbarConfig, mode: 'default', // or 'simple' }) },
  • 写回答

0条回答 默认 最新

    报告相同问题?

    问题事件

    • 系统已结题 8月16日
    • 创建了问题 8月8日