Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改Quilljs中的拼写检查语言(React)_Javascript_Reactjs_Quill_Preact - Fatal编程技术网

Javascript 如何更改Quilljs中的拼写检查语言(React)

Javascript 如何更改Quilljs中的拼写检查语言(React),javascript,reactjs,quill,preact,Javascript,Reactjs,Quill,Preact,如何更改React中拼写检查器的语言 我的应用程序允许用户以英语或西班牙语编辑内容,并将结果保存到数据库中的不同位置。当加载英文文本时,拼写检查非常好,但当加载西班牙文文本时,整个内容将被拼写检查为英文。一定有办法在飞行中改变这一点 演示如何完全禁用拼写检查器,但我找不到有关切换到不同语言的信息 还请提供您找到信息的源链接,因为我一直在搜索,但没有看到它。如图所示,容器似乎只是一个普通的HTML DOM引用,您必须设置的属性以禁用拼写检查来自HTML标准,因此,我们可以推断拼写检查作业是由浏览器

如何更改React中拼写检查器的语言

我的应用程序允许用户以英语或西班牙语编辑内容,并将结果保存到数据库中的不同位置。当加载英文文本时,拼写检查非常好,但当加载西班牙文文本时,整个内容将被拼写检查为英文。一定有办法在飞行中改变这一点

演示如何完全禁用拼写检查器,但我找不到有关切换到不同语言的信息

还请提供您找到信息的源链接,因为我一直在搜索,但没有看到它。

如图所示,容器似乎只是一个普通的HTML DOM引用,您必须设置的属性以禁用拼写检查来自HTML标准,因此,我们可以推断拼写检查作业是由浏览器执行的,而不是由quill执行的

其中说明拼写检查尊重标记的
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]);
返回(
);
};