0

我有一个 Web 项目，我正在删除所有内联样式并将其添加到 CSS 文件中，我不禁想到有一种更简单的方法可以做到这一点。

我目前的流程是：

  1. 搜索解决方案style="，如果未选择，请转到：9
  2. 剪切引号之间的所有文本
  3. 在 CSS 文件中创建新类
  4. 在课堂上粘贴代码
  5. 复制班级名称
  6. 返回到 html 行并在引号之间粘贴类名
  7. 重命名style为class
  8. 去：1
  9. 麾！

我真的很高兴，但内联样式的供应似乎永无止境。

有没有办法在 Visual Studio 2010 中自动执行此过程？如果它需要写一个插件，那完全没问题！我在许多项目上都有同样的任务要做。

另外，我希望能够对任意标签执行此操作。例如，我还使用所有data-*标签并做大致相同的事情，但添加一行 jQuery 将其添加回来。类似于：

$('SELECTOR').attr('data-bind','visible: IsValid');

这项工作太重复了，我不相信有一种自动化的（或至少更快/更好/更省时）的方式来做到这一点。

该项目是一个 MVC 项目，如果它改变了任何东西。

4

3 回答 3

1

您将需要一个宏。在一个文件中有实现的提示：

1/ 编辑点

Dim EditPt As EditPoint
EditPt = CType(DTE.ActiveDocument.Object, EnvDTE.TextDocument).StartPoint.CreateEditPoint

2/ 搜索和替换

While EditPt.FindPattern("style="".*""")

End While

你可以阅读文本EditPt.GetText(6)（返回'style='）删除文本EditPt.Delete(6)（删除'style='）EditPt.Insert("_")（在'style='之前插入_）。

于 2012-05-14T07:07:58.597 回答
1

如果您正在寻找将内联样式替换为 css 类的工具，可以使用以下工具：

http://www.voodoobytes.info/humbles-tools/

http://www.tinytool.net/96002/inline_css_extractor

于 2012-05-14T16:05:58.777 回答
0

我自己不使用CodeRush，但他们似乎有你正在寻找的东西，如果这个链接是值得相信的。

  • 将样式属性移动到外部 CSS

您可能需要编写自己的插件来完成其他工作，但 CodeRush 确实支持这一点。

我在Resharper中找不到类似的功能，尽管它也支持插件。

于 2012-05-14T15:58:03.160 回答