问题标签 [rtlcss]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - unicode-bidi 属性不适用于 HTML 输入占位符
输入占位符的 Unicode 双向失败，下面是带有 html 和 CSS（具有 rtl 实现和 unicode 双向覆盖）的标记和相同的输出。
https://www.w3schools.com/code/tryit.asp?filename=G37SI0TRBPPM
reactjs - 使用 Webpack 为 RTL 和 LTR 支持生成两个不同的索引文件
我试图在我的反应应用程序中有两个不同的样式文件来支持 RTL 和 LTR 方向。因此，我使用 RTLCSS 及其 Webpack 插件来生成两个不同的文件：（myfile.chunk.css 和 myfile.chunk.rtl.css）。
但是，在 HtmlWebpackPlugin 生成的 index.html 文件中，注入了其中之一。如何拥有两个索引文件，如 index.html 和 index.rtl.html？第二个文件应包含 RTL 样式文件，包括 RTL 块。
node.js - 如何将现有数据库更新为 RTL？
我在用阿拉伯语制作 odoo RTL 时遇到了一个问题，我通过安装 npm rtlcss 来解决它，它在创建新数据库时工作，但是仍然存在 LTR，如何更新 thr UI 以使其显示为 RTL
odoo - odoo 14 - 在 Windows 上：RTL rtlcss 方向 > 解决方案在这里
1 - 从官方网站安装节点 js：www.nodejs.org
2 - 打开 cmd 并运行：npm install -g rtlcss
3 - 转到：C:\Users("User Here")\AppData\Roaming\npm | 复制所有文件和目录
示例：（“node_modules，rtlcss，rtlcss.cmd，rtlcss.ps1”）
4 - 在您的 odoo 服务器目录中创建新目录并命名为“第三方”并在上面的所有文件中过去。
5 - 现在转到名为“assetsbundle.py”的基本模块中的文件| 路径：odoo/models/assetsbundle.py
6 - 打开文件并转到第 (554) 行：
如果 os.name == 'nt': 尝试：
- #rtlcss = misc.find_in_path('rtlcss.cmd')
- dir_path = os.path.dirname(os.path.realpath( file ))
- rtlcss = dir_path + "/../../../thirdpartys/rtlcss.cmd"
7 - 从网络浏览器保存文件并清除缓存并运行您的服务器
8 - 如果您遇到任何问题，请尝试重新启动您的电脑。
祝你好运！
html - 如何为 RTL 用户转换 jquery pic zoomer
我想为 RTL 用户获取以下代码的 jquery 插件。有人可以帮我在 RTL 中转换这个 jquery 代码吗？ https://www.jqueryscript.net/demo/jQuery-Plugin-For-Image-Zoom-On-Hover-picZoomer
这是jquery代码。我只需要帮助来为 RTL 用户进行此计算。CSS 已准备好 RTL，但尝试更改 jquery 但没有结果。
webpack - 如何使用带有角度 cli 的 Bootstrap 5 RTL
Bootstrap 5 支持 RTL，正如他们在文档中所说，他们使用 RTLCSS 来处理 RTL 样式。为了将 RTLCSS 与 angular 集成，我使用 ngx-build-plus 和 custom-webpack 插件将 RTLCSS webpack 规则注入到 angular 但是当我使用我的 webpack 配置编译 angular 时它给了我错误我尝试了 ngx-build-plus 和 custom -webpack 但是当我清除我的 webpack 规则时它们都有错误我的项目编译成功所以我的scss文件没有问题它一定是 webpack 配置问题但我找不到它。这是我的自定义 webpack js 文件
正如你所看到的，我想通过我所有的 scss 来通过 rtlcss 和 autoprefixer。这是编译错误：
我意识到这与我使用的字体系列样式有关，unicode-range因此我删除了所有字体系列以查看它是否可以编译并出现另一个错误：
所以正如我所说，这与我的 scss 文件无关，而且我的自定义 webpack 有问题，因为当我删除我的 webpack 规则时，我的项目编译成功。
html - 引导程序中的 RTL 支持
Bootstrap通过提供类似 的类来帮助定位rtl和方向，这些类根据所使用的方向转换为相应的并基于所使用的方向。ltrms-autome-automargin-leftmargin-right
我正在尝试为我的项目使用引导程序来支持rtl方向ltr文本。当前引导程序建议执行此操作的方式非常复杂，其中涉及使用 RTL CSS。
我不明白的是，当有诸如margin-inline-start根据方向自动应用边距的 css 属性时，为什么 bootstrap 仍在使用margin-right/ margin-left。是否有任何情况margin-inline-start和类似的 css 属性会失败？或者这只是引导程序的问题？