html - 如何剥离内联格式页面并将其设置为外部格式？

Question

我正在尝试将一个使用大量老式页内格式的网站转换为标准的处理方式，内容在 html 页面上，样式在 css 文档中。此外，该页面是日语的。

Here is the translated page.

是否有任何批处理操作或工具可以用来去除页面所有困惑的内联格式而不选择任何日文字符(即使在选择页面后使用谷歌翻译，翻译的日文字符仍然被复制)并且仍然保持换行？基本上，我想让页面的编码和设计保持最新，并且我需要在很多页面上执行此操作，因此我需要某种批处理操作。

有什么想法/建议吗？谢谢。

Answer 1

您好，您可以使用 jquery 来提供帮助。我给了你一个起点 jsfiddle .

jQuery:

$(document).ready(function() {

  css = '';

  $('body *').each(function(){
    if (!!$(this).attr('style')){
      if(!!$(this).attr('class')){
        css += '.'+$(this).attr('class')+'{'+$(this).attr('style')+'}<br />';
      };
      if(!!$(this).attr('id')){
        css += '#'+$(this).attr('id')+'{'+$(this).attr('style')+'}<br />';
      };
    }
  });

  $('#css').html(css);

});

这绝不是一个完整的解决方案，但它肯定会给你一个帮助的开始

此外，当您对收集到所有样式感到高兴时，您可以使用 $(this).removeAttr('style') 从元素中删除样式属性。