3 <html lang=
"en" class=
"no-js">
7 <meta name=
"viewport" content=
"width=device-width,initial-scale=1">
12 <link rel=
"shortcut icon" href=
"../../../assets/default.favicon.ico">
13 <meta name=
"generator" content=
"mkdocs-1.1.2, mkdocs-material-7.0.5">
17 <title>bbcode - WoltLab Suite Documentation
</title>
21 <link rel=
"stylesheet" href=
"../../../assets/stylesheets/main.77f3fd56.min.css">
24 <link rel=
"stylesheet" href=
"../../../assets/stylesheets/palette.7fa14f5b.min.css">
28 <meta name=
"theme-color" content=
"#009485">
38 <link rel=
"stylesheet" href=
"../../../stylesheets/extra.css">
52 <body dir=
"ltr" data-md-color-scheme=
"" data-md-color-primary=
"teal" data-md-color-accent=
"">
56 <input class=
"md-toggle" data-md-toggle=
"drawer" type=
"checkbox" id=
"__drawer" autocomplete=
"off">
57 <input class=
"md-toggle" data-md-toggle=
"search" type=
"checkbox" id=
"__search" autocomplete=
"off">
58 <label class=
"md-overlay" for=
"__drawer"></label>
59 <div data-md-component=
"skip">
62 <a href=
"#bbcode-package-installation-plugin" class=
"md-skip">
67 <div data-md-component=
"announce">
69 <aside class=
"md-announce">
70 <div class=
"md-announce__inner md-grid md-typeset">
72 <a href=
"https://www.woltlab.com">Back to
<strong>woltlab.com
</strong></a>
81 <header class=
"md-header" data-md-component=
"header">
82 <nav class=
"md-header__inner md-grid" aria-label=
"Header">
83 <a href=
"../../.." title=
"WoltLab Suite Documentation" class=
"md-header__button md-logo" aria-label=
"WoltLab Suite Documentation">
85 <img src=
"../../../assets/logo.png" alt=
"logo">
88 <label class=
"md-header__button md-icon" for=
"__drawer">
89 <svg xmlns=
"http://www.w3.org/2000/svg" viewBox=
"0 0 24 24"><path d=
"M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2z"/></svg>
91 <div class=
"md-header__title" data-md-component=
"header-title">
92 <div class=
"md-header__ellipsis">
93 <div class=
"md-header__topic">
94 <span class=
"md-ellipsis">
95 WoltLab Suite Documentation
98 <div class=
"md-header__topic" data-md-component=
"header-topic">
99 <span class=
"md-ellipsis">
107 <div class=
"md-header__options">
112 <div class=
"md-header__source">
114 <a href=
"https://github.com/WoltLab/docs.woltlab.com/" title=
"Go to repository" class=
"md-source" data-md-component=
"source">
115 <div class=
"md-source__icon md-icon">
117 <svg xmlns=
"http://www.w3.org/2000/svg" viewBox=
"0 0 448 512"><path d=
"M439.55 236.05L244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
119 <div class=
"md-source__repository">
128 <div class=
"md-container" data-md-component=
"container">
133 <main class=
"md-main" data-md-component=
"main">
134 <div class=
"md-main__inner md-grid">
138 <div class=
"md-sidebar md-sidebar--primary" data-md-component=
"sidebar" data-md-type=
"navigation" >
139 <div class=
"md-sidebar__scrollwrap">
140 <div class=
"md-sidebar__inner">
146 <nav class=
"md-nav md-nav--primary" aria-label=
"Navigation" data-md-level=
"0">
147 <label class=
"md-nav__title" for=
"__drawer">
148 <a href=
"../../.." title=
"WoltLab Suite Documentation" class=
"md-nav__button md-logo" aria-label=
"WoltLab Suite Documentation">
150 <img src=
"../../../assets/logo.png" alt=
"logo">
153 WoltLab Suite Documentation
156 <div class=
"md-nav__source">
158 <a href=
"https://github.com/WoltLab/docs.woltlab.com/" title=
"Go to repository" class=
"md-source" data-md-component=
"source">
159 <div class=
"md-source__icon md-icon">
161 <svg xmlns=
"http://www.w3.org/2000/svg" viewBox=
"0 0 448 512"><path d=
"M439.55 236.05L244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
163 <div class=
"md-source__repository">
169 <ul class=
"md-nav__list" data-md-scrollfix
>
178 <li class=
"md-nav__item">
179 <a href=
"../../../getting-started/" class=
"md-nav__link">
194 <li class=
"md-nav__item md-nav__item--nested">
197 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_2" type=
"checkbox" id=
"__nav_2" >
199 <label class=
"md-nav__link" for=
"__nav_2">
201 <span class=
"md-nav__icon md-icon"></span>
203 <nav class=
"md-nav" aria-label=
"PHP API" data-md-level=
"1">
204 <label class=
"md-nav__title" for=
"__nav_2">
205 <span class=
"md-nav__icon md-icon"></span>
208 <ul class=
"md-nav__list" data-md-scrollfix
>
214 <li class=
"md-nav__item">
215 <a href=
"../../../php/pages/" class=
"md-nav__link">
226 <li class=
"md-nav__item">
227 <a href=
"../../../php/database-objects/" class=
"md-nav__link">
238 <li class=
"md-nav__item">
239 <a href=
"../../../php/database-access/" class=
"md-nav__link">
250 <li class=
"md-nav__item">
251 <a href=
"../../../php/exceptions/" class=
"md-nav__link">
263 <li class=
"md-nav__item md-nav__item--nested">
266 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_2_5" type=
"checkbox" id=
"__nav_2_5" >
268 <label class=
"md-nav__link" for=
"__nav_2_5">
270 <span class=
"md-nav__icon md-icon"></span>
272 <nav class=
"md-nav" aria-label=
"API" data-md-level=
"2">
273 <label class=
"md-nav__title" for=
"__nav_2_5">
274 <span class=
"md-nav__icon md-icon"></span>
277 <ul class=
"md-nav__list" data-md-scrollfix
>
283 <li class=
"md-nav__item">
284 <a href=
"../../../php/api/caches/" class=
"md-nav__link">
295 <li class=
"md-nav__item">
296 <a href=
"../../../php/api/comments/" class=
"md-nav__link">
307 <li class=
"md-nav__item">
308 <a href=
"../../../php/api/cronjobs/" class=
"md-nav__link">
319 <li class=
"md-nav__item">
320 <a href=
"../../../php/api/events/" class=
"md-nav__link">
332 <li class=
"md-nav__item md-nav__item--nested">
335 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_2_5_5" type=
"checkbox" id=
"__nav_2_5_5" >
337 <label class=
"md-nav__link" for=
"__nav_2_5_5">
339 <span class=
"md-nav__icon md-icon"></span>
341 <nav class=
"md-nav" aria-label=
"Form Builder" data-md-level=
"3">
342 <label class=
"md-nav__title" for=
"__nav_2_5_5">
343 <span class=
"md-nav__icon md-icon"></span>
346 <ul class=
"md-nav__list" data-md-scrollfix
>
352 <li class=
"md-nav__item">
353 <a href=
"../../../php/api/form_builder/overview/" class=
"md-nav__link">
364 <li class=
"md-nav__item">
365 <a href=
"../../../php/api/form_builder/structure/" class=
"md-nav__link">
376 <li class=
"md-nav__item">
377 <a href=
"../../../php/api/form_builder/form_fields/" class=
"md-nav__link">
388 <li class=
"md-nav__item">
389 <a href=
"../../../php/api/form_builder/validation_data/" class=
"md-nav__link">
400 <li class=
"md-nav__item">
401 <a href=
"../../../php/api/form_builder/dependencies/" class=
"md-nav__link">
418 <li class=
"md-nav__item">
419 <a href=
"../../../php/api/package_installation_plugins/" class=
"md-nav__link">
420 Package Installation Plugins
430 <li class=
"md-nav__item">
431 <a href=
"../../../php/api/user_activity_points/" class=
"md-nav__link">
442 <li class=
"md-nav__item">
443 <a href=
"../../../php/api/user_notifications/" class=
"md-nav__link">
454 <li class=
"md-nav__item">
455 <a href=
"../../../php/api/sitemaps/" class=
"md-nav__link">
472 <li class=
"md-nav__item">
473 <a href=
"../../../php/code-style/" class=
"md-nav__link">
484 <li class=
"md-nav__item">
485 <a href=
"../../../php/apps/" class=
"md-nav__link">
496 <li class=
"md-nav__item">
497 <a href=
"../../../php/gdpr/" class=
"md-nav__link">
518 <li class=
"md-nav__item md-nav__item--nested">
521 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_3" type=
"checkbox" id=
"__nav_3" >
523 <label class=
"md-nav__link" for=
"__nav_3">
524 Languages, Templates & CSS
525 <span class=
"md-nav__icon md-icon"></span>
527 <nav class=
"md-nav" aria-label=
"Languages, Templates & CSS" data-md-level=
"1">
528 <label class=
"md-nav__title" for=
"__nav_3">
529 <span class=
"md-nav__icon md-icon"></span>
530 Languages, Templates & CSS
532 <ul class=
"md-nav__list" data-md-scrollfix
>
538 <li class=
"md-nav__item">
539 <a href=
"../../../view/languages/" class=
"md-nav__link">
550 <li class=
"md-nav__item">
551 <a href=
"../../../view/templates/" class=
"md-nav__link">
562 <li class=
"md-nav__item">
563 <a href=
"../../../view/css/" class=
"md-nav__link">
584 <li class=
"md-nav__item md-nav__item--nested">
587 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_4" type=
"checkbox" id=
"__nav_4" >
589 <label class=
"md-nav__link" for=
"__nav_4">
591 <span class=
"md-nav__icon md-icon"></span>
593 <nav class=
"md-nav" aria-label=
"JavaScript API" data-md-level=
"1">
594 <label class=
"md-nav__title" for=
"__nav_4">
595 <span class=
"md-nav__icon md-icon"></span>
598 <ul class=
"md-nav__list" data-md-scrollfix
>
604 <li class=
"md-nav__item">
605 <a href=
"../../../javascript/general-usage/" class=
"md-nav__link">
617 <li class=
"md-nav__item md-nav__item--nested">
620 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_4_2" type=
"checkbox" id=
"__nav_4_2" >
622 <label class=
"md-nav__link" for=
"__nav_4_2">
624 <span class=
"md-nav__icon md-icon"></span>
626 <nav class=
"md-nav" aria-label=
"New API" data-md-level=
"2">
627 <label class=
"md-nav__title" for=
"__nav_4_2">
628 <span class=
"md-nav__icon md-icon"></span>
631 <ul class=
"md-nav__list" data-md-scrollfix
>
637 <li class=
"md-nav__item">
638 <a href=
"../../../javascript/new-api_writing-a-module/" class=
"md-nav__link">
649 <li class=
"md-nav__item">
650 <a href=
"../../../javascript/new-api_data-structures/" class=
"md-nav__link">
661 <li class=
"md-nav__item">
662 <a href=
"../../../javascript/new-api_core/" class=
"md-nav__link">
673 <li class=
"md-nav__item">
674 <a href=
"../../../javascript/new-api_dom/" class=
"md-nav__link">
685 <li class=
"md-nav__item">
686 <a href=
"../../../javascript/new-api_events/" class=
"md-nav__link">
697 <li class=
"md-nav__item">
698 <a href=
"../../../javascript/new-api_ajax/" class=
"md-nav__link">
709 <li class=
"md-nav__item">
710 <a href=
"../../../javascript/new-api_dialogs/" class=
"md-nav__link">
721 <li class=
"md-nav__item">
722 <a href=
"../../../javascript/new-api_browser/" class=
"md-nav__link">
723 Browser and Screen Sizes
733 <li class=
"md-nav__item">
734 <a href=
"../../../javascript/new-api_ui/" class=
"md-nav__link">
751 <li class=
"md-nav__item">
752 <a href=
"../../../javascript/legacy-api/" class=
"md-nav__link">
763 <li class=
"md-nav__item">
764 <a href=
"../../../javascript/helper-functions/" class=
"md-nav__link">
775 <li class=
"md-nav__item">
776 <a href=
"../../../javascript/code-snippets/" class=
"md-nav__link">
799 <li class=
"md-nav__item md-nav__item--active md-nav__item--nested">
802 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_5" type=
"checkbox" id=
"__nav_5" checked
>
804 <label class=
"md-nav__link" for=
"__nav_5">
806 <span class=
"md-nav__icon md-icon"></span>
808 <nav class=
"md-nav" aria-label=
"Package Components" data-md-level=
"1">
809 <label class=
"md-nav__title" for=
"__nav_5">
810 <span class=
"md-nav__icon md-icon"></span>
813 <ul class=
"md-nav__list" data-md-scrollfix
>
819 <li class=
"md-nav__item">
820 <a href=
"../../package-xml/" class=
"md-nav__link">
834 <li class=
"md-nav__item md-nav__item--active md-nav__item--nested">
837 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_5_2" type=
"checkbox" id=
"__nav_5_2" checked
>
839 <label class=
"md-nav__link" for=
"__nav_5_2">
841 <span class=
"md-nav__icon md-icon"></span>
843 <nav class=
"md-nav" aria-label=
"PIPs" data-md-level=
"2">
844 <label class=
"md-nav__title" for=
"__nav_5_2">
845 <span class=
"md-nav__icon md-icon"></span>
848 <ul class=
"md-nav__list" data-md-scrollfix
>
854 <li class=
"md-nav__item">
855 <a href=
"../" class=
"md-nav__link">
866 <li class=
"md-nav__item">
867 <a href=
"../acl-option/" class=
"md-nav__link">
878 <li class=
"md-nav__item">
879 <a href=
"../acp-menu/" class=
"md-nav__link">
890 <li class=
"md-nav__item">
891 <a href=
"../acp-search-provider/" class=
"md-nav__link">
902 <li class=
"md-nav__item">
903 <a href=
"../acp-template/" class=
"md-nav__link">
916 <li class=
"md-nav__item md-nav__item--active">
918 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"toc" type=
"checkbox" id=
"__toc">
923 <label class=
"md-nav__link md-nav__link--active" for=
"__toc">
925 <span class=
"md-nav__icon md-icon"></span>
928 <a href=
"./" class=
"md-nav__link md-nav__link--active">
933 <nav class=
"md-nav md-nav--secondary" aria-label=
"Table of contents">
939 <label class=
"md-nav__title" for=
"__toc">
940 <span class=
"md-nav__icon md-icon"></span>
943 <ul class=
"md-nav__list" data-md-component=
"toc" data-md-scrollfix
>
945 <li class=
"md-nav__item">
946 <a href=
"#components" class=
"md-nav__link">
950 <nav class=
"md-nav" aria-label=
"Components">
951 <ul class=
"md-nav__list">
953 <li class=
"md-nav__item">
954 <a href=
"#htmlopen" class=
"md-nav__link">
960 <li class=
"md-nav__item">
961 <a href=
"#htmlclose" class=
"md-nav__link">
967 <li class=
"md-nav__item">
968 <a href=
"#classname" class=
"md-nav__link">
974 <li class=
"md-nav__item">
975 <a href=
"#wysiwygicon" class=
"md-nav__link">
981 <li class=
"md-nav__item">
982 <a href=
"#buttonlabel" class=
"md-nav__link">
988 <li class=
"md-nav__item">
989 <a href=
"#sourcecode" class=
"md-nav__link">
995 <li class=
"md-nav__item">
996 <a href=
"#isblockelement" class=
"md-nav__link">
997 <isBlockElement
>
1002 <li class=
"md-nav__item">
1003 <a href=
"#attributes" class=
"md-nav__link">
1007 <nav class=
"md-nav" aria-label=
"<attributes>">
1008 <ul class=
"md-nav__list">
1010 <li class=
"md-nav__item">
1011 <a href=
"#html" class=
"md-nav__link">
1017 <li class=
"md-nav__item">
1018 <a href=
"#validationpattern" class=
"md-nav__link">
1019 <validationpattern
>
1024 <li class=
"md-nav__item">
1025 <a href=
"#required" class=
"md-nav__link">
1031 <li class=
"md-nav__item">
1032 <a href=
"#usetext" class=
"md-nav__link">
1048 <li class=
"md-nav__item">
1049 <a href=
"#example" class=
"md-nav__link">
1067 <li class=
"md-nav__item">
1068 <a href=
"../box/" class=
"md-nav__link">
1079 <li class=
"md-nav__item">
1080 <a href=
"../clipboard-action/" class=
"md-nav__link">
1091 <li class=
"md-nav__item">
1092 <a href=
"../core-object/" class=
"md-nav__link">
1103 <li class=
"md-nav__item">
1104 <a href=
"../cronjob/" class=
"md-nav__link">
1115 <li class=
"md-nav__item">
1116 <a href=
"../event-listener/" class=
"md-nav__link">
1127 <li class=
"md-nav__item">
1128 <a href=
"../file/" class=
"md-nav__link">
1139 <li class=
"md-nav__item">
1140 <a href=
"../language/" class=
"md-nav__link">
1151 <li class=
"md-nav__item">
1152 <a href=
"../media-provider/" class=
"md-nav__link">
1163 <li class=
"md-nav__item">
1164 <a href=
"../menu/" class=
"md-nav__link">
1175 <li class=
"md-nav__item">
1176 <a href=
"../menu-item/" class=
"md-nav__link">
1187 <li class=
"md-nav__item">
1188 <a href=
"../object-type/" class=
"md-nav__link">
1199 <li class=
"md-nav__item">
1200 <a href=
"../object-type-definition/" class=
"md-nav__link">
1201 objectTypeDefinition
1211 <li class=
"md-nav__item">
1212 <a href=
"../option/" class=
"md-nav__link">
1223 <li class=
"md-nav__item">
1224 <a href=
"../page/" class=
"md-nav__link">
1235 <li class=
"md-nav__item">
1236 <a href=
"../pip/" class=
"md-nav__link">
1247 <li class=
"md-nav__item">
1248 <a href=
"../script/" class=
"md-nav__link">
1259 <li class=
"md-nav__item">
1260 <a href=
"../smiley/" class=
"md-nav__link">
1271 <li class=
"md-nav__item">
1272 <a href=
"../sql/" class=
"md-nav__link">
1283 <li class=
"md-nav__item">
1284 <a href=
"../style/" class=
"md-nav__link">
1295 <li class=
"md-nav__item">
1296 <a href=
"../template/" class=
"md-nav__link">
1307 <li class=
"md-nav__item">
1308 <a href=
"../template-listener/" class=
"md-nav__link">
1319 <li class=
"md-nav__item">
1320 <a href=
"../user-group-option/" class=
"md-nav__link">
1331 <li class=
"md-nav__item">
1332 <a href=
"../user-menu/" class=
"md-nav__link">
1343 <li class=
"md-nav__item">
1344 <a href=
"../user-notification-event/" class=
"md-nav__link">
1345 userNotificationEvent
1355 <li class=
"md-nav__item">
1356 <a href=
"../user-option/" class=
"md-nav__link">
1367 <li class=
"md-nav__item">
1368 <a href=
"../user-profile-menu/" class=
"md-nav__link">
1385 <li class=
"md-nav__item">
1386 <a href=
"../../database-php-api/" class=
"md-nav__link">
1407 <li class=
"md-nav__item md-nav__item--nested">
1410 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6" type=
"checkbox" id=
"__nav_6" >
1412 <label class=
"md-nav__link" for=
"__nav_6">
1414 <span class=
"md-nav__icon md-icon"></span>
1416 <nav class=
"md-nav" aria-label=
"Migration" data-md-level=
"1">
1417 <label class=
"md-nav__title" for=
"__nav_6">
1418 <span class=
"md-nav__icon md-icon"></span>
1421 <ul class=
"md-nav__list" data-md-scrollfix
>
1428 <li class=
"md-nav__item md-nav__item--nested">
1431 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6_1" type=
"checkbox" id=
"__nav_6_1" >
1433 <label class=
"md-nav__link" for=
"__nav_6_1">
1434 Migrating from WSC
5.3
1435 <span class=
"md-nav__icon md-icon"></span>
1437 <nav class=
"md-nav" aria-label=
"Migrating from WSC 5.3" data-md-level=
"2">
1438 <label class=
"md-nav__title" for=
"__nav_6_1">
1439 <span class=
"md-nav__icon md-icon"></span>
1440 Migrating from WSC
5.3
1442 <ul class=
"md-nav__list" data-md-scrollfix
>
1448 <li class=
"md-nav__item">
1449 <a href=
"../../../migration/wsc53/php/" class=
"md-nav__link">
1460 <li class=
"md-nav__item">
1461 <a href=
"../../../migration/wsc53/session/" class=
"md-nav__link">
1462 Session Handling and Authentication
1472 <li class=
"md-nav__item">
1473 <a href=
"../../../migration/wsc53/javascript/" class=
"md-nav__link">
1484 <li class=
"md-nav__item">
1485 <a href=
"../../../migration/wsc53/templates/" class=
"md-nav__link">
1496 <li class=
"md-nav__item">
1497 <a href=
"../../../migration/wsc53/libraries/" class=
"md-nav__link">
1498 Third Party Libraries
1515 <li class=
"md-nav__item md-nav__item--nested">
1518 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6_2" type=
"checkbox" id=
"__nav_6_2" >
1520 <label class=
"md-nav__link" for=
"__nav_6_2">
1521 Migrating from WSC
5.2
1522 <span class=
"md-nav__icon md-icon"></span>
1524 <nav class=
"md-nav" aria-label=
"Migrating from WSC 5.2" data-md-level=
"2">
1525 <label class=
"md-nav__title" for=
"__nav_6_2">
1526 <span class=
"md-nav__icon md-icon"></span>
1527 Migrating from WSC
5.2
1529 <ul class=
"md-nav__list" data-md-scrollfix
>
1535 <li class=
"md-nav__item">
1536 <a href=
"../../../migration/wsc52/php/" class=
"md-nav__link">
1547 <li class=
"md-nav__item">
1548 <a href=
"../../../migration/wsc52/templates/" class=
"md-nav__link">
1549 Templates and Languages
1559 <li class=
"md-nav__item">
1560 <a href=
"../../../migration/wsc52/libraries/" class=
"md-nav__link">
1561 Third Party Libraries
1578 <li class=
"md-nav__item md-nav__item--nested">
1581 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6_3" type=
"checkbox" id=
"__nav_6_3" >
1583 <label class=
"md-nav__link" for=
"__nav_6_3">
1584 Migrating from WSC
3.1
1585 <span class=
"md-nav__icon md-icon"></span>
1587 <nav class=
"md-nav" aria-label=
"Migrating from WSC 3.1" data-md-level=
"2">
1588 <label class=
"md-nav__title" for=
"__nav_6_3">
1589 <span class=
"md-nav__icon md-icon"></span>
1590 Migrating from WSC
3.1
1592 <ul class=
"md-nav__list" data-md-scrollfix
>
1598 <li class=
"md-nav__item">
1599 <a href=
"../../../migration/wsc31/php/" class=
"md-nav__link">
1617 <li class=
"md-nav__item md-nav__item--nested">
1620 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6_4" type=
"checkbox" id=
"__nav_6_4" >
1622 <label class=
"md-nav__link" for=
"__nav_6_4">
1623 Migrating from WSC
3.0
1624 <span class=
"md-nav__icon md-icon"></span>
1626 <nav class=
"md-nav" aria-label=
"Migrating from WSC 3.0" data-md-level=
"2">
1627 <label class=
"md-nav__title" for=
"__nav_6_4">
1628 <span class=
"md-nav__icon md-icon"></span>
1629 Migrating from WSC
3.0
1631 <ul class=
"md-nav__list" data-md-scrollfix
>
1637 <li class=
"md-nav__item">
1638 <a href=
"../../../migration/wsc30/php/" class=
"md-nav__link">
1649 <li class=
"md-nav__item">
1650 <a href=
"../../../migration/wsc30/javascript/" class=
"md-nav__link">
1661 <li class=
"md-nav__item">
1662 <a href=
"../../../migration/wsc30/templates/" class=
"md-nav__link">
1673 <li class=
"md-nav__item">
1674 <a href=
"../../../migration/wsc30/css/" class=
"md-nav__link">
1685 <li class=
"md-nav__item">
1686 <a href=
"../../../migration/wsc30/package/" class=
"md-nav__link">
1704 <li class=
"md-nav__item md-nav__item--nested">
1707 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_6_5" type=
"checkbox" id=
"__nav_6_5" >
1709 <label class=
"md-nav__link" for=
"__nav_6_5">
1710 Migrating from WCF
2.1
1711 <span class=
"md-nav__icon md-icon"></span>
1713 <nav class=
"md-nav" aria-label=
"Migrating from WCF 2.1" data-md-level=
"2">
1714 <label class=
"md-nav__title" for=
"__nav_6_5">
1715 <span class=
"md-nav__icon md-icon"></span>
1716 Migrating from WCF
2.1
1718 <ul class=
"md-nav__list" data-md-scrollfix
>
1724 <li class=
"md-nav__item">
1725 <a href=
"../../../migration/wcf21/php/" class=
"md-nav__link">
1736 <li class=
"md-nav__item">
1737 <a href=
"../../../migration/wcf21/templates/" class=
"md-nav__link">
1748 <li class=
"md-nav__item">
1749 <a href=
"../../../migration/wcf21/css/" class=
"md-nav__link">
1760 <li class=
"md-nav__item">
1761 <a href=
"../../../migration/wcf21/package/" class=
"md-nav__link">
1788 <li class=
"md-nav__item md-nav__item--nested">
1791 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_7" type=
"checkbox" id=
"__nav_7" >
1793 <label class=
"md-nav__link" for=
"__nav_7">
1795 <span class=
"md-nav__icon md-icon"></span>
1797 <nav class=
"md-nav" aria-label=
"Tutorials" data-md-level=
"1">
1798 <label class=
"md-nav__title" for=
"__nav_7">
1799 <span class=
"md-nav__icon md-icon"></span>
1802 <ul class=
"md-nav__list" data-md-scrollfix
>
1809 <li class=
"md-nav__item md-nav__item--nested">
1812 <input class=
"md-nav__toggle md-toggle" data-md-toggle=
"__nav_7_1" type=
"checkbox" id=
"__nav_7_1" >
1814 <label class=
"md-nav__link" for=
"__nav_7_1">
1816 <span class=
"md-nav__icon md-icon"></span>
1818 <nav class=
"md-nav" aria-label=
"Tutorial Series" data-md-level=
"2">
1819 <label class=
"md-nav__title" for=
"__nav_7_1">
1820 <span class=
"md-nav__icon md-icon"></span>
1823 <ul class=
"md-nav__list" data-md-scrollfix
>
1829 <li class=
"md-nav__item">
1830 <a href=
"../../../tutorial/series/overview/" class=
"md-nav__link">
1841 <li class=
"md-nav__item">
1842 <a href=
"../../../tutorial/series/part_1/" class=
"md-nav__link">
1853 <li class=
"md-nav__item">
1854 <a href=
"../../../tutorial/series/part_2/" class=
"md-nav__link">
1865 <li class=
"md-nav__item">
1866 <a href=
"../../../tutorial/series/part_3/" class=
"md-nav__link">
1893 <div class=
"md-sidebar md-sidebar--secondary" data-md-component=
"sidebar" data-md-type=
"toc" >
1894 <div class=
"md-sidebar__scrollwrap">
1895 <div class=
"md-sidebar__inner">
1897 <nav class=
"md-nav md-nav--secondary" aria-label=
"Table of contents">
1903 <label class=
"md-nav__title" for=
"__toc">
1904 <span class=
"md-nav__icon md-icon"></span>
1907 <ul class=
"md-nav__list" data-md-component=
"toc" data-md-scrollfix
>
1909 <li class=
"md-nav__item">
1910 <a href=
"#components" class=
"md-nav__link">
1914 <nav class=
"md-nav" aria-label=
"Components">
1915 <ul class=
"md-nav__list">
1917 <li class=
"md-nav__item">
1918 <a href=
"#htmlopen" class=
"md-nav__link">
1924 <li class=
"md-nav__item">
1925 <a href=
"#htmlclose" class=
"md-nav__link">
1931 <li class=
"md-nav__item">
1932 <a href=
"#classname" class=
"md-nav__link">
1938 <li class=
"md-nav__item">
1939 <a href=
"#wysiwygicon" class=
"md-nav__link">
1945 <li class=
"md-nav__item">
1946 <a href=
"#buttonlabel" class=
"md-nav__link">
1952 <li class=
"md-nav__item">
1953 <a href=
"#sourcecode" class=
"md-nav__link">
1959 <li class=
"md-nav__item">
1960 <a href=
"#isblockelement" class=
"md-nav__link">
1961 <isBlockElement
>
1966 <li class=
"md-nav__item">
1967 <a href=
"#attributes" class=
"md-nav__link">
1971 <nav class=
"md-nav" aria-label=
"<attributes>">
1972 <ul class=
"md-nav__list">
1974 <li class=
"md-nav__item">
1975 <a href=
"#html" class=
"md-nav__link">
1981 <li class=
"md-nav__item">
1982 <a href=
"#validationpattern" class=
"md-nav__link">
1983 <validationpattern
>
1988 <li class=
"md-nav__item">
1989 <a href=
"#required" class=
"md-nav__link">
1995 <li class=
"md-nav__item">
1996 <a href=
"#usetext" class=
"md-nav__link">
2012 <li class=
"md-nav__item">
2013 <a href=
"#example" class=
"md-nav__link">
2027 <div class=
"md-content" data-md-component=
"content">
2028 <article class=
"md-content__inner md-typeset">
2031 <a href=
"https://github.com/WoltLab/docs.woltlab.com/edit/5.4/docs/package/pip/bbcode.md" title=
"Edit this page" class=
"md-content__button md-icon">
2032 <svg xmlns=
"http://www.w3.org/2000/svg" viewBox=
"0 0 24 24"><path d=
"M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg>
2036 <h1 id=
"bbcode-package-installation-plugin">BBCode Package Installation Plugin
<a class=
"headerlink" href=
"#bbcode-package-installation-plugin" title=
"Permanent link">#
</a></h1>
2037 <p>Registers new BBCodes.
</p>
2038 <h2 id=
"components">Components
<a class=
"headerlink" href=
"#components" title=
"Permanent link">#
</a></h2>
2039 <p>Each bbcode is described as an
<code><bbcode
></code> element with the mandatory attribute
<code>name
</code>.
2040 The
<code>name
</code> attribute must contain alphanumeric characters only and is exposed to the user.
</p>
2041 <h3 id=
"htmlopen"><code><htmlopen
></code><a class=
"headerlink" href=
"#htmlopen" title=
"Permanent link">#
</a></h3>
2042 <div class=
"admonition info">
2043 <p class=
"admonition-title">Optional: Must not be provided if the BBCode is being processed a PHP class (
<code><classname
></code>).
</p>
2045 <p>The contents of this tag are literally copied into the opening tag of the bbcode.
</p>
2046 <h3 id=
"htmlclose"><code><htmlclose
></code><a class=
"headerlink" href=
"#htmlclose" title=
"Permanent link">#
</a></h3>
2047 <div class=
"admonition info">
2048 <p class=
"admonition-title">Optional: Must not be provided if
<code><htmlopen
></code> is not given.
</p>
2050 <p>Must match the
<code><htmlopen
></code> tag.
2051 Do not provide for self-closing tags.
</p>
2052 <h3 id=
"classname"><code><classname
></code><a class=
"headerlink" href=
"#classname" title=
"Permanent link">#
</a></h3>
2053 <p>The name of the class providing the bbcode output,
2054 the class has to implement the
<code>wcf\system\bbcode\IBBCode
</code> interface.
</p>
2055 <p>BBCodes can be statically converted to HTML during input processing using a
2056 <code>wcf\system\html\metacode\converter\*MetaConverter
</code> class. This class does not
2057 need to be registered.
</p>
2058 <h3 id=
"wysiwygicon"><code><wysiwygicon
></code><a class=
"headerlink" href=
"#wysiwygicon" title=
"Permanent link">#
</a></h3>
2059 <p><span class=
"label label-info">Optional
</span></p>
2060 <p>Name of the Font Awesome icon class or path to a
<code>gif
</code>,
<code>jpg
</code>,
<code>jpeg
</code>,
<code>png
</code>, or
<code>svg
</code> image (placed inside the
<code>icon/
</code> directory) to show in the editor toolbar.
</p>
2061 <h3 id=
"buttonlabel"><code><buttonlabel
></code><a class=
"headerlink" href=
"#buttonlabel" title=
"Permanent link">#
</a></h3>
2062 <div class=
"admonition info">
2063 <p class=
"admonition-title">Optional: Must be provided if an icon is given.
</p>
2065 <p>Explanatory text to show when hovering the icon.
</p>
2066 <h3 id=
"sourcecode"><code><sourcecode
></code><a class=
"headerlink" href=
"#sourcecode" title=
"Permanent link">#
</a></h3>
2067 <div class=
"admonition warning">
2068 <p class=
"admonition-title">Do not set this to
<code>1</code> if you don't specify a PHP class for processing. You must perform XSS sanitizing yourself!
</p>
2070 <p>If set to
<code>1</code> contents of this BBCode will not be interpreted,
2071 but literally passed through instead.
</p>
2072 <h3 id=
"isblockelement"><code><isBlockElement
></code><a class=
"headerlink" href=
"#isblockelement" title=
"Permanent link">#
</a></h3>
2073 <p>Set to
<code>1</code> if the output of this BBCode is a HTML block element (according to the HTML specification).
</p>
2074 <h3 id=
"attributes"><code><attributes
></code><a class=
"headerlink" href=
"#attributes" title=
"Permanent link">#
</a></h3>
2075 <p>Each bbcode is described as an
<code><attribute
></code> element with the mandatory attribute
<code>name
</code>.
2076 The
<code>name
</code> attribute is a
0-indexed integer.
</p>
2077 <h4 id=
"html"><code><html
></code><a class=
"headerlink" href=
"#html" title=
"Permanent link">#
</a></h4>
2078 <div class=
"admonition info">
2079 <p class=
"admonition-title">Optional: Must not be provided if the BBCode is being processed a PHP class (
<code><classname
></code>).
</p>
2081 <p>The contents of this tag are copied into the opening tag of the bbcode.
2082 <code>%s
</code> is replaced by the attribute value.
</p>
2083 <h4 id=
"validationpattern"><code><validationpattern
></code><a class=
"headerlink" href=
"#validationpattern" title=
"Permanent link">#
</a></h4>
2084 <p><span class=
"label label-info">Optional
</span></p>
2085 <p>Defines a regular expression that is used to validate the value of the attribute.
</p>
2086 <h4 id=
"required"><code><required
></code><a class=
"headerlink" href=
"#required" title=
"Permanent link">#
</a></h4>
2087 <p><span class=
"label label-info">Optional
</span></p>
2088 <p>Specifies whether this attribute must be provided.
</p>
2089 <h4 id=
"usetext"><code><usetext
></code><a class=
"headerlink" href=
"#usetext" title=
"Permanent link">#
</a></h4>
2090 <p><span class=
"label label-info">Optional
</span></p>
2091 <div class=
"admonition info">
2092 <p class=
"admonition-title">Should only be set to
<code>1</code> for the attribute with name
<code>0</code>.
</p>
2094 <p>Specifies whether the text content of the BBCode should become this attribute's value.
</p>
2095 <h2 id=
"example">Example
<a class=
"headerlink" href=
"#example" title=
"Permanent link">#
</a></h2>
2096 <div class=
"highlight"><pre><span></span><code><?xml version=
"1.0" encoding=
"UTF-
8"?
>
2097 <data xmlns=
"http://www.woltlab.com
" xmlns:xsi=
"http://www.w3.org/
2001/XMLSchema-instance
" xsi:schemaLocation=
"http://www.woltlab.com http://www.woltlab.com/XSD/
2019/bbcode.xsd
">
2099 <bbcode name=
"foo
">
2100 <classname
>wcf\system\bbcode\FooBBCode
</classname
>
2102 <attribute name=
"0">
2103 <validationpattern
>^\d+$
</validationpattern
>
2104 <required
>1</required
>
2109 <bbcode name=
"example
">
2110 <htmlopen
>div
</htmlopen
>
2111 <htmlclose
>div
</htmlclose
>
2112 <isBlockElement
>1</isBlockElement
>
2113 <wysiwygicon
>fa-bath
</wysiwygicon
>
2114 <buttonlabel
>wcf.editor.button.example
</buttonlabel
>
2124 <div class=
"md-source-date">
2127 Last update:
2021-
01-
08
2145 <footer class=
"md-footer">
2147 <nav class=
"md-footer__inner md-grid" aria-label=
"Footer">
2149 <a href=
"../acp-template/" class=
"md-footer__link md-footer__link--prev" rel=
"prev">
2150 <div class=
"md-footer__button md-icon">
2151 <svg xmlns=
"http://www.w3.org/2000/svg" viewBox=
"0 0 24 24"><path d=
"M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12z"/></svg>
2153 <div class=
"md-footer__title">
2154 <div class=
"md-ellipsis">
2155 <span class=
"md-footer__direction">
2164 <a href=
"../box/" class=
"md-footer__link md-footer__link--next" rel=
"next">
2165 <div class=
"md-footer__title">
2166 <div class=
"md-ellipsis">
2167 <span class=
"md-footer__direction">
2173 <div class=
"md-footer__button md-icon">
2174 <svg xmlns=
"http://www.w3.org/2000/svg" viewBox=
"0 0 24 24"><path d=
"M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4z"/></svg>
2180 <div class=
"md-footer-meta md-typeset">
2181 <div class=
"md-footer-meta__inner md-grid">
2182 <div class=
"md-footer-copyright">
2184 <div class=
"md-footer-copyright__highlight">
2185 Copyright ©
2020 WoltLab GmbH
2189 <a href=
"https://squidfunk.github.io/mkdocs-material/" target=
"_blank" rel=
"noopener">
2194 <div class=
"md-footer-copyright">
2195 <a href=
"https://www.woltlab.com/legal-notice/">Legal Notice
</a>
2196 <a href=
"https://www.woltlab.com/privacy-policy/">Privacy Policy
</a>
2203 <div class=
"md-dialog" data-md-component=
"dialog">
2204 <div class=
"md-dialog__inner md-typeset"></div>
2206 <script id=
"__config" type=
"application/json">{
"base":
"../../..",
"features": [],
"translations": {
"clipboard.copy":
"Copy to clipboard",
"clipboard.copied":
"Copied to clipboard",
"search.config.lang":
"en",
"search.config.pipeline":
"trimmer, stopWordFilter",
"search.config.separator":
"[\\s\\-]+",
"search.placeholder":
"Search",
"search.result.placeholder":
"Type to start searching",
"search.result.none":
"No matching documents",
"search.result.one":
"1 matching document",
"search.result.other":
"# matching documents",
"search.result.more.one":
"1 more on this page",
"search.result.more.other":
"# more on this page",
"search.result.term.missing":
"Missing"},
"search":
"../../../assets/javascripts/workers/search.fb4a9340.min.js",
"version": {
"provider":
"mike"}}
</script>
2209 <script src=
"../../../assets/javascripts/bundle.5cf3e710.min.js"></script>