HTML + CSS -> HTML / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML + CSS -> HTML

13 сообщений из 13, страница 1 из 1

HTML + CSS -> HTML

#35590939

LykovAleksey

Участник

Сообщения: 219

Рейтинг: 0 / 0

Задача достаточно проста:
есть HTML и CSS файл для этого HTML, надо получить новый HTML, чтобы всё было в одном файле. т.е. все стили были прописаны в тэгах и не было никаких стилей.
например:
CSS:

Код: plaintext

1.
2.

<style type="text/css">
.class_test {font-weight: bold; font-size:14px;}
</style>

HTML:

Код: plaintext

<span class="class_test">test1</span>

=>HTML

Код: plaintext

<span style="font-weight: bold; font-size:14px;" >test1</span>

Может есть какая-нить програмка, так сходу в гугле не нашёл...:(

...

Рейтинг:

0 / 0

13.10.2008, 12:17

| Ответить | Цитировать | Написать

HTML + CSS -> HTML

#35590994

Ps-spectre

Участник

Откуда: Земля/Украина/Киев/

Сообщения: 242

Рейтинг: 0 / 0

сорь, оффтоп.
А где это может понадобиться? Наоборот стараются все стили вынести в отдельный файл.

...

Рейтинг:

0 / 0

13.10.2008, 12:36

| Ответить | Цитировать | Написать

HTML + CSS -> HTML

#35590999

LykovAleksey

Участник

Сообщения: 219

Рейтинг: 0 / 0

Ps-spectreсорь, оффтоп.
А где это может понадобиться? Наоборот стараются все стили вынести в отдельный файл.

в болгах...там низя свои стили делать :(

...

Рейтинг:

0 / 0

13.10.2008, 12:38

| Ответить | Цитировать | Написать

HTML + CSS -> HTML

#35591006

Ps-spectre

Участник

Откуда: Земля/Украина/Киев/

Сообщения: 242

Рейтинг: 0 / 0

А, сенкс, таки да, понятно тогда.

...

Рейтинг:

0 / 0

13.10.2008, 12:44

| Ответить | Цитировать | Написать

HTML + CSS -> HTML

#35591176

LykovAleksey

Участник

Сообщения: 219

Рейтинг: 0 / 0

блин...говорят пиши парсер :(

...

Рейтинг:

0 / 0

13.10.2008, 13:39

| Ответить | Цитировать | Написать

HTML + CSS -> HTML

#35591230

LykovAleksey

Участник

Сообщения: 219

Рейтинг: 0 / 0

может у кто-нить видел CSS парсер...? на PHP например...?

...

Рейтинг:

0 / 0

13.10.2008, 13:58

| Ответить | Цитировать | Написать

HTML + CSS -> HTML

#35591253

Alex721

Участник

Сообщения: 31 621

Рейтинг: 0 / 0

по сабжу

SSI + #include

...

Рейтинг:

0 / 0

13.10.2008, 14:06

| Ответить | Цитировать | Написать

HTML + CSS -> HTML

#35591319

LykovAleksey

Участник

Сообщения: 219

Рейтинг: 0 / 0

Alex721по сабжу

SSI + #include

что-то я не понял :(...

...

Рейтинг:

0 / 0

13.10.2008, 14:31

| Ответить | Цитировать | Написать

HTML + CSS -> HTML

#35591603

зы

Участник

Сообщения: 3 646

Рейтинг: 0 / 0

а он сам не понял

...

Рейтинг:

0 / 0

13.10.2008, 15:59

| Ответить | Цитировать | Написать

HTML + CSS -> HTML

#35592472

illion

Участник

Сообщения: 1 288

Рейтинг: 0 / 0

LykovAlekseyможет у кто-нить видел CSS парсер...? на PHP например...?
ё-маё, да такой парсер быстрее написать, чем найти. Мне быстрее написать на js, на пхп сами переделывайте, ну и недочеты не исключены.

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Noname  1 </title>
<script>
function parse()
{
	var txt = document.getElementById('html').value;
	var re = /<style.*?>([^<]*)<\/style>/gm;
	var result, hClass={};
	while ((result = re.exec(txt))!=null)
	{
		var classList = result[ 1 ].split('\r\n');
		for (var i= 0 ; i<classList.length; i++)
		{
			if (classList[i])
			{
				var selector = classList[i].slice( 0 ,classList[i].indexOf('{')).replace(/\.| /g, '');
				var definition = classList[i].slice(classList[i].indexOf('{')).replace(/ ?({|}) ?/g, '');
				hClass[selector] = definition;
			}
		}
	}
	txt = txt.replace(/<(style)[^<]*<\/\ 1 >(\r\n)?/g,'');
	txt = txt.replace(/class *= *["']?([^'" >]*)["']?/g,function($0,$1){return 'style="'+hClass[$1]+'"'; });
	document.getElementById('result').value = txt;
}
</script>
</head>

<body>
Исходный текст+цсс:<br>
<textarea id="html" cols="100" rows="20">
<style type="text/css">
.class_test {font-weight: bold; font-size:14px;}
.class_test2 {color:red;}
</style>
<span class="class_test">test1</span>
<span style="font-weight: bold; font-size:14px;" >test1</span>
<style>
.class_test3 {color:blue;}
</style>
<div class='class_test3' >test2</div>
<p class=class_test2>test3</p>
</textarea>
<br>
<input type="button" onclick="parse()" value="parse">
<br>
Итог:<br>
<textarea id="result" cols=" 100 " rows=" 20 ">
</textarea>

</body>
</html>

...

Рейтинг:

0 / 0

14.10.2008, 03:34

| Ответить | Цитировать | Написать

HTML + CSS -> HTML

#35592549

LykovAleksey

Участник

Сообщения: 219

Рейтинг: 0 / 0

ООО круто впринципе так и думал делать - типа такой же храмой версии(sorry)... но а какже стили по приоритету, по ID, по наследованию, согласно стандарту там CSS2. Для задания только через атрибут style конечно подойдёт, потестирую :)

...

Рейтинг:

0 / 0

14.10.2008, 08:26

| Ответить | Цитировать | Написать

HTML + CSS -> HTML

#35593013

illion

Участник

Сообщения: 1 288

Рейтинг: 0 / 0

LykovAlekseyООО круто впринципе так и думал делать - типа такой же храмой версии(sorry)...
ниче страшного, я того же мнения

LykovAlekseyно а какже стили по приоритету, по ID, по наследованию, согласно стандарту там CSS2.
ну тогда ноги в руки и вперед - пишите парсер. В сети вряд ли найдете, ибо задача обычно обратная стоит перед веб-мастером. С приоритетом тут все понятно - перезаписать свойства из .class свойствами из #id, а свойства из #id - свойствами из style. С наследованием пока не понимаю как лучше сделать. Если по элементам как по дереву DOM ходить - то это легче, а если работать с html чисто как с текстом - то это другое. А с "согласно стандарту там CSS2" чего делать собираетесь? Типа если это не по стандатру, то отрезать нафиг?

...

Рейтинг:

0 / 0

14.10.2008, 12:01

| Ответить | Цитировать | Написать

HTML + CSS -> HTML

#35593028

LykovAleksey

Участник

Сообщения: 219

Рейтинг: 0 / 0

С невалидными CSS даже связываться неохота... вообщем в своей задаче решил ограничится минимальным синтаксисом "style" :) спс. :)

...

Рейтинг:

0 / 0

14.10.2008, 12:06

| Ответить | Цитировать | Написать

13 сообщений из 13, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML + CSS -> HTML

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&fpage=316&tid=1455737]:	0ms
get settings:	9ms
get forum list:	20ms
check forum access:	4ms
check topic access:	4ms
track hit:	46ms
get topic data:	12ms
get forum data:	3ms
get page messages:	62ms
get tp. blocked users:	2ms
others:	202ms

total:	364ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы