现在,如果您用从右到左的语言键入内容并点击并按住,则复制和粘贴菜单将有一个额外的选项,用于将书写方向从"从左到右"更改为"从右到左".
我想在代码中设置此选项,以便我的UITextView写入方向默认为从右到左.
有谁知道我怎么能这样做.我搜索了整个网络和SDK并尝试了一切没有运气.如果有人能提供帮助,我将不胜感激.
当我把style='direction: rtl;'垂直滚动条切换到侧面并显示在左侧而不是右侧时.这是它在IE和FF中的工作方式,但在Chrome中它仍然在右边.
这是一个已知的bug吗?有没有办法解决它?
我想启用从右到左的语言环境以及从左到右,但我只想维护一组样式表.
这个想法是调用application-rtl.css将服务于rtl转换版本application.css(使用r2).
此功能有两个用例:
到目前为止,我已经设法实现了一个RTLConverter,使我可以将所有转换为RTL的样式表服务,而不必触及它们:
配置/初始化/ rtl_converter.rb:
require "r2"
require "tilt"
class RTLConverter < Tilt::Template
def prepare; end
def evaluate(context, locals, &block)
R2.r2 @data
end
end
Rails.application.assets.register_preprocessor 'text/css', RTLConverter
Run Code Online (Sandbox Code Playgroud)
您还可以将其实现为sprockets的引擎,以仅转换具有.rtl扩展名的文件:
Rails.application.assets.register_engine 'rtl', RTLConverter
Run Code Online (Sandbox Code Playgroud)
如何挂钩资产管道以便:
笔记:
转换器不能与sass引擎一起使用,但似乎工作得很少.它已被应用于基于twitter-bootstrap的网站,并且像魅力一样工作.
转换器尚未在生产中进行测试.
如果我能找到解决这个问题的合适解决方案,我打算创建并维护一个gem并将其交还给社区.
我的目标是创建一个隐藏溢出和省略号的元素,除了我希望隐藏LEFT侧的字符,省略号也在左侧.这适用于大多数浏览器:
CSS:
#mydiv {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
direction:rtl;
}
Run Code Online (Sandbox Code Playgroud)
HTML:
<div id="mydiv">foobar foobar foobar</div>
Run Code Online (Sandbox Code Playgroud)
当#mydiv比其内容更窄时,应该出现如下内容:
... obar foobar
但是,根据我的判断(以及对其他任何尝试此操作的人的公平警告,因为我已经direction:rtl在其他几个地方看到了解决方案),正确执行此操作的唯一主要浏览器似乎是Firefox.Safari和谷歌浏览器都会将省略号放在文本的左侧,但无论如何都会在右侧截断,如下所示:
... foobar foob
IE9和Opera彻头彻尾的困惑.IE在右侧截断并使文本与省略号重叠.Opera是迄今为止最具创造性的,它会使溢出在单个单词上显示一段时间(因为元素变得更窄,即),然后从右边开始截断最左边的单词.它也无法渲染省略号,在我做过的一个实验中,甚至将一个™角色一直向左移动.真.所以"foobar foobar foobar™"就变成了:
™foob foobar
另外需要注意的是,webkit浏览器的一个(非常烦人的)潜在选项可能是设置-webkit-rtl-ordering:visual左边的哪个截断但BUT也按字面顺序呈现相反的顺序:
... boofraboof
因此,通过浏览器或某种模糊特征嗅探,理论上可以设置该属性并动态反转元素的文本.
是否存在简单的跨浏览器解决方法,甚至是基于JS的复杂解决方案?
将HTML5页面声明为希伯来语,RTL和utf-8编码的正确方法是什么?我有一段时间没有这样做,但我记得在HTML4中它涉及3或4个标签和属性似乎是多余的.还是一样吗?
Android 4.2引入了RTL(BiDi)支持,开始使用它我只需按照说明(android:supportsRtl属性到清单文件中的元素并将其设置为"true")
但是,我的ActionBar徽标也会改变方向(右侧显示徽标),这是我不想要的.我确实想使用RTL功能,但将ActionBar保持在左侧...
换句话说,当语言方向为RTL时,如何使用android:supportsRtl属性而不更改Android 4.2上的ActionBar方向
有什么建议 ?
Highcharts不支持rtl默认.当放置像希伯来语/阿拉伯语这样的rtl文本时,文本被完全破坏,使其有时难以理解.如何配置HighCharts以支持RTL?
我使用dotnetHighCharts如果它有帮助...
在过去的几个月里,我目睹了一个奇怪的现象,Chrome加载了一个网页,直到我开始滚动才显示任何内容.起初我认为这是网站的一个问题,然后是最新版Chrome的一个小故障,但现在我认为它与jquery和rtl之间的一些冲突有关.以下示例显示空白页面,直到我开始滚动:
<!doctype html>
<html dir="rtl">
<body>
<h1>Blank screen test</h1>
<div style="padding: 50%; background-color: orange;">Hey</div>
<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这并不总是发生,但它在我的机器上非常一致(例如,约70%的刷新).确保开发人员工具已关闭 - 出于某种原因,它们在打开时不会发生.
删除dir="rtl"可以防止这种情况发生.
删除<script src="https://code.jquery.com/jquery-1.11.1.js"></script>也可以防止这种情况发生.
不知道该怎么做.有没有人看到这种情况发生?任何想法如何解决这个问题?
(顺便说一句,我在Mac OS 10.12.5上使用的是Chrome 58.0.3029.110(64位))
新问题
我的应用程序Left to Right只是当有人用阿拉伯语手机打开我的应用程序时,所有的样式都会出现Right to Left
如何让我的 APP 在所有语言中从左到右修复静态?
right-to-left ×10
css ×2
css3 ×2
html ×2
html5 ×2
android ×1
bidi ×1
c# ×1
cocoa-touch ×1
ellipsis ×1
highcharts ×1
iphone ×1
javascript ×1
jquery ×1
react-native ×1
sprockets ×1
uitextfield ×1
uitextview ×1
unicode ×1
utf-8 ×1
webkit ×1