<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>convert css to rtl</title>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="js/rtlcss/src/rtlcss.js"></script>
</head>
<body>
<textarea id="source_textarea" placeholder="place your css" ></textarea>
<button id="convert_btn">Convert</button>
<textarea id="result_textarea"></textarea>
<script>
(function myfunction() {
rtlcss = require('rtlcss');
var output = rtlcss.process('css/main.css');
console.log(output);
$("#result_textarea").val(output);
})();
</script>
</body>
</html>
我相信我做错了什么，这不是图书馆的问题。
[1]：https：//github.com/mohammadyounes/rtlcss
如@haakym所述，这是一个节点软件包，您应该使用NPM（Node Package Manager）。有关如何安装和使用NPM的更多详细信息，请遵循“启动”指南。如果您想在浏览器中使用它，则可以使用
Browserify；它使您可以通过捆绑所有依赖项来在浏览器中需要（“模块”）。 您完成节点/NPM设置后，请执行以下操作：
从命令行，运行以下命令以安装RTLCSS和
browserify
npm install rtlcss
npm install -g browserify
main.js：
rtlcss = require('rtlcss');
run此命令创建一个浏览器可用捆绑包：
browserify main.js -o bundle.js
包括您页面中的结果脚本：
<script src="bundle.js"></script>
that是所有的，现在您可以在浏览器中使用它：<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>convert css to rtl</title>
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="bundle.js"></script>
</head>
<body>
<textarea id="source_textarea" placeholder="place your css" ></textarea>
<button id="convert_btn">Convert</button>
<textarea id="result_textarea"></textarea>
<script>
$('button').click(function(){
var output = rtlcss.process($('#source_textarea').val());
$("#result_textarea").val(output);
});
</script>
</body>
</html>
在线演示
HERHE。
仅下载它，然后将其包含在脚本标签中：<script src="rtlcss/bundle.js"></script>
console.log(rtlcss.process('.mystyle{direction:ltr}'));
(output:)
'.mystyle{direction:rtl}'