-
Vditor 编辑器中如何插入图片、视频地址?
2024-09-20 10:08组件无法正常加载(显示)或者无法及时加载的问题,使用浏览器无痕模式,打开使用了 vditor 组件的页面,发现输入框大概需要 3-5s 才能正常显示,于是 f12 查看了一下请求,发现 vditor 请求地址包含了“unpkg.com”的好几个相关请求,并且有些差不多 2s 了,请问下,如何把这些包放到本地?
-
Vditor 编辑器中如何插入图片、视频地址?
2024-07-30 15:45还真可以,感谢大佬。
//插入图片 let name = imgData.FileName; let path = encodeURI(imgData.Path) let insertText = `![${name}](${path})`; // Markdown 格式的图片插入文本 that.vditor.insertValue(insertText); //插入视频 name = videoData.FileName; path = encodeURI(videoData.Path) insertText = `<video controls> <source src="${path}" type="video/mp4" /> </video>`; // Markdown 格式的图片插入文本 that.vditor.insertValue(insertText);
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2024-07-30 10:18自定义按钮,子菜单时,如何配置文字内容?配置如下:
{ //自定义上传 hotkey: "", name: "custom-upload", tipPosition: "n", // 'n', 'ne', 'nw', 's', 'se', 'sw', 'w', 'e' tip: "上传", icon: `<svg xmlns="http://www.w3.org/2000/svg" width="31" height="60" viewBox="0 0 31 60"><defs></defs><path id="形状_4" data-name="形状 4" class="cls-1" d="M452,250v60l31-30Z" transform="translate(-452 -250)"/></svg>`, toolbar: [ { hotkey: "", name: "custom-upload-img", icon: `<svg xmlns="http://www.w3.org/2000/svg" width="31" height="60" viewBox="0 0 31 60"><defs></defs><path id="形状_4" data-name="形状 4" class="cls-1" d="M452,250v60l31-30Z" transform="translate(-452 -250)"/></svg>`, text: '图片', // className: "right", click(event, vditor) { that.handleClick(event, vditor) }, },{ hotkey: "", name: "custom-upload-video", icon: `<svg xmlns="http://www.w3.org/2000/svg" width="31" height="60" viewBox="0 0 31 60"><defs></defs><path id="形状_4" data-name="形状 4" class="cls-1" d="M452,250v60l31-30Z" transform="translate(-452 -250)"/></svg>`, text: '视频', // className: "right", click(event, vditor) { that.handleClick(event, vditor) }, }, ] // className: "right", // click(event, vditor) { // that.handleClick(event, vditor) // }, },
-
关于所见即所得 Markdown 编辑器的讨论
2024-06-07 11:54 -
vue2 中使用 vditor,无法使用 backspace 键删除
2024-06-03 10:04不好意思,是我这边的问题,因为之前有引入富文本编辑器,针对做了一些键盘处理事件,导致无法删除。谢谢!
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2024-05-28 14:19“使用 range 定位后调用 insert 方法”非常感谢,我试一下,第一次了解到这种方式。
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2024-05-27 20:13请问如何在指定字符串前后插入相关内容?
因为字符串可能被标签(特殊字符)包裹,所以需要区别所有的特殊字符,在正确的位置插入相关内容,
比如,vditor 里面有内容
**abc**
,但是我想到 abc 前面插入 efg,那么我必须到两个星号前面插入?请问该怎么做呢?