Admin.UI/src/components/my-markdown-editor/index.vue

（开头部分） 4KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <div :id="id" class="ad-markdown" />
</template>

<script>
// api https://nhn.github.io/tui.editor/latest/
// 插件 https://github.com/nhn/tui.editor/tree/master/plugins npm install --save @toast-ui/editor-plugin-${pluginName}

import 'codemirror/lib/codemirror.css' // Editor's Dependency Style
import '@toast-ui/editor/dist/toastui-editor.css' // Editor's Style
import Editor from '@toast-ui/editor'
import '@toast-ui/editor/dist/i18n/zh-cn'

import 'tui-color-picker/dist/tui-color-picker.css'
import '@toast-ui/editor-plugin-color-syntax/dist/toastui-editor-plugin-color-syntax.css'
import colorSyntax from '@toast-ui/editor-plugin-color-syntax'
import tableMergedCell from '@toast-ui/editor-plugin-table-merged-cell'

import 'prismjs/themes/prism.css'
import Prism from 'prismjs'
import 'prismjs/components/prism-csharp'
import 'prismjs/components/prism-aspnet'
import 'prismjs/components/prism-scss'
import 'prismjs/components/prism-json'
// import 'prismjs/components/prism-markup'
// import 'prismjs/components/prism-javascript'
// import 'prismjs/components/prism-css'
// import 'prismjs/components/prism-xml-doc'

import '@toast-ui/editor-plugin-code-syntax-highlight/dist/toastui-editor-plugin-code-syntax-highlight.css'
import codeSyntaxHighlight from '@toast-ui/editor-plugin-code-syntax-highlight'

import defaultOptions from './default-options'

export default {
  name: 'MyMarkdownEditor',
  props: {
    id: {
      type: String,
      required: false,
      default() {
        return _.uniqueId('my-markdown-editor-')
      }
    },
    value: {
      type: String,
      default: ''
    },
    options: {
      type: Object,
      default() {
        return defaultOptions
      }
    },
    height: {
      type: String,
      required: false,
      default: '400px'
    },
    language: {
后面还有 107 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 积分/个。 规则说明

AI 解读

登录后可用，每次 10 积分，解读结果公开显示在下面。

还没有人解读过这个文件。