首页 > 其他分享 >wangeditor 引入国际化支持

wangeditor 引入国际化支持

时间:2023-04-03 14:24:12浏览次数:51  
标签:国际化 中英文 wangeditor instance i18next en 引入

看了 wangeditor 的源码,发现是有 翻译支持的:

 

且内置了中英文:

 

那现在的问题就变成了如何使用,根据地址查看文档(https://www.i18next.com/overview/getting-started

发现只需要下载并引入即可:

 

那本地 editor 就可以设置配置:

import i18next from 'i18next';

instance.i18next = i18next;
instance.config.lang = getItem(StorageKey.language) === 'en' ? 'en' : 'zh-CN';

 

切换语言的话,大致搜了一下,貌似没有 reset/reload 这种方法,就只能重新渲染下:

<div class="editor-main">
        <div class="editor"></div>
</div>

 

采用移除再添加的形式:

 

即可搞定富文本中英文切换问题!

标签:国际化,中英文,wangeditor,instance,i18next,en,引入
From: https://www.cnblogs.com/guofan/p/17282916.html

相关文章

  • vue3 - 引入自定义插件的组件的具体写法
    1.背景我的这一篇随笔详细讲解组件怎么制作与引入使用【vue3-在单独的项目制作自定义组件插件,支持vite【前提不要使用webpack专属语法】,并引入插件-心得-岑惜-博客园(cnblogs.com)】但在局部引入组件时,eslint红色警告   引用名言:“又不是不能用==”强迫症看着实......
  • 项目一众筹网07_01_SpringSecurity框架简介和用法、SpringSecurity负责的是 权限验证
    项目一众筹网07_01_SpringSecurity文章目录项目一众筹网07_01_SpringSecurity01简介SpringSecurity负责的是权限验证02-SpringSecurity简介03-Spring的注解模式maven引入Spring环境04-准备测试环境05-加入SpringSecurity环境06-实验1-放行首页和静态资源(下一篇)01简介现在主流的权......
  • 清理缓存的问题ctrl+F5或者引入外部js的时候?加任意数字
    系列文章目录文章目录系列文章目录==注意ctrl+F5连同js一起刷新,这样就不用清理缓存了====还有一种方式:引入外部js的时候?加任意数字,如下==注意ctrl+F5连同js一起刷新,这样就不用清理缓存了我们有时候刷新之后,页面不生效,甚至我们要清理缓存页面才生效原因是因为浏览器会缓存js文......
  • vue-qr引入时报错You may need an appropriate loader to handle this file type. 问
    今天研究了一下vue生成二维码的功能,在使用vue-qr插件的时候,在所需页面引入,报错,于是就研究了一番。  解决方法找到node_modules/vue-qr/dist/vue-qr.js文件,搜...e,将......
  • YOLOv7引入Swin Transformer以及CCNet出现的问题
    YOLOv7引入SwinTransformer以及CCNet出现的问题一、YOLOv7训练完,运行test.py的时候出现:RuntimeError:expectedscalartypeFloatbutfoundHalf 错误采用GPU训练时......
  • 解决vite使用alias引入图片不显示的问题
    参考:https://juejin.cn/post/7009441745301667853方法一:配置alias//app.vue<imgsrc="/images/logo.png"alt=""/>//vite.config.jsimport{defineConfig}fr......
  • thinkphp wangEditor 图片上传
    1.html<divid="editor"></div><!--wangEditor无法设置name属性为上传添加一个隐藏的textarea--><textareaid="tarea"name="content"hidden></textarea>......
  • wangEditor的使用
    第一步,将其下载,并引入项目中。第二步,引入js<scripttype="text/javascript"src="/plugin/wangEditor/release/wangEditor.min.js"></script>第三步,初始化对象<span......
  • 是时候选择一款富文本编辑器了(wangEditor)
    需要一款富文本编辑器,当然不能自己造轮子。本来想使用cnblog也在用的TinyMCE,名气大,功能全。但是发现TinyMCE从4.0开始,不再支持直接下载。所以还是决定选用wangEdit......
  • hive引入partition和bucket的概念,中文翻译分别为分区和桶
    https://www.cnblogs.com/cxzdy/p/5524477.htmlhive引入partition和bucket的概念,中文翻译分别为分区和桶(我觉的不是很合适,但是网上基本都是这么翻译,暂时用这个吧),这两个概......