// 创建 EditorContext 对象
const editorContext = xhs.createEditorContext('myEditor'); // 替换为实际的 editor 组件 id

editorContext.blur({
  success: () => console.log('编辑器失焦成功'),
  fail: (err) => console.error('编辑器失焦失败:', err),
});

editorContext.clear({
  success: () => console.log('编辑器内容清空成功'),
  fail: (err) => console.error('清空编辑器内容失败:', err),
});

editorContext.format('bold', true); // 设置加粗
editorContext.format('color', '#ff0000'); // 设置字体颜色为红色

editorContext.getContents({
  success: (res) => {
    console.log('HTML 内容:', res.html);
    console.log('纯文本内容:', res.text);
    console.log('Delta 对象:', res.delta);
  },
  fail: (err) => console.error('获取编辑器内容失败:', err),
});

editorContext.getSelectionText({
  success: (res) => {
    console.log('选区文本内容:', res.text);
  },
  fail: (err) => console.error('获取选区文本失败:', err),
});

editorContext.insertDivider({
  success: () => console.log('分割线插入成功'),
  fail: (err) => console.error('插入分割线失败:', err),
});

editorContext.insertImage({
  src: 'https://example.com/image.jpg', // 替换为实际图片地址
  alt: '示例图片',
  width: '100%',
  success: () => console.log('图片插入成功'),
  fail: (err) => console.error('插入图片失败:', err),
});

editorContext.insertText({
  text: '这是插入的文本内容',
  success: () => console.log('文本插入成功'),
  fail: (err) => console.error('插入文本失败:', err),
});

editorContext.removeFormat({
  success: () => console.log('选区样式清除成功'),
  fail: (err) => console.error('清除选区样式失败:', err),
});

editorContext.setContents({
  html: '<p>这是初始化的 HTML 内容</p>',
  success: () => console.log('编辑器内容初始化成功'),
  fail: (err) => console.error('初始化编辑器内容失败:', err),
});

editorContext.scrollIntoView({
  success: () => console.log('滚动到光标处成功'),
  fail: (err) => console.error('滚动到光标处失败:', err),
});

editorContext.undo({
  success: () => console.log('撤销成功'),
  fail: (err) => console.error('撤销失败:', err),
});

editorContext.redo({
  success: () => console.log('恢复成功'),
  fail: (err) => console.error('恢复失败:', err),
});