不能使用javascript库将css隐藏到rtl
不能使用javascript库将css隐藏到rtl
提问于 2014-12-23 09:05:24
我是JavaScript的初学者，我试图使用rtlcss库来解析从ltr到rtl的css文件。我正在使用这段代码，但它显示了两个错误：
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>我想我做错了什么，这不是图书馆的问题。这样任何人都能帮忙吗？
回答 1
Stack Overflow用户
发布于 2015-02-04 11:00:45
这是一个节点包，正如@haakym所提到的，您应该使用NPM (节点包管理器)。有关如何安装和使用NPM的详细信息，请参阅快速入门指南。
如果您想在浏览器中使用它，可以使用褐化；它允许您通过捆绑所有依赖项在浏览器中要求(“模块”)。
完成节点/npm设置后，执行以下操作：
- 在命令行中，运行以下命令来安装RTLCSS和褐化 安装rtlcss npm安装-g浏览器
- 创建一个具有以下内容的文件，并将其保存为
main.js： 要求(“rtlcss”)； - 运行此命令可以创建一个可用的浏览器包： 褐化main.js -o bundle.js
- 将生成的脚本包含在页面中：
仅此而已，现在您可以在浏览器中使用它了：
<!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>在线演示
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27617143
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号