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
相关产品推荐
相关产品推荐

