如何翻译Summernote编辑器

Question

我发现Summernote插件有很多JS文件来进行翻译。但是如何应用它们呢？我已经将它们包含在我的页面中了。

- zdarsky.peter

Answer 1

您需要在页面上包含翻译源文件，然后在初始化summernote编辑器后设置语言。

<script type="text/javascript">  
  $(".summernote").summernote({
    toolbar: [.....],
    lang: "da-DK"
  });
</script>

编辑：

如果您愿意，也可以使用CDN。

<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/lang/summernote-da-DK.js"></script>

- zdarsky.peter

---

你能添加一个示例翻译吗？ - Asqan

Answer 2

示例：

文件＃1（js）另存为“summernote-ES.js”：

  (function ($) {
  $.extend($.summernote.lang, {
    'es-ES': {
      font: {
        bold: 'Negrita',

bla, bla, bla (此文件共有150行) 完整文件

文件＃2（html）index.html：

<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.css">
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/theme/monokai.css">
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/mode/xml/xml.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/formatting.js"></script>

<!-- include summernote css/js-->
<link href="summernote.css">
<script src="summernote.js"></script>
<script src="[your-url]/summernote-ES.js"></script>

<script>
  $(document).ready(function(){
    $('.summernote').summernote({ lang: 'es-ES' }); 
  })
</script>

- Pablo Corezzola

Answer 3

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.18/summernote-bs4.js"></script>
<script src="~js/lang/summernote-de-DE.js"></script>

$('textarea#des-summernote').summernote({
        placeholder: '',
        tabsize: 2,
        height: 100,
        toolbar: [
            ['style', ['style']],
            ['font', ['bold', 'italic', 'underline']],
            ['para', ['ul', 'ol', 'paragraph', 'clear']],
            ['insert', ['link', 'picture', 'hr']],
        ],
        lang: 'de-DE',
    });

- Saddam

---

您可以从上面的链接中获取语言文件。 对于我来说，我复制了summernote-de-DE.js文件并将该文件创建到我的目录中。 注意：请确保"summernote-de-DE.js"文件在最后。 - Saddam

你的回答可以通过提供更多支持信息来改进。请编辑以添加进一步的细节，例如引用或文档，以便他人可以确认你的答案是正确的。您可以在帮助中心中找到有关如何编写良好答案的更多信息。 - Community

@Saddam，请为提供的代码添加一些说明。 - Sergey