Как в Jquery удалить вложенные теги в определенных тегах, но сохранить текст и картинки, находящийся в глубине?

[EVOSandru6]

Добрый день,

Есть тег div с классом .editor, внутри которого осуществляется чистка:

Сначала удаляю теги style, если тег - не картинка

Вложенность вложенных ненужных тегов может варьироватся (Как сгенерирует визуальный редактор, который нужен только для загрузки и позиционирования картинки в тексте).

Интересует как из:

Код: Выделить всё

<div class="editor">
  <p>
    <img style="float:left">
    <p>
      <span>
        <font>
          Текст 1
        </font>
      </span>
    </p>
  </p>
  <p>
    <p>
    <img style="float:left">
      <span>
        <font>
          Текст 3
        </font>
      </span>
    </p>
  </p>
  <ul>
    <li>
      <span>
        <font>
          <p>Текст 3</p>
        </font>
      </span>
    </li>
    <li>
      <font>
        <p>Текст 4</p>
      </font>
    </li>
  </ul>
</div> 

Получить вот это:

Код: Выделить всё

<div class="editor">
  <p>
    <img style="float:left">
    Текст 1
  </p>
  </p>
  <p>
  <p>
    <img style="float:left">
    Текст 2
  </p>
  </p>
  <ul>
    <li>
      Текст 3
    </li>
    <li>
      Текст 4
    </li>
  </ul>
</div> 

Т.е. надо чистить все:

Код: Выделить всё

$('.editor > p')
$('.editor > ul > li')
$('.editor > h[1-6]')
 

При этом важно, чтобы картинки, на каком бы уровне вложенности они не были, не удалялись.

Может еще кто-то чистил результат визуальных редакторов?)