534541675
发布于

如何在后台使用<el-dialog> 中使用 <markdown-editor>

  1. 我在后台界面引入：
import MarkdownEditor from '~/components/MarkdownEditor'
  1. 注册组件
components: {
    MarkdownEditor
  },
  1. "<el-dialog>"中增加
<el-form-item label="图片内容">
          <div class="field">
            <div class="control">
              <markdown-editor
                ref="mdEditor"
                v-model="addForm.content"
                editor-id="imageCreateEditor"
                placeholder="可空，将图片复制或拖入编辑器可上传"
              />
            </div>
          </div>
        </el-form-item>

4、报 500 错误
image.png

交流
浏览 (363) 点赞 收藏
评论(3)
  • 534541675
    534541675 回复

    在使用 markdown-editor 添加 head 方法，但看了 site/pages/article/create.vue 的代码，不知道为啥前端页面可以把 head 加载组组件中，而后台则需要在当前页面自行加载

    head() {
    return {
      link: [
        {
          rel: 'stylesheet',
          href: '//cdn.jsdelivr.net/npm/vditor@2.1.0/dist/index.classic.css'
        }
      ],
      script: [
        {
          src: '//cdn.jsdelivr.net/npm/vditor@2.1.0/dist/index.min.js'
        }
      ]
    }
  }

  • 534541675
    534541675 回复
    小码哥 小码哥 2020-07-31 14:21:00

    错误信息贴出来。

    nuxtjs 没有报错
    在/site/pages/admin/topics/nodes.vue 的 form 表单加上面代码，会同样报错

  • 小码哥
    小码哥 回复

    错误信息贴出来。