image 图片

支持图片的渲染，提供插入图片的能力，并且支持拖拽图片的右侧边缘可修改大小

Commands 命令

getImage()

获取光标所在的图片节点

• 类型

  getImage(): KNode | null

• 详细信息

  该方法可以获取光标所在的唯一图片节点，如果光标不在一个图片节点内，则返回 null

• 示例

  const imageNode = editor.commands.getImage()

hasImage()

判断光标范围内是否有图片节点

• 类型

  hasImage(): boolean

• 详细信息

  该方法用来判断光标范围内是否有图片节点，返回 boolean 值

• 示例

  const has = editor.commands.hasImage()

setImage()

插入图片

• 类型

  setImage(options: SetImageOptionType): Promise<void>

• 详细信息

  提供一个入参，类型为 SetImageOptionType，包含 3 个属性：

  • src string：图片的链接地址
  • alt string：图片加载失败显示的值
  • width string：图片的初始宽度

  该方法会向编辑器内插入图片节点，在插入完毕后会更新视图和光标的渲染，所以调用该命令你无需主动 updateView

• 示例

  await editor.commands.setImage({
    src: 'https://xxxxx.png',
    alt: '图片加载失败'
  })

updateImage()

更新图片信息

• 类型

  updateImage(options: UpdateImageOptionType): Promise<void>

• 详细信息

  提供一个入参，类型为 UpdateImageOptionType，包含以下 2 个属性：

  • src string：图片的链接地址，可选，不设置则不更新此属性
  • alt string：图片加载失败显示的值，不设置或者设置为空值则移除此属性

  该方法可以更新图片信息，并且在更新完毕后会更新视图和光标的渲染，所以调用该命令你无需主动 updateView

• 示例

  await editor.commands.updateImage({
    src: 'www.baidu.com'
  })

代码示例