我无法弄清楚如何将国际化添加到PrimeFaces Editor(版本3.2)。 我需要翻译工具提示,组合框中的文本以及更改工具栏的图标。 在旧用户指南http://www.scribd.com/doc/49595285/46/Editor中,我找到了一个名为" language"但这似乎有点被禁用或删除了实际版本。
我的项目设置是JSF 2,包括PrimeFaces 3.2和GlassFish 3.1.2
如果你能告诉我如何解决这个问题,我会很高兴。
谢谢和亲切的问候,
佩德罗
答案 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,popupName
。 title
部分是您可以使用的部分。
您可以做什么,您可以使用自己提供的标题构建主要来源,或以我认为不可能的其他方式覆盖它们。
如果您使用的是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);
});