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

评论(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 表单加上面代码,会同样报错

  • 小码哥
    小码哥 回复

    错误信息贴出来。