🐛 Fix insert image fail use attachment selector.

Fix #62

CHANGELOG.md

@@ -12,7 +12,8 @@
 - 🐛 修复行内公式渲染的问题 #22
 - 🐛 修复操作栏修改属性不生效的问题 #20 \[vditor]
 - 🐛 修复在 PJAX 主题下渲染器无法正常处理的问题 #24
-- 🐛 修复render样式与其他样式冲突的问题
+- 🐛 修复 render 样式与其他样式冲突的问题
+- 🐛 修复`插入图片`在 Safari 中不可用的问题
 
 ### v1.5.1
 

console/src/model/DebugPanel.vue

@@ -11,6 +11,9 @@
       <VButton type="primary" size="sm" @click="getPluginConfig">
         Get Plugin Config
       </VButton>
+      <VButton type="primary" size="sm" @click="getCursor">
+        Get Last Cursor
+      </VButton>
     </div>
     <div v-if="false" id="vditor-debug-data">
       <div>Vditor DEBUG</div>
@@ -30,6 +33,7 @@ const debugOpOpen = ref<boolean>(false);
 const props = defineProps<{
   vditor: Vditor | null;
   config: EditorConfig | undefined;
+  cursor: Range | undefined;
 }>();
 
 const getHTML = () => {
@@ -47,6 +51,12 @@ const getPluginConfig = () => {
     console.log("CONFIG: ", props.config);
   }
 };
+
+const getCursor = () => {
+  if (props.cursor) {
+    console.log("LAST CURSOR", props.cursor);
+  }
+};
 </script>
 
 <style scoped>

console/src/utils/cursor-utils.ts

@@ -1,5 +1,5 @@
 export function getCursor() {
-  return window.getSelection()?.getRangeAt(0);
+  return window.getSelection()?.getRangeAt(0).cloneRange();
 }
 
 export function setCursor(range: Range | undefined) {

console/src/views/VditorMde.vue

@@ -52,8 +52,6 @@ const emit = defineEmits<{
   (event: "update", value: string): void;
 }>();
 
-const customRenderList = ["halo"];
-
 const debounceOnUpdate = () => {
   emit("update:raw", vditor.value.getValue());
   emit("update:content", renderHTML(vditor.value) || "");
@@ -200,7 +198,12 @@ const update = (val: string | null) => {
 <template>
   <div id="plugin-vditor-mde">
     <VLoading v-if="!vditorLoaded" style="height: 100%" />
-    <DebugPanel v-if="debugMode" :config="editorConfig" :vditor="vditor" />
+    <DebugPanel
+      v-if="debugMode"
+      :config="editorConfig"
+      :vditor="vditor"
+      :cursor="lastSelectionRange"
+    />
     <div id="vditor" ref="vditorRef"></div>
     <TemplateModal
       :open="customInsertOpen"