You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Quill 2.x WYSIWYG编辑器本地化实现方法咨询

Quill 2.x 本地化实现步骤

Quill 2.x的本地化可以通过导入对应语言包+初始化配置两步完成,针对你当前使用的CDN方式,具体操作如下:

1. 引入本地化语言脚本

在你已有的Quill核心脚本之后,添加对应语言的本地化CDN脚本。以中文(简体)为例,添加以下代码:

<!-- 引入Quill核心样式 -->
<link href="https://cdn.jsdelivr.net/npm/quill@2.0.0-rc.2/dist/quill.snow.css" rel="stylesheet">
<!-- 引入Quill核心脚本 -->
<script src="https://cdn.jsdelivr.net/npm/quill@2.0.0-rc.2/dist/quill.js"></script>
<!-- 引入中文本地化脚本 -->
<script src="https://cdn.jsdelivr.net/npm/quill@2.0.0-rc.2/dist/i18n/zh-cn.js"></script>

其他语言的脚本只需替换路径中的zh-cn为对应语言标识即可,比如英文是en,法文是fr。

2. 初始化Quill时指定本地化配置

在创建Quill实例时,通过locale参数指定目标语言标识:

const quill = new Quill('#editor', {
  theme: 'snow',
  locale: 'zh-cn' // 对应引入的语言包标识
});

完成以上两步后,Quill编辑器的工具栏提示、弹窗文案等界面文字都会切换为目标语言。

内容的提问来源于stack exchange,提问作者Simon Giesen

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.20 16:22:04