为了你这个编辑器 我要把我的项目升级到nuxt3 测试版
界面好看

建议增加一些emoji表情

这样在进行markdown写作的时候，有些emoji表情进行互动还是挺不错的

bug描述: 当上传了图片, 且输入框出现滚动条, 且开启markdown预览功能时, 在输入框的底部输入文字, 滚动条会自动往上走, 使输入无法再进行.

bug版本: v1.7.3

重现条件:

1. 上传图片. (必须, 否则不能重现)
2. 输入一大段文字, 使输入框出现滚动条.
3. 开启预览功能.
4. 在输入框的最底部进行输入.

1. 目前不支持复制粘贴上传图片
2. 上传图片的按钮，能不能是一个下拉 里面包含上传图片和图片链接？ 这样上传图片就少一步操作逻辑

就这种tip样式

还有请问，根据onGetCatalog事件，我成功做了一个目录，然后，element-plus没有类似iview的Anchor 锚点组件，该怎么做目录和文章的相互定位。

我现在做了一个文章目录组件，能够根据onGetCatalog事件的数据，做成锚点列表，定位到文章，但是不知道怎么在文章浏览滚动的时候，自动地使目录滚动到相应位置active，还有在刷新页面的时候，路由的锚点无法定位，滚动条一直在最上面

我太菜了0.0

求大佬指点

我看了一下，现在安装的还是1.4.2，但是github上已经更新了 1.4.3，那么该怎么操作呢

在DOC和API里面找了找，能找到onUploadImage的代码，也跑通了，但是预览不出来。

在其他ISSUE看到相关问题，说是直接下载模式不行，那我应该调整成什么模式？

另外，下载需要携带 JWT， 要使用自己封装的axios，应该如何配置？

谢谢

没有自动保存功能吗 或者能提供js触发保存的方法吗

目录点击不能跳转到指定目录位置

我使用的是vue3.0+el UI+ts,
md-editor的版本是1.4.1

用文档默认导入方法导入的md-editor，出现两个问题

1.点击链接，输入描述及链接，点击确定时确实在输入框显示相应的描述信息，但是过多一会就自动刷新当前页面，model也没有关闭

2.点击上传文件的时候，在选择文件时原本的弹出层，自动关闭

点击添加链接后，按住鼠标拖动弹窗，鼠标松开后弹窗依然跟随鼠标移动

比如，要添加 字体颜色功能，如何添加一个自定义toolbar按钮呢？并扩展实现这个功能呢？

敲下回车时 并没有实现换行效果

粘贴板上传图片是什么意思呢？复制图片粘贴？还是 复制一段富文本（含图片），粘贴过来时图片上传成功。
这两种方法，我均尝试了，好像都没有成功，并且没有触发 @uploadImg 事件

请问可以不要figure以及figcaption标签吗

编辑器功能所有一切都是正常的
当我退出页面的时候时候 就提示这个错误


这个变量是null

https://www.zhihu.com/question/20134106
根据这篇文章

MarkDown应该是可以用空格打出空行的，但这个组件似乎不支持
实际上我用的解析库 turndown 就会把空行解析成两个空格

使用标题时会跳转,点击标题会自动跳转, 希望点击之后不要跳转,这个怎么做

# Web文档
### Web文档

支持图片粘贴上传吗？

项目中失灵了，点击任何按钮无反应
我的配置
{
"name": "vue3-js",
"version": "0.0.0",
"scripts": {
"dev": "vite",
"build": "vite build",
"serve": "vite preview"
},
"dependencies": {
"@ckeditor/ckeditor5-build-classic": "^29.0.0",
"@ckeditor/ckeditor5-vue": "^2.0.1",
"axios": "^0.21.1",
"echarts": "^5.1.2",
"element-plus": "^1.0.2-beta.55",
"md-editor-v3": "^1.1.2",
"vue": "^3.1.5",
"vue-router": "^4.0.10"
},
"devDependencies": {
"@vitejs/plugin-vue": "^1.2.2",
"@vue/compiler-sfc": "^3.0.5",
"sass": "^1.32.8",
"vite": "^2.3.3",
"vuex": "^4.0.0"
}
}

PS E:\work\web\pc\xxxxxxxx> pnpm build

> [email protected] build E:\work\web\pc\xxxxxxxx
> vue-tsc --noEmit && vite build

node_modules/.pnpm/[email protected]/node_modules/md-editor-v3/lib/MdEditor/Editor.d.ts:2:25 - error TS2307: Cannot find module 'marked' or its corresponding type declarations.

2 import { Slugger } from 'marked';
                          ~~~~~~~~


Found 1 error.

 ELIFECYCLE  Command failed with exit code 2.

报错在 md-editor-v3/lib/MdEditor/Editor.d.ts:2:25
TS2307: Cannot find module 'marked' or its corresponding type declarations.

// md-editor-v3/package.json
{
  "devDependencies": {
    "marked": "^2.1.3",
  }
}

在生产环境用到了marked开发环境依赖，打包时ts检查无法通过

MdEditorV3安全隐患

当前的编辑器可能存在被注入JS代码攻击的安全隐患。

可以将本Markdown内容完整的复制到MdEditorV3编辑器中测试。

Markdown完整内容：链接

测试信息

• 测试版本：v1.7.3
• 测试时间：2021/12/05

注入示例

示例1

SCRIPT👉Hello👈SCRIPT

示例2

这个代码已经被注入，不过没能被直接调用（个人不是干这块的，不是很懂）。

SCRIPT👉<script type='text/javascript'>alert('你好');</script>👈SCRIPT

示例3

参考工具代码

不使用字符串表示字符串(用于支持复杂的字符串)

function StringToIntArray(str){
    let arr = [];
    for(let i=0;i<str.length;i++)
        arr.push(str.charAt(i));
    return str;
}

// IntArrayToString
var str = function (arr){
  var zstr = String();
  return arr.map(x=>String.fromCharCode(x)).join(zstr);
}

你好 我这边想对Markdown中的链接进行全局替换,这个怎么替换
就是点击下方示例图片中的[目录结构]文字,能够跳转到自定义的url中

# Web文档

1.[目录结构](./目录结构.md)

1. 请问可以更改字体颜色吗

怎么上传不了本地图片啊

目前我是想第一次输入时使用html，用户编辑markdown，传到后台的时候用html格式

onUnmounted(() => {
if (props2.trigger === "click") {
triggerRef.value.removeEventListener("click", triggerHandler);
document.removeEventListener("click", clickHidden);
} else {
// triggerRef.value.removeEventListener("mouseenter", triggerHandler);
// triggerRef.value.removeEventListener("mouseleave", leaveHidden);
}
});

rt

作者您好，有幸能够使用上您的MD编辑器组件，他对于我的帮助特别大，我也非常喜欢。

现在有个特殊场景需要使用createWebHashHistory创建的RouterHistory，这样一来本身页面的链接就会以#开头。
同时md-editor本身会根据Markdown中的标题生成对应的锚点，然后生成对应的a标签元素能够导航到标题处，但是这样一来就与Router冲突了。

这个场景是必须使用createWebHashHistory而不能使用其他的RouterHistory创建方式，所以可以考虑为开放一个自定义渲染标题的接口或者在内部做出调整吗？

请问是否可以添加 TOC 生成目录的功能？工具栏是否可以自定义图标与回调事件？

https://qcfdz2.file.qingfuwucdn.com/file/d8b7070ec51c5f3c_1642426406641.jpg

就是图片上这样

在仅预览模式下 这个函数是无效的 markedHeading
仅预览模式属性 previewOnly

<template>
  <Mgr>
    <md-editor class="body" v-model="mdText"
               @markedHeading="markedHeading"
               previewOnly/>
  </Mgr>
</template>

<script>
import Mgr from '@/components/mgr/Mgr'
import MdEditor from 'md-editor-v3';
import 'md-editor-v3/lib/style.css';
// import {getDocContent} from "@/api/doc/doc";

export default {
  name: "WebDoc",
  components: {Mgr, MdEditor},
  data() {
    return {
      mdText: '# AAAA'
    }
  },
  created() {
    // getDocContent('/web/webDoc').then(res => {
    //   this.mdText = res
    // })
  },
  methods:{
    markedHeading(text, level, raw){
      console.log('aaaaa')
      console.log(text)
      console.log(level)
      console.log(raw)
    }
  }
}
</script>
<style lang="less" scoped>
.body {
  margin-left: 50px;
  margin-right: 50px;
}
</style>

我在同一个页面的dialog里写了2个MdEditor，分别叫：MdEditor，MdEditor1，同时设置了editorId分别为taskProgress，task，上传图片的方法也修改成不同的名字uploadImg，taskProgressUploadImg
但是在上传图片的时候，我在当前编辑器上传，在另一个编辑器也会出现图片链接，而且还是两条

想法如上，望作者指正

使用标题在仅预览模式下会跳转,希望不要跳转
使用 @markedHeading 发现没有走这个函数
不清楚应该怎么处理

使用属性 previewOnly

<template>
  <Mgr>
    <md-editor class="body" v-model="mdText"
               @markedHeading="markedHeading"
               previewOnly/>
  </Mgr>
</template>

<script>
import Mgr from '@/components/mgr/Mgr'
import MdEditor from 'md-editor-v3';
import 'md-editor-v3/lib/style.css';
import {getDocContent} from "@/api/doc/doc";

export default {
  name: "WebDoc",
  components: {Mgr, MdEditor},
  data() {
    return {
      mdText: ''
    }
  },
  created() {
    getDocContent('/web/webDoc').then(res => {
      this.mdText = res
    })
  },
  methods:{
    markedHeading(text, level, raw){
      console.log('aaaaa')
      console.log(text)
      console.log(level)
      console.log(raw)
    }
  }
}
</script>
<style lang="less" scoped>
.body {
  margin-left: 50px;
  margin-right: 50px;
}
</style>

如题，我在本地测试后，图片能上传成功，编辑器中是空白的
<md-editor v-model="formModel.content" @onUploadImg="onUploadImg" />

文档没有找到关于这个的任何描述

如题

我不想把依赖打包进来，但是直接用链接导入会报错Uncaught TypeError: Cannot read property 'defineComponent' of undefined

您好 我看目前的预览功能仅预览md源码 是否可以支持预览渲染后的页面