简介

使用富文本编辑器时，我们一般期望可以自定义图片上传，在 Quill 中，粘贴图片时默认是将图片转为 base64文本的形式，存储在正文正，这显然不是我们想要的效果。

想要自定义 Quill 的图片粘贴上传，而不是转为 base64，需要自行覆盖编辑器的粘贴事件，然后自行实现图片上传与回显的逻辑，本文就以一个简单的示例来演示如何实现这个功能。

Quill是一款流行的开源富文本编辑器，官网地址：https://quilljs.com/

以下是 Google Chrome 浏览器的一些常用快捷键，按系统分为 Windows 和 Mac 版。这个清单包含了基本的页面导航、标签页管理、书签操作、开发工具等快捷键，方便提升浏览效率。

PS：很多基于Chrome内核的浏览器都适用大部分快捷键。

错误代码

ts
const ssrLoad = async () => {
  console.log("ssrLoad");
  // SSR 初始化查询单品列表
  const { data: res, error } = await useFetch<
    Result<PagePack<ProductOverview>>
  >("/api/product/getProductOverviewList", {
    method: "post",
    body: queryParam.value,
  });
  if (error.value) {
    navigateTo("/500");
  }
  if (res.value?.c == 200) {
    singlePage.value = res.value.d;
  } else {
    ElMessage.error(res.value?.m);
  }
};

await ssrLoad();

错误现象

这是我使用 Nuxt3 时写在 <script setup> 中的一段代码，await ssrLoad(); 是为了用于 SSR 渲染页面调用的函数，但由于这么写，导致页面在输入框输入时会自动调用了 getProductOverviewList 接口。

但神奇的是，没有打印console.log("ssrLoad"); 这段日志；但更神奇的是，我去掉 await ssrLoad(); 这行代码就不会出现自动查询的这个现象，这是什么原因你知道吗？

问题如标题，已经描述的很清晰了，再举个例子，比如我第一次部署Github网页：https://dingdangdog.github.io 时，使用 Nuxt 构建并部署静态页面后，发现首页可以正常显示，但点击一些特殊操作按钮时，会出现没有反应的现象，打开浏览器控制台，就会发现很多 404的错误，仔细观察这些404全部都是加载 _nuxt 文件夹下的资源是出现的报错。

问题原因

根据 Stackoverflow 上的问题及回答可知，该问题是由于文件夹的名称导致的。

因为 _nuxt 文件夹带有下划线前缀，所以它将被 Jekyll 构建时忽略了，所以其实 _nuxt 文件夹并没有发布到网站的托管服务上。

在使用Stable Diffusion UI生成高质量的动漫或真人图片时，选择合适的参数、Prompt编写、Negative Prompt设置、和一些生成技巧都对图像的最终效果有显著影响。以下是详细的教程，包括两个配置示例（动漫美女和真人美女）。

本文由ChatGPT生成，是否正确有效，请自行测试判断。