Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.61/18: Рейтинг темы: голосов - 18, средняя оценка - 4.61
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546

создание тега

26.04.2010, 15:50. Показов 3316. Ответов 16
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток! Был в растерянности в какой раздел писать, скорее всего сюда.

Подскажите пожалуйста, как написать свой тег? к примеру как на сайте [РНР][/РНР]
не пойму как задать параметры для тега...
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
26.04.2010, 15:50
Ответы с готовыми решениями:

Нужно сделать, чтобы значение атрибута тега отображался внутри этого тега
Как сделать чтобы html-код <div class="item">text</div> отображался примерно вот так: del Изображения и любые другие файлы...

В чём отличие тега col от тега colgroup?
В чём отличие тега col от тега colgroup? colgroup осуждается в HTML5, col — рекомендуется. Теги абсолютно идентичны. colgroup позволяет...

По поводу тега <ul>
Я написал следующий код на html и css: &lt;html&gt; &lt;head&gt; &lt;title&gt;Сайт о часах&lt;/title&gt; &lt;style&gt; *{ padding:0; margin:0; ...

16
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
26.04.2010, 16:02
Когда юзер постит данные "foo [x]bar[/x] lol baz qwe", скрипт ищет [теги], конвертирует их, во что положено, и кладет в базу исходный и получившийся результат. Исходный для редактирования, получившийся для отображения.
1
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
26.04.2010, 16:04  [ТС]
Подскажи пожалуйста, где можно взять подобный скрипт или посмотеть примеры по созданию?
0
 Аватар для boong
154 / 124 / 11
Регистрация: 11.01.2010
Сообщений: 434
26.04.2010, 16:08
Если я Вас правильно понял,то такой тег создается средствами Javascript в редакторе wysiwyg или bbcode (пример [scoll][/scoll]), и после отправки данных на сервер перед сохранениям в БД этот "[scoll][/scoll]" заменяется на нужный код серверным скриптом
в каком метсе Вы хотите их применять и какой редактор там стоит?
0
SysOp
 Аватар для IamSCORPION
42 / 41 / 5
Регистрация: 13.04.2009
Сообщений: 274
26.04.2010, 16:17
Меня тоже интересует данный вопрос. На сайт нужно поместить теги но сам я смог написать только простейшие теги
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function bbcode($text)
{
    $text = nl2br($text);
 
    $text = str_replace("[B]","<strong>", $text);
    $text = str_replace("[/B]","</strong>", $text);
 
    $text = str_replace("[I]","<i>", $text);
    $text = str_replace("[/I]","</i>", $text);
    
    $text = str_replace("[U]","<u>", $text);
    $text = str_replace("[/U]","</u>", $text);
 
    return $text;
}
 
$mytext = "[B]HTML[/B], [B]CSS[/B] Обсуждение языка разметки HTML и каскадных таблиц стилей CSS. Верстка страниц.";
$mytext = bbcode($mytext);
echo $mytext
Может кто поможет
0
 Аватар для boong
154 / 124 / 11
Регистрация: 11.01.2010
Сообщений: 434
26.04.2010, 16:35
Цитата Сообщение от IamSCORPION Посмотреть сообщение
Может кто поможет
ИМХО лутше писать класс в котором будет всё проверяться и изменяться (пример функция для вставки изображений,функция для обработки ссылок,функция для обработки размера шрифта,функция для обработки цвета текста,функция для обработки смайлов и т.д) потом просто подключить в нужное место и всё, и написать под обработчик редактор который будет генерировать и записывать теги на стороне пользователя в поле textarea и если есть визуальный редактор то обрабатывать и выводить в iframe
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
26.04.2010, 16:37  [ТС]
boong, без редактора. У меня просто создан форум, ничего особенного в нем не используется, выделение, курсив и подчеркивание. А щас появилась потребность в 2 дополнительных не стандартных тегах...
0
 Аватар для boong
154 / 124 / 11
Регистрация: 11.01.2010
Сообщений: 434
26.04.2010, 16:41
Вам нужно сделать две вещы дописать тег в форму и дописать в обработчик и всё, без кода на котором у Вас всё построино помочь не могу просто разные алгоритмы и структуры бывают
0
SysOp
 Аватар для IamSCORPION
42 / 41 / 5
Регистрация: 13.04.2009
Сообщений: 274
26.04.2010, 16:42
Цитата Сообщение от boong Посмотреть сообщение
ИМХО лутше писать класс в котором будет всё проверяться и изменяться (пример функция для вставки изображений,функция для обработки ссылок,функция для обработки размера шрифта,функция для обработки цвета текста,функция для обработки смайлов и т.д) потом просто подключить в нужное место и всё, и написать под обработчик редактор который будет генерировать и записывать теги на стороне пользователя в поле textarea и если есть визуальный редактор то обрабатывать и выводить в iframe
Не спорю что классом надо делать. Эти теги простые поэтому я сделал через функцию. Меня интересуют сложные теги например
PHP
1
2
3
$mytext = "[B][COLOR;RED]HTML[/COLOR][/B], [B][A;http://www.google.com.ua/]CSS[/A][/B] Обсуждение языка разметки HTML и каскадных таблиц стилей CSS. Верстка страниц.";
$mytext = bbcode($mytext);
echo $mytext; //<strong><span style='color:red;'>HTML</span></strong>, <strong><a href='http://www.google.com.ua/'>CSS</a></strong>
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
26.04.2010, 16:49  [ТС]
хм) у меня все по стандарту. форма с инпутом и textarea. далее отправка в БД.

Добавлено через 4 минуты
думал перейти на Tiny_mce но в моем случае очень не удобно.
0
 Аватар для boong
154 / 124 / 11
Регистрация: 11.01.2010
Сообщений: 434
26.04.2010, 16:58
Вот функции на работоспособность не проверял
PHP
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
<?php
        function bb_to_html($text){
                
                $text = htmlspecialchars($text, ENT_QUOTES);
                
                /**
                 * Parse the static restrict bbcode.
                 */ 
                for ($i = 0; $i < count($this->restrict_static_bbcode); $i += 2){
                
                        $pattern = '#'.preg_quote($this->restrict_static_bbcode[$i], '#').'(.+)'.preg_quote($this->restrict_static_bbcode[$i+1], '#').'#Usi';
                        $replace = $this->restrict_static_html[$i].'$1'.$this->restrict_static_html[$i+1];
                        $text = preg_replace($pattern, $replace, $text);
                        
                }
                
                /**
                 * Parse the advande static and non-static (array pattern) bbcode.
                 */ 
                if ( !$this->restrict ){
                
                        for ($i = 0; $i < count($this->advanced_static_bbcode); $i += 2){
                        
                                $pattern = '#'.preg_quote($this->advanced_static_bbcode[$i], '#').'(.+)'.preg_quote($this->advanced_static_bbcode[$i+1], '#').'#Usi';
                                $replace = $this->advanced_static_html[$i].'$1'.$this->advanced_static_html[$i+1];
                                $text = preg_replace($pattern, $replace, $text);
                        
                        }
                        
                        $text = preg_replace("#\[url\](?!http://)(.+)\[\/url\]#si", "[url=http://$1]$1[/url]", $text);
                        
                        $pattern = array('#\[color=([a-zA-Z]*|\#?[0-9a-fA-F]{6})](.+)\[/color\]#Usi',
                                                         '#\[size=([0-9][0-9]?)](.+)\[/size\]#Usi',
                                                         '#\[quote](\r\n)?(.+?)\[/quote]#si',
                                                         '#\[quote=(.*?)](\r\n)?(.+?)\[/quote]#si',
                                                         '#\[email]([\w\.\-]+@[a-zA-Z0-9\-]+\.?[a-zA-Z0-9\-]*\.\w{1,4})\[/email]#Usi',
                                                         '#\[url](.+)\[/url]#Usi',
                                                         '#\[email=([\w\.\-]+@[a-zA-Z0-9\-]+\.?[a-zA-Z0-9\-]*\.\w{1,4})](.+)\[/email]#Usi',
                                                         '#\[url=(.+)](.+)\[/url\]#Usi',
                                                         '#\[urloff](.+)\[/urloff]#Usi',
                                                         '#\[urloff=(.+)\](.+)\[/urloff\]#Usi',
                                                         '#\[img](.+)\[/img]#Usi',
                                                         '#\[img=(.+)](.+)\[/img]#Usi',
                                                         '#\[code](\r\n)?(.+?)(\r\n)?\[/code]#si',
                                                         '#\[youtube]http://[a-z]{0,3}.youtube.com/watch\?v=([0-9a-zA-Z]{1,11})\[/youtube]#Usi',
                                                         '#\[youtube]([0-9a-zA-Z]{1,11})\[/youtube]#Usi',
                                                         '#\[dmmedium]([0-9a-zA-Z]{1,20})\[/dmmedium]#Usi',
                                                         '#\[dmsmall]([0-9a-zA-Z]{1,20})\[/dmsmall]#Usi',
                                                         '#\[vimeo]http://www.vimeo.com/([0-9]{1,10})\[/vimeo]#Usi',
                                                         '#\[vimeo]([0-9]{1,10})\[/vimeo]#Usi',
                                                         );
 
                        $replace = array('<span style="color: $1">$2</span>',
                                                         '<span style="font-size: $1px">$2</span>',
                                                         "<div class=\"quote\"><span class=\"quoteby\">Disse:</span>\r\n$2</div>",
                                                         "<div class=\"quote\"><span class=\"quoteby\">Disse <b>$1</b>:</span>\r\n$3</div>",
                                                         '<a href="mailto: $1">$1</a>',
                                                         '<a href="$1">$1</a>',
                                                         '<a href="mailto: $1">$2</a>',
                                                         '<a href="$1">$2</a>',
                                                         '<a href="$1" target="_blank">$1</a>',
                                                         '<a href="$1" target="_blank">$2</a>',
                                                         '<img src="$1" alt="$1" />',
                                                         '<img src="$1" alt="$2" />',
                                                         '<div class="code">$2</div>',
                                                         '<object type="application/x-shockwave-flash" style="width: 450px; height: 366px;" data="http://www.youtube.com/v/$1"><param name="movie" value="http://www.youtube.com/v/$1" /><param name="wmode" value="transparent" /></object>',
                                                         '<object type="application/x-shockwave-flash" style="width: 450px; height: 366px;" data="http://www.youtube.com/v/$1"><param name="movie" value="http://www.youtube.com/v/$1" /><param name="wmode" value="transparent" /></object>',
                                                         '<object type="application/x-shockwave-flash" style="width: 420px; height: 365px;" data="http://dailymotion.alice.it/swf/$1"><param name="movie" value="http://dailymotion.alice.it/swf/$1" /><param name="allowScriptAccess" value="always" /></object>',
                                                         '<object type="application/x-shockwave-flash" style="width: 220px; height: 185px;" data="http://dailymotion.alice.it/swf/$1"><param name="movie" value="http://dailymotion.alice.it/swf/$1" /><param name="allowScriptAccess" value="always" /></object>',
                                                         '<object type="application/x-shockwave-flash" style="width: 400px; height: 327px;" data="http://vimeo.com/moogaloop.swf?clip_id=$1"><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=$1" /><param name="allowScriptAccess" value="always" /></object>',
                                                         '<object type="application/x-shockwave-flash" style="width: 400px; height: 327px;" data="http://vimeo.com/moogaloop.swf?clip_id=$1"><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=$1" /><param name="allowScriptAccess" value="always" /></object>',
                                                         );
                        
                        /**
                         * Recursive parse...
                         */ 
                        for ($i = 0; $i < count($pattern); $i++){
                        
                                while ( preg_match( $pattern[$i], $text ) > 0 ) 
                                        $text = preg_replace($pattern, $replace, $text);
                                        
                        }       
                
                }
                
                /**
                 * Parse the smiles
                 */
                if ( $this->smile ){
                
                        foreach($this->smiles as $name => $url) 
                                $text = str_ireplace(':'.$name, '<img src="'.$url.'" alt="'.$name.'" />', $text);
                        
                }
                
                /**
                 * Parse symbols
                 */
                foreach($this->special_symbol as $name => $html_code) 
                        $text = str_ireplace(':'.$name, $html_code, $text);
                
                /**
                 * Transform newline in <br /> (html newline)
                 */ 
                $text = nl2br($text);
                
                return $text;
                
        
        }
 
 
 
        function html_to_bb($text){
                
                /**
                 * Un-comment (remove //) this to allow the decode of &amp;, 
                 * &quot;, ', &lt;, &gt;
                 */ 
                //$text = htmlspecialchars_decode($text, ENT_QUOTES);
                
                /**
                 * Parse static restrict html code.
                 */ 
                for ($i = 0; $i < count($this->restrict_static_bbcode); $i += 2){
                
                        $pattern = '#'.preg_quote($this->restrict_static_html[$i], '#').'(.*)'.preg_quote($this->restrict_static_html[$i+1], '#').'#Usi';
                        $replace = $this->restrict_static_bbcode[$i].'$1'.$this->restrict_static_bbcode[$i+1];
                        $text = preg_replace($pattern, $replace, $text);
                        
                }
                
                /**
                 * Parse the smiles.
                 */ 
                if ( $this->smile ){
                
                        foreach($this->smiles as $name => $url) 
                                $text = str_ireplace('<img src="'.$url.'" alt="'.$name.'" />', ':'.$name, $text);
                        
                }
                
                /**
                 * Parse the advanced static and non-static (array pattern in 
                 * the function) html code.
                 */ 
                if ( !$this->restrict ){
                
                        for ($i = 0; $i < count($this->advanced_static_bbcode); $i += 2){
                        
                                $pattern = '#'.preg_quote($this->advanced_static_html[$i], '#').'(.*)'.preg_quote($this->advanced_static_html[$i+1], '#').'#Usi';
                                $replace = $this->advanced_static_bbcode[$i].'$1'.$this->advanced_static_bbcode[$i+1];
                                $text = preg_replace($pattern, $replace, $text);
                                
                        }
                                
                        $pattern = array('#<span style="color: (.*)">(.*)</span>#Usi',
                                                         '#<span style="font-size: (.*)px">(.*)</span>#Usi',
                                                         '#<div class="quote"><span class="quoteby">Disse:</span><br />(.*)</div>#Usi',
                                                         '#<div class="quote"><span class="quoteby">Disse \[b](.*)\[/b]:</span><br />(.*)</div>#Usi',
                                                         '#<a href="mailto: (.*)">(.*)</a>#Usi',
                                                         '#<a href="(.*)" target="_blank">(.*)</a>#Usi',
                                                         '#<a href="(.*)">(.*)</a>#Usi',
                                                         '#<img src="(.*)" alt="(.*)" />#Usi',
                                                         '#<div class="code">(.*)</div>#Usi',
                                                         '#<object type="application/x-shockwave-flash" style="width: 450px; height: 366px;" data="http://www.youtube.com/v/(.*)"><param name="movie" value="http://www.youtube.com/v/(.*)" /><param name="wmode" value="transparent" /></object>#Usi',
                                                         '#<object type="application/x-shockwave-flash" style="width: 420px; height: 365px;" data="http://dailymotion.alice.it/swf/(.*)"><param name="movie" value="http://dailymotion.alice.it/swf/(.*)" /><param name="allowScriptAccess" value="always" /></object>#Usi',
                                                         '#<object type="application/x-shockwave-flash" style="width: 220px; height: 185px;" data="http://dailymotion.alice.it/swf/(.*)"><param name="movie" value="http://dailymotion.alice.it/swf/(.*)" /><param name="allowScriptAccess" value="always" /></object>#Usi',
                                                         '#<object type="application/x-shockwave-flash" style="width: 400px; height: 327px;" data="http://vimeo.com/moogaloop.swf\?clip_id=(.*)"><param name="movie" value="http://vimeo.com/moogaloop.swf\?clip_id=(.*)" /><param name="allowScriptAccess" value="always" /></object>#Usi',
                                                         );
 
                        $replace = array('[color=$1]$2[/color]',
                                                         '[size=$1]$2[/size]',
                                                         '[quote]$1[/quote]',
                                                         '[quote=$1]$2[/quote]',
                                                         '[email=$1]$2[/email]',
                                                         '[urloff=$1]$2[/urloff]',
                                                         '[url=$1]$2[/url]',
                                                         '[img=$1]$2[/img]',
                                                         "[code]\r\n$1[/code]",
                                                         '[youtube]$1[/youtube]',
                                                         '[dmmedium]$1[/dmmedium]',
                                                         '[dmsmall]$1[/dmsmall]',
                                                         '[vimeo]$1[/vimeo]',
                                                         );
 
                        /**
                         * Recursive parsing...
                         */ 
                        for ($i = 0; $i < count($pattern); $i++){
                        
                                while ( preg_match( $pattern[$i], $text ) > 0 ) 
                                        $text = preg_replace($pattern, $replace, $text);
                                        
                        }       
                
                }
                
                /**
                 * Parse symbols
                 */ 
                foreach($this->special_symbol as $name => $html_code) 
                        $text = str_ireplace($html_code, ':'.$name, $text);
                
                /**
                 * Remove <br />
                 */ 
                $text = str_replace('<br />','',$text);
                
                return $text;
        
        }
?>
1
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
26.04.2010, 17:21  [ТС]
наскольк оя понимаю, мне нужно заинклудить файл ПХП с этим кодом, и при использовании в тексте к примеру [quotе][/quotе] он будет выводить текст "цитату"?
0
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
26.04.2010, 17:25
Все уже изобретено. Bulletin Board Code
1
 Аватар для boong
154 / 124 / 11
Регистрация: 11.01.2010
Сообщений: 434
26.04.2010, 17:26
Будет создан <div class="quote"></div> Вам нужно в CSS нужно создать класс в котором будет описан вид [quotе][/quotе]
1
26 / 25 / 3
Регистрация: 27.09.2009
Сообщений: 134
26.04.2010, 17:34
Ну купите вы, блин, книгу:
Джон Фридл, Регулярные выражения
С помощью регуляреых выражений можно обрабатывать даже такие тэги:
Code
1
[ url    =      https://www.cyberforum.ru] URL    [   /url ]
1
143 / 109 / 13
Регистрация: 13.02.2010
Сообщений: 522
26.04.2010, 18:13
Цитата Сообщение от acupation Посмотреть сообщение
Доброго времени суток! Был в растерянности в какой раздел писать, скорее всего сюда.

Подскажите пожалуйста, как написать свой тег? к примеру как на сайте [РНР][/РНР]
не пойму как задать параметры для тега...
есть готовые скрипты осталось только прикрутить к сайту=)
работают превосходно у себя на сайте ставил и не на одном http://www.xbb.uz/docs/tags.bb
1
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
26.04.2010, 18:53  [ТС]
lesha_firs, Спасибо, отличный скрипт
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
26.04.2010, 18:53
Помогаю со студенческими работами здесь

Селектор тега
В чем разница между p.main и .main p ? В обоих случаях ведь смысл будет такой &quot;Применить данный стиль ко всем &lt;p&gt; которые попадают в...

Выбор тега
Помогите , мне надо что бы фон 1 варианта и 2 варианта были объеденины в 1 строку , а не на разных &lt;html&gt; &lt;style...

Закрытие тега
Какой способ закрытия тега современеей, безопасней и быстрее? Например взять input. 1. &lt;***&gt;&lt;/***&gt; 2. ...

Теги внутри тега a
Всех приветствую. Можно ли размещать внутри тега &lt;a&gt; другие элементы (например, теги &lt;div&gt; и &lt;p&gt;), если в стилях для тега...

Масштабирование тега video
Есть видео &lt;video src=&quot;/upload/video/34.mp4&quot; controls&gt;Тег video не поддерживается вашим браузером.&lt;/video&gt; если ему задать...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
17
Ответ Создать тему
Новые блоги и статьи
Отправка уведомления на почту при изменении наименования справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
Контроль уникальности заводского номера - вариант №2
Maks 24.03.2026
В отличие от предыдущего варианта добавлено прерывание циклов, также добавлены новые переменные для сохранения контекста ошибки перед прерыванием цикла: Процедура ПередЗаписью(Отказ, РежимЗаписи,. . .
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++
8Observer8 24.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip
Жизнь в неопределённости
kumehtar 23.03.2026
Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .
Модель здравоСохранения: работники работают быстрее после её введения.
anaschu 23.03.2026
geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .
Контроль уникальности заводского номера - вариант №1
Maks 23.03.2026
Алгоритм контроля уникальности заводского (или серийного) номера на примере нетипового документа выдачи шин для спецтехники с табличной частью, разработанного в конфигурации КА2. Данные берутся из. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru