如何使用I18N PrimeFaces编辑器

时间:2012-05-24 09:54:40

标签: jsf-2 primefaces

我无法弄清楚如何将国际化添加到PrimeFaces Editor(版本3.2)。 我需要翻译工具提示,组合框中的文本以及更改工具栏的图标。 在旧用户指南http://www.scribd.com/doc/49595285/46/Editor中,我找到了一个名为" language"但这似乎有点被禁用或删除了实际版本。

我的项目设置是JSF 2,包括PrimeFaces 3.2和GlassFish 3.1.2

如果你能告诉我如何解决这个问题,我会很高兴。

谢谢和亲切的问候,

佩德罗

4 个答案:

答案 0 :(得分:3)

JMelnik是对的。虽然有一种解决方法!

您可以通过从primefaces subversion存储库下载editor.js文件来完成此操作:3_3_1/src/main/resources/META-INF/resources/primefaces/editor/editor.js并将其放在项目的META-INF/resources/primefaces/editor文件夹中。

现在您可以编辑文件并根据您的语言环境进行更改。我为pt_BR中的一些按钮做了这个:

buttons: {
  // name,title,command,popupName (""=use name)
  init:
  "bold,Negrito,|" +
  "italic,Itálico,|" +
  "underline,Sublinhado,|" +
  "strikethrough,Tachado,|" +
  "subscript,Subscrito,|" +
  "superscript,Sobrescrito,|" +
  "font,Fonte,fontname,|" +
  "size,Tamanho da Fonte,fontsize,|" +
  "style,Estilo,formatblock,|" +
  "color,Cor da fonte,forecolor,|" +
  "highlight,Cor de Destaque do Texto,hilitecolor,color|" +
  "removeformat,Remove Formatting,|" +
  "bullets,Marcadores,insertunorderedlist|" +
  "numbering,Numeração,insertorderedlist|" +
  "outdent,Diminuir Recuo,|" +
  "indent,Aumentar Recuo,|" +
  "alignleft,Alinhar à Esquerda,justifyleft|" +
  "center,Centralizar,justifycenter|" +
  "alignright,Alinhar à Direita,justifyright|" +
  "justify,Justificar,justifyfull|" +
  "undo,,|" +
  "redo,,|" +
  "rule,Insert Horizontal Rule,inserthorizontalrule|" +
  "image,Insert Image,insertimage,url|" +
  "link,Insert Hyperlink,createlink,url|" +
  "unlink,Remove Hyperlink,|" +
  "cut,,|" +
  "copy,,|" +
  "paste,,|" +
  "pastetext,Paste as Text,inserthtml,|" +
  "print,,|" +
  "source,Mostrar Código Fonte"
},

i18n解决方案非常棒,因为这种方法不支持多种语言环境,并且使代码依赖于特定的编码(因为它可能使用特殊字符)。

答案 1 :(得分:2)

分析

如果我们查看PrimeFaces 3.2 documentation,则编辑器组件没有 language 这样的属性,本地化章节中没有提到任何内容。

PrimeFaces没有像provide for Calendar那样提供本地化编辑器的方法。显然他们确实为日历提供了它,因为它是jQuery datePicker的开箱即用功能,caledar是基于。

结果

editor.js中查找 PrimeFaces 3.2 sources 。有一个部分,其中所有编辑器按钮都已初始化:

buttons: {
   // name,title,command,popupName (""=use name)
   init:
   .....
   "font,,fontname,|" +
   "size,Font Size,fontsize,|" +
   .....
}

提供单独按钮设置的格式:name,title,command,popupNametitle部分是您可以使用的部分。

您可以做什么,您可以使用自己提供的标题构建主要来源,或以我认为不可能的其他方式覆盖它们。

帮助

如果您使用的是maven,则可以在自己的本地或集中式存储库中安装自定义的primefaces,并使用它而不是原始依赖项。

当您使用较新版本时,不应该查找旧文档。查找您正在使用的版本的文档。

答案 2 :(得分:2)

由于JSF2和Primefaces都有jQuery,你可以在你的页面上运行这段代码:

$(function(){
    $(".ui-editor-group>.ui-editor-button").each(function(){
        var title = $(this).attr("title").toLowerCase();
        switch(title){
            case "bold":              title = "Negrito"; break;
            case "italic":            title = "Itálico"; break;
            case "underline":         title = "Sublinhado"; break;
            case "align text left":   title = "Alinhado à esquerda"; break;
            case "center":            title = "Centralizado"; break;
            case "align text right":  title = "Alinhado à direita"; break;
            case "justify":           title = "Justificado"; break;
            case "insert hyperlink":  title = "Inserir link"; break;
            case "remove hyperlink":  title = "Remover link"; break;
        }
        $(this).attr("title", title);
    })
})

这个小jQuery代码可以将Primefaces Editor的字符串更改为您想要的任何位置。我只为一些编辑器组件制作了它,因为我没有全部使用它们。

如果您需要翻译其他选项,只需在switch命令中添加它们即可。不要忘记,由于第三行的“.toLowerCase()”方法,switch命令中的所有标题都是小写的。我这样做是为了简化字符串管理。

您可以将其放在外部JavaScript文件中的函数中以使其缓存。

答案 3 :(得分:1)

这是我为希腊语(el_GR语言环境)制作的一个工作示例,所有按钮:

$(".ui-editor-group>.ui-editor-button").each(function () {
                                var title = $(this).attr("title").toLowerCase();
                                switch (title) {
                                    case "bold":
                                        title = "Έντονα";
                                        break;
                                    case "italic":
                                        title = "Πλάγια";
                                        break;
                                    case "underline":
                                        title = "Υπογραμμισμένα";
                                        break;
                                    case "align text left":
                                        title = "Στοίχιση αριστερά";
                                        break;
                                    case "center":
                                        title = "Στοίχιση στο κέντρο";
                                        break;
                                    case "align text right":
                                        title = "Στοίχiση δεξιά";
                                        break;
                                    case "justify":
                                        title = "Στοίχιση";
                                        break;
                                    case "insert hyperlink":
                                        title = "Εισαγωγή συνδέσμου";
                                        break;
                                    case "remove hyperlink":
                                        title = "Αφαίρεση συνδέσμου";
                                        break;
                                    case "strikethrough":
                                        title = "Διεγραμμένα";
                                        break;
                                    case "subscript":
                                        title = "Δείκτης";
                                        break;
                                    case "superscript":
                                        title = "Εκθέτης";
                                        break;
                                    case "font":
                                        title = "Γραμματοσειρά";
                                        break;
                                    case "font size":
                                        title = "Μέγεθος γραμματοσειράς";
                                        break;
                                    case "style":
                                        title = "Στυλ";
                                        break;
                                    case "font color":
                                        title = "Χρώμα γραμματοσειράς";
                                        break;
                                    case "text highlight color":
                                        title = "Χρώμα επισήμανσης κειμένου";
                                        break;
                                    case "remove formatting":
                                        title = "Κατάργηση μορφοποίησης";
                                        break;
                                    case "bullets":
                                        title = "Λίστα με κουκκίδες";
                                        break;
                                    case "numbering":
                                        title = "Αριθμητική λίστα";
                                        break;
                                    case "outdent":
                                        title = "Προεξοχή";
                                        break;
                                    case "indent":
                                        title = "Εσοχή";
                                        break;
                                    case "undo":
                                        title = "Αναίρέση";
                                    case "redo":
                                        title = "Επαναφορά";
                                        break;
                                    case "insert horizontal rule":
                                        title = "Eισαγωγή οριζόντιας γραμμής";
                                        break;
                                    case "insert image":
                                        title = "Εισαγωγή εικόνας";
                                        break;
                                    case "cut":
                                        title = "Κόψιμο";
                                        break;
                                    case "copy":
                                        title = "Αντιγραφή";
                                        break;
                                    case "paste":
                                        title = "Επικόλληση";
                                        break;
                                    case "paste as text":
                                        title = "Επικόλληση ως απλό κείμενο";
                                        break;
                                    case "print":
                                        title = "Εκτύπωση";
                                        break;
                                    case "show source":
                                        title = "Εμφάνιση κώδικα";
                                        break;
                                    case "Show Rich Text":
                                        title = "Εμφάνιση εύκολης επεξεργασίας άρθρου";
                                        break;
                                }
                                $(this).attr("title", title);
                            });