can'；使用javascript库将css转换为rtl_Javascript_Rtlcss

can'；使用javascript库将css转换为rtl

javascript

can'；使用javascript库将css转换为rtl,javascript,rtlcss,Javascript,Rtlcss,我是JavaScript的初学者，我正在尝试使用它将css文件从ltr转换为rtl。我正在使用此代码，但它显示2个错误： Uncaught SyntaxError: Illegal return statement Uncaught ReferenceError: require is not defined 我的代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

我是JavaScript的初学者，我正在尝试使用它将css文件从ltr转换为rtl。我正在使用此代码，但它显示2个错误：

Uncaught SyntaxError: Illegal return statement
Uncaught ReferenceError: require is not defined

我的代码

<!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>


将css转换为rtl
转换
（函数myfunction（）{
rtlcss=需要（“rtlcss”）；
var output=rtlcss.process（'css/main.css'）；
控制台日志（输出）；
$（“#结果_文本区域”）.val（输出）；
})();

我相信我做错了什么，这不是图书馆的问题。。因此，任何人都可以提供帮助？

这是一个节点包，正如@haakym提到的，您应该使用NPM（节点包管理器）。有关如何安装和使用NPM的更多详细信息，请遵循指南

如果要在浏览器中使用它，可以使用；它通过捆绑所有依赖项，让您在浏览器中需要（'modules'）

完成节点/npm设置后，请执行以下操作：

在命令行中，运行以下命令以安装和安装
创建一个包含以下内容的文件，并将其另存为
```
main.js
```
：
```
rtlcss = require('rtlcss');
```
运行此命令以创建浏览器可用的捆绑包：
```
browserify main.js -o bundle.js
```
在页面中包含生成的脚本：
```
<script src="bundle.js"></script>
```

仅此而已，现在您可以在浏览器中使用它：

<!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>


将css转换为rtl
转换
$（“按钮”）。单击（函数（）{
var output=rtlcss.process（$（'#source_textarea'）.val（）；
$（“#结果_文本区域”）.val（输出）；
});

您理解错误的含义吗？我也不理解，但我认为您不能使用

require

——这是因为浏览器/客户端JavaScript中不存在require（）。来自link：我只是简单地浏览了一下库，但我不认为您在客户机上使用它side@haakym那么，我如何使用它呢？看看Node JS，您应该使用NPM（Node package manager）来安装RTLCS。我认为库会转换文件，而不是在浏览器中进行动态转换。

<!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>