Как раздеть страницу встроенного форматирования и сделать ее внешней? - PullRequest
Новая
       13

Как раздеть страницу встроенного форматирования и сделать ее внешней?

0 голосов
/ 29 марта 2011

Я пытаюсь преобразовать веб-сайт, который использует много форматирования страниц старой школы, в стандартный способ работы, когда содержимое находится на HTML-странице, а стилизация - в документе CSS. Также страница на японском языке.

Вот переведенная страница.

Существуют ли какие-либо пакетные операции или инструменты, которые я могу использовать, чтобы убрать со страницы все ее грязное встроенное форматирование без выбора каких-либо японских символов (даже с помощью Google Translate после выбора страницы переведенные японские символы все еще копируются) и по-прежнему поддерживать слово переносить? По сути, я хочу обновить кодирование и дизайн страницы, и мне нужно делать это на многих страницах, поэтому мне понадобится какая-то пакетная операция.

Есть идеи / советы? Спасибо.

1 Ответ

1 голос
/ 29 марта 2011

Привет, вы можете использовать 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'), чтобы удалить атрибут стиля из элементов.

...