Javascript 如何更改Quilljs中的拼写检查语言(React)
如何更改React中拼写检查器的语言 我的应用程序允许用户以英语或西班牙语编辑内容,并将结果保存到数据库中的不同位置。当加载英文文本时,拼写检查非常好,但当加载西班牙文文本时,整个内容将被拼写检查为英文。一定有办法在飞行中改变这一点 演示如何完全禁用拼写检查器,但我找不到有关切换到不同语言的信息 还请提供您找到信息的源链接,因为我一直在搜索,但没有看到它。如图所示,容器似乎只是一个普通的HTML DOM引用,您必须设置的属性以禁用拼写检查来自HTML标准,因此,我们可以推断拼写检查作业是由浏览器执行的,而不是由quill执行的 其中说明拼写检查尊重标记的Javascript 如何更改Quilljs中的拼写检查语言(React),javascript,reactjs,quill,preact,Javascript,Reactjs,Quill,Preact,如何更改React中拼写检查器的语言 我的应用程序允许用户以英语或西班牙语编辑内容,并将结果保存到数据库中的不同位置。当加载英文文本时,拼写检查非常好,但当加载西班牙文文本时,整个内容将被拼写检查为英文。一定有办法在飞行中改变这一点 演示如何完全禁用拼写检查器,但我找不到有关切换到不同语言的信息 还请提供您找到信息的源链接,因为我一直在搜索,但没有看到它。如图所示,容器似乎只是一个普通的HTML DOM引用,您必须设置的属性以禁用拼写检查来自HTML标准,因此,我们可以推断拼写检查作业是由浏览器
lang
属性,因此您需要做的是根据它应该使用的语言设置该属性
为我认为可能有效的组件截取的代码
// For typings
import Quill from "react-quill";
import QuillEditor from "quill"
export const MultiLangQuill = ({ content, onChange, lang }) => {
const ref = React.useRef<Quill & { editor: QuillEditor }>(null);
React.useEffect(() => {
ref.current?.editor.root.setAttribute("lang", lang);
}, [lang]);
return (
<Quill
// set the ref to access to quill editor
ref={ref}
theme="snow"
value={content}
onChange={onChange}
modules={modules}
formats={formats}
/>
);
};
//用于打字
从“react Quill”导入纬管;
从“羽毛笔”导入羽毛笔编辑器
导出常量MultiLangQuill=({content,onChange,lang})=>{
const ref=React.useRef(null);
React.useffect(()=>{
ref.current?.editor.root.setAttribute(“lang”,lang);
},[lang]);
返回(
);
};