标签: right-to-left

使用 jQuery 更改 html dir 属性

我想dir在页面加载后更改 HTML 属性;我怎样才能做到这一点?我需要使用该.ready()功能吗?目前它看起来像:

jQuery("html[lang=ar]").attr("dir", "rtl")
            .find("body").addClass("right-to-left");
Run Code Online (Sandbox Code Playgroud)

我怎样才能把它写在脚本中?我需要写在.ready()函数中还是.load()

<div class="header">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
jQuery("html").attr("dir", "rtl")?
</script>
Run Code Online (Sandbox Code Playgroud)

代码如下所示:

这是我的 CSS

body.right-to-left li {
    float:right;
    direction: rtl;
}
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-ui right-to-left jquery-events

2
推荐指数
1
解决办法
1万
查看次数

阿拉伯语文本无法正确显示

所以我正在编辑一个标准 HTML 页面。头部的字符集设置为“utf-8”。使用CSS属性direction将span选择器上的方向设置为“rtl” (我也尝试过html dir属性)。我也尝试过一些阿拉伯语特定字体。

这就是正在发生的事情:

阿拉伯语文本无法正确显示

我使用什么浏览器并不重要。由于某种原因,阿拉伯文本的输出完全错误......或者是吗?字符串的某些部分看起来很相似,而其他部分则是错误的。

有什么想法如何让我的浏览器呈现我的客户端示例中所示的阿拉伯文本吗?

html utf-8 arabic character-encoding right-to-left

2
推荐指数
1
解决办法
2万
查看次数

rtl 方向带撇号的数字

我目前正在致力于我们网站的从右到左布局的本地化。我们有每三位数字用单引号分隔的数字,例如-1'190.55。在 rtl 中,该数字应为 1'190.55-。但是当将“direction: rtl”添加到样式中时,数字变为 190.55'1-。这些数字是动态放置的,无法手动剪切。

HTML:

<div>-1'190.55</div>

CSS:

div { direction: rtl }

html css localization right-to-left

2
推荐指数
1
解决办法
1526
查看次数

用于 RTL 语言的可靠 iOS 图像翻转

我试图让图像翻转可靠地工作,但我看到了一些问题。我在 Xcode 资产目录中管理我的图像,需要在 RTL 语言中翻转的图像已配置为“方向”属性设置为“从左到右,镜像”。在某些情况下,我有 2 个单独的资产,因为翻转是不够的。这些配置为“方向”属性设置为“两者”,并提供了两个单独的图像资产。所有图像都是启用了“保留矢量数据”的 PDF 资产。

只要我在 iOS 11 和 Xcode 9.2 上测试,这一切都很好。当我在 iOS 9 上测试时,问题就开始了。当我启动应用程序时,为 RTL 配置的图像不会显示,即使我没有使用 RTL 语言运行。

从 Xcode 9.3 开始,我似乎遇到了一个新问题。资产目录自动更新;RTL 图像被重新配置为“两者”方向,并对目录中的 json 文件进行了更改。选择“从左到右,镜子”不再起作用。

有没有人想出如何让它可靠地工作?还是我只是在查看 Xcode 中的最新错误和 iOS9 的一些旧问题?

[编辑] 进一步分析生成的 IPA 文件后,似乎 Assets.car 文件不包含 RTL 图像的 .png 文件。似乎它们没有生成(因为源文件是 PDF),所以这可以解释 iOS 9 中丢失的图像(不使用 PDF 图像)。

xcode right-to-left ios

2
推荐指数
1
解决办法
1157
查看次数

UICollectionView 不会在 RTL 中从右到左填充数据

我有一个UICollectionView并且想要水平显示单元格,例如

在 English 中,它应该显示: | 单元格A | 细胞B | 细胞C |

在阿拉伯语中,它应该显示: [ cellC | 细胞B | 单元格A |

对于 RTL,UICollectionViewFlowLayout如果每个单元格的大小相同,默认情况下对我来说效果很好。但是,如果我collectionView:layout:sizeForItemAtIndexPath:为每个单元格实现并设置不同的宽度,则CollectionView将变为:

| 单元格A | 细胞B | 细胞C |

有没有什么办法解决这一问题?

collectionview right-to-left ios

2
推荐指数
1
解决办法
1090
查看次数

如何在从右到左的文化本地化 ASP.Net core 2.2 应用程序中启用 RTL 模式?

我启用了本地化和全球化配置,需要在 RTL Culture 中添加 RTL 模式。我该怎么做?

将 ASP.Net Core 2.2 与 razor 页面和个人帐户配置一起使用

// Configuration Of Localizaion
            services.AddLocalization(opts =>
            {
                opts.ResourcesPath = "CultureResources";
            });

            //services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_2);

            services.AddMvc()
                    .AddViewLocalization(opts => { opts.ResourcesPath = "CultureResources"; })
                    .AddViewLocalization(LanguageViewLocationExpanderFormat.Suffix)
                    .AddDataAnnotationsLocalization()
                .SetCompatibilityVersion(CompatibilityVersion.Version_2_1)
            .AddRazorPagesOptions(options =>
            {
                options.AllowAreas = true;
                options.Conventions.AuthorizeAreaFolder("Identity", "/Account/Manage");
                options.Conventions.AuthorizeAreaPage("Identity", "/Account/Logout");
            });

            services.Configure<RequestLocalizationOptions>(opt =>
            {
                var supportedCulutures = new List<CultureInfo>
                {
                    new CultureInfo("en"),
                    new CultureInfo("en-US"),
                    new CultureInfo("ar-EG")
                };

                opt.DefaultRequestCulture = new RequestCulture("en-US");
                // Formating numbers, date, etc.
                opt.SupportedCultures = supportedCulutures;
                // UI strings that we …
Run Code Online (Sandbox Code Playgroud)

globalization localization right-to-left razor asp.net-core

2
推荐指数
1
解决办法
1729
查看次数

如何为 Material UI 模板使用从右到左的选项?

我是 REACT 的新手,我正在使用 React 创建一个应用程序,该应用程序将使用波斯语(从右到左的脚本,如阿拉伯语),并且我正在使用 Material UI 框架。问题是,我无法以 rtl 格式从 Material UI 获取组件。我遵循了以下步骤:

  1. 我的 html 标签中有 rtl 的方向。
  2. 我点击了 rtl 切换按钮并复制了所有代码,但是在粘贴它时,组件不是完全从右到左,部分是从右到左。
  3. 我按照他们网站上写的从右到左的指南,但我无法让 jss 库工作。 从右到左指南_材料用户界面

有人可以详细说明如何使用这个 jss-rtl,因为我是 REACTJS 的新手。

我附上了一个我想要的 rtl 格式的表格。

import React from 'react';
import Avatar from '@material-ui/core/Avatar';
import Button from '@material-ui/core/Button';
import CssBaseline from '@material-ui/core/CssBaseline';
import TextField from '@material-ui/core/TextField';
import FormControlLabel from '@material-ui/core/FormControlLabel';
import Checkbox from '@material-ui/core/Checkbox';
import Link from '@material-ui/core/Link';
import Grid from '@material-ui/core/Grid';
import Box from '@material-ui/core/Box';
import LockOutlinedIcon from '@material-ui/icons/LockOutlined';
import Typography from '@material-ui/core/Typography'; …
Run Code Online (Sandbox Code Playgroud)

javascript css right-to-left reactjs

2
推荐指数
1
解决办法
1521
查看次数

SwiftUI - 禁用某些视图从右到左语言翻转

当我们的应用程序以从右到左的语言(例如希伯来语或阿拉伯语)运行时,SwiftUI 视图会自动将视图的位置从右到左翻转。其中一些观点非常有帮助,但某些观点不应该被推翻。

我们在视图上尝试了.flipsForRightToLeftLayoutDirection(false) ,但这并没有阻止它们在使用设置为希伯来语或阿拉伯语的方案运行时以不同的方式定位。

将不胜感激任何帮助。谢谢你!

localization arabic right-to-left ios swiftui

2
推荐指数
1
解决办法
959
查看次数

使用 RTL 语言编辑文本时 Flutter 中的错误

Flutter 在使用 RTL(从右到左)TextField 时存在错误。如果我们点击(A),光标将停在B处,即文本末尾的前一个,并且我们无法编辑最后一个字符!我创建了这个问题,希望 Flutter 人们能够看到它并修复它

在此输入图像描述

android right-to-left flutter flutter-widget text-direction

2
推荐指数
1
解决办法
629
查看次数

在angular4应用程序上处理RTL

我是angular4的新手,有没有办法将rtlcssngx-translate或者直接在angular4打字稿上集成?

RTLCSS:http: //rtlcss.com/learn/

ngx-translate:https://www.npmjs.com/package/@ngx-translate/core

我已经集成了ngx-translate但是我有一个RTL的问题然后我来到rtlcss.com这似乎很好,但我不知道如何在那里实现它,因为他们没有在文档上提供它.

任何建议或样品将不胜感激.谢谢.

right-to-left ngx-translate angular

1
推荐指数
1
解决办法
3987
查看次数