青云

qingyun1029 Vue.js
关注
143761 号成员,2024-05-27 11:19:15 加入
8
个人主页 浏览
1h25m
在线时长
  • Vditor 编辑器中如何插入图片、视频地址?

    2024-09-20 10:08

    组件无法正常加载(显示)或者无法及时加载的问题,使用浏览器无痕模式,打开使用了 vditor 组件的页面,发现输入框大概需要 3-5s 才能正常显示,于是 f12 查看了一下请求,发现 vditor 请求地址包含了“unpkg.com”的好几个相关请求,并且有些差不多 2s 了,请问下,如何把这些包放到本地?

    33333.png

  • Vditor 编辑器中如何插入图片、视频地址?

    2024-07-30 16:22

    请问该如何居中对齐呢?或者视频大小如何设置呢?

  • 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)
      // },
    },
    

    111111111.png

  • 如何正确使用 vditor 的上传文件(图片)功能?

    2024-06-11 16:14

    该内容仅作者和楼主可见。

  • 关于所见即所得 Markdown 编辑器的讨论

    2024-06-07 11:54

    请问“可通过修改 index.less 中的变量对主题颜色进行定制”说的,我修改了 index.less 后如何打包呢?

    或者如何覆盖一些默认样式?

    谢谢!

  • 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,那么我必须到两个星号前面插入?请问该怎么做呢?