波斯语(波斯语)等某些语言具有从右到左的结构。
要完全做 i18n 和 l10n,我应该翻译字符串和翻转布局。
我完全使用翻译组件翻译字符串。
现在我正在尝试翻转布局。如何在 symfony 项目中加载rtl
基于loacle
twig 文件的 CSS 版本?
波斯语(波斯语)等某些语言具有从右到左的结构。
要完全做 i18n 和 l10n,我应该翻译字符串和翻转布局。
我完全使用翻译组件翻译字符串。
现在我正在尝试翻转布局。如何在 symfony 项目中加载rtl
基于loacle
twig 文件的 CSS 版本?
换句话说,您想根据您的语言环境加载正确的 CSS 文件。
Twig 可让您顺利处理此问题。这是一个关于如何做到这一点的例子,
首先,创建一个全局app/Resources/views/base.twig.html
模板,其中包含
{% block head %}
{% block direction %}
<HTML>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
{% endblock %}
<head>
<!-- put here your head meta data -->
{% endblock %}
然后,您可以添加基本模板的英语和波斯语(或任何您想要的语言)版本
应用程序/资源/视图/base.en.html.twig
{% extends '::base.html.twig' %}
在基础模板的波斯语版本中,由于您需要 html 的 RTL 和专门的 CSS,因此您需要设置更多详细信息,
app/Resources/views/base.fa.html.twig(我猜“fa”是波斯语的语言代码)
{% extends '::base.html.twig' %}
{% block direction %}
<HTML DIR="RTL">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
{% endblock %}
{% block stylesheet %}
{{ parent() }}
<!-- Add here your specified stylesheets -->
{% endblock %}
然后,使用三级内在性,您可以根据您的语言环境从正确的基本模板继承。这是您的布局首先应包含的内容,
{% extends '::base.' ~ app.request.locale ~ '.html.twig' %}