удалить ненужные стили из объектов с помощью jquery (или php)? - PullRequest
1 голос
/ 26 августа 2010

Мне было интересно, есть ли какой-либо способ удаления нежелательных атрибутов стиля из объектов (p, ul, li и т. Д.), Так как по какой-то причине мой клиент решил скопировать / вставить информацию из слова в wysiwyg и не стал беспокоитьсяудаляя дерьмо, которое идет вместе с ним, мне было интересно, может ли jquery сделать это?

Вот пример выведенного кода (который варьируется, очевидно, в зависимости от того, что они скопировали / вставили)

<ul style="list-style-type: disc;">
<li style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 21.0px; font: 12.0px 'Lucida Grande';">Residential Class 1/ New Buildings</li>
<li style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 21.0px; font: 12.0px 'Lucida Grande';">Residential Class 1/ Best Renovation</li>
<li style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 21.0px; font: 12.0px 'Lucida Grande';">Resorts, including apartments and aged care</li>
<li style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 21.0px; font: 12.0px 'Lucida Grande';">Public or Commercial Buildings</li>
<li style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 21.0px; font: 12.0px 'Lucida Grande';">Interior Fitout – Residential</li>
<li style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 21.0px; font: 12.0px 'Lucida Grande';">Interior Fitout – Commercial</li>
<li style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 21.0px; font: 12.0px 'Lucida Grande';">Outdoor Timber – Stand alone structures</li>
</ul>

Мысли?

Я пытался использовать strip_tags в php (и разрешить использование тегов p), но он объединяет стили вместе с ним ... даже если это возможно в php, это было бы хорошо:)

Ответы [ 2 ]

1 голос
/ 26 августа 2010

Вы можете удалить все стили:

$("#myelem").removeAttr("style");

Если вы хотите удалить определенные стили, см. ответ пользователя 147767 в этой теме:

Удалить CSS из Div, используя JQuery

Он написал отличную функцию!

1 голос
/ 26 августа 2010

Просто используйте метод css:

$("ul").css("list-style-type", "");
$("li").css("margin", "");
$("li").css("line-height", "");
$("li").css("font", "");
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...