Question

我正在使用Semantic UI lib进行反应 https://react.semantic-ui.com/introduction。和create-react-app样板文件 https://github.com/facebook/create-react-app。我的应用程序需要RTL支持，尤其是Step组件。在研究解决方案时，我发现语义ui有一个配置文件semantic.json，我可以在其中定义RTL，但我不能将整个事物扭曲在一起。有没有人有任何建议或最佳实践？

Answer 1

您可以使用此

.ui * {
    direction: rtl;
    text-align: right;
  }

Answer 2

RTL支持是semantic-ui CSS样式的函数，不应与semantic-ui-react有任何关系。如果您使用semantic-ui中的构建工具编译自己的样式，那么在项目中使用这些样式，它们将起作用。

如果您不想编译自己的RTL样式，我相信这个CDN正在托管CSS的已编译RTL版本：

http://rtlcss.com/cdn/css-frameworks/semantic-ui/

Answer 3

如果您想使用semantic-ui语言的reactjs和RTL语言的cdn，例如（波斯语/阿拉伯语），

使用 npm i semantic-ui-react

首先为reactjs安装语义UI：

npm i semantic-ui-css

然后安装语义UI css：

index.html

现在在<link rel="stylesheet" href="https://cdn.rtlcss.com/semantic-ui/2.4.1/semantic.rtl.min.css" integrity="sha384-yXUIpeQfH3cuk6u6Mwu8uyJXB2R3UOLvcha1343UCMA2TA7lQ14BFmrudI6LAP8A" crossorigin="anonymous">中添加语义UI rtl（仅是CSS）

Semantic UI RTL

cdn

无 css （推荐）

如果您不想使用CDN，只需下载import 'semantic-ui-css/semantic.rtl.min.css'; file转到此路径：

node_modules / semanti-ui-css /

将此css放在此处，即semantic.css，然后包括以下内容：

for i in `ls -1t | head -1`
do
        echo $i
        zip -r $i_file.zip $i
        sleep 2
        sshpass -p "passowrd" sftp -oPort=22 username@sftpserver <<< $'cd /file \n mkdir file1/file2/file3 \n cd /file1/file2/file3 \n put '$I_file.zip''
done

此方法经过测试，已经可以正常工作，如果有人遇到问题，请随时发表评论，我会回应。

rtl支持和配置与语义ui反应

3 个答案: