【问题标题】:Edit external CSS/SCSS with javascript [closed]使用 javascript 编辑外部 CSS/SCSS [关闭]
【发布时间】:2013-07-01 04:59:06
【问题描述】:

我需要“编辑”一个已保存在我的服务器上的文件,示例:

<link rel="stylesheet" href="css/plugin.scss">

但不仅如此,我想编辑某个特定的行,在SASS你可以在css中定义变量,基本上,我想用JAVASCRIPT在这个文件中搜索字符串:

'$increment:

如果找到了,找出它所在的行并将整行替换为:

'$increment:10;

基本上,我想为用户生成一个可下载的文件,该文件是自定义的,具体取决于他们通过 html 输入字段选择的设置。

如果有更简单/更好的解释,我会全力以赴:)

【问题讨论】:

  • 更好、更简单的方法是用本地样式表或内联样式覆盖外部样式表。使用.css() 可以轻松应用内联样式。不过,编辑外部文件超出了 JavaScript 的能力范围。
  • @Blazemonger,他想创建一个可下载的文件,而不是应用于他的网站的样式。
  • 您可能正在寻找的是:github.com/mechio/takana 该工具设置了一个桥接服务器,然后您将 js sn-p 添加到您的页面以允许服务器编辑您的 css 文件。再说一次,您将不得不使用 sublimetext,它是目前唯一能够与桥接服务器对话的编辑器。另一种选择是使用livejs.com

标签: javascript jquery css sass


【解决方案1】:

您似乎所指的 javascript (jQuery) 是一种客户端语言,因此您无法在服务器上使用它执行任何操作。可以做到这一点的 js 解决方案可以用 nodejs 编写,但使用 Python、Rails 甚至 PHP 之类的东西可能会更好。

【讨论】:

  • 我从没提过 jquery?
  • 您将其标记为 javascript、jQuery、css 和 SASS。
  • 是的,但是我的OP中没有提到jquery,但是无论如何,你有PHP的解决方案吗?
猜你喜欢
  • 2010-11-12
  • 2011-04-16
  • 2011-05-17
  • 2014-04-22
  • 2010-09-22
  • 1970-01-01
  • 1970-01-01
  • 2013-01-14
  • 2017-10-12
相关资源
最近更新 更多