Загварыг ашиглан шинж чанарыг өөрчлөхөд ашиглаж болох текст.

Загварын шинж чанаруудыг өөрчлөх боломжтой хязгаарлагдмал газар (байрлал, хүрээ, хязгаарлалт, агуулгын шинж чанар гэх мэт).
* Анхдагч байдлаар, мужийн хүрээ харагдахгүй байна. Нэг хуудсанд нэгэн зэрэг хэд хэдэн талбар байж болно.

Текст форматад:

[b] Чухал текст, тод

[би] Чухал текст, куртик

Зоригтой л байна

Зүгээр налуу

[u] Доорх текст

[s] Хатуу текст - хэлбэлзэлтэй адил

Жижиг фонт

Дээрх тайлбарын тэмдэг эсвэл текстийн доор индекс

Устгасан текст

Үсгийн хэмжээ:

13 цэг фонт

15 цэг фонт

9px фонт

12х хэмжээтэй фонт

15px фонт

Хэмжээ 0

Хэмжээ +1

Хэмжээ +2

Үсгийн хэмжээг сонгох боломжтой (харааны үнэлгээ) боломжтой.

Гарчиг:

1-р түвшний гарчиг

2-р түвшний гарчиг

3-р түвшний гарчиг

4-р түвшний гарчиг

5-р түвшний гарчиг

6-р түвшний гарчиг

Текстийг фонт хийх:

Font Comic Sans хатагтай

Үсгийн хэв маягийн Corsiva

Үсгийн тахома

Үсгийн хэлбэрийн боломжит хувилбарууд (нэрс болон визуал үнэлгээ) боломжтой.

Текстийг өнгөөр \u200b\u200bхийх:

Улаан текст
* Та өнгөт стандарт тэмдэглэгээг ашиглаж болно: Улаан, Ногоон, Цэнхэр гэх мэт.

Цэнхэр текст
* # 0000ff гэсэн тоо нь RGB палитрт цэнхэр гэсэн үг юм.

Цэнхэр дэвсгэр
* Арын дэвсгэр нь өнгө өөрчлөх боломжтой.

Цэнхэр текст, саарал дэвсгэр

Урьдчилан тодорхойлсон өнгө:

Хар цагаан, улаан, ногоон, хөх, ягаан өнгийн гялтгар бор улбар шар
Цэнхэр шаргал ягаан хар ногоон өнгөтэй DarkGoldenrod алтан цахирмаа хөх ягаан ягаан өнгийн Burlywood PeachPuff

Зургаан өнцөгт кодын зарим өнгө нь улаан, ногоон, цэнхэр өнгө юм (RR GG BB):

# 000000 #FFFFFF # FF0000 # 00FF00 # 0000FF # FF00FF # FF4444 # FF9999 #FFCCCC # 9999FF # FF99FF #DDDDDD # FFE4C4 # UDP99 # FF8DC # FA8072 # 990000 # FF3030 # 000080E # 0000E000000000000000000000000 # DAA520 # FFCC33 # FFA500 # C71585 # 8B008B # CC33FF

Өнгөт палитр, тэдгээрийн код / \u200b\u200bнэрийг ашиглах боломжтой хувилбарууд.

Текстийг цэгцлэх, догол мөрийг форматлах

Текстийг зэрэгцүүлэх:

Текстийг зүүн талд нь тэгшлэ

Зүүн чиглэлд хэв маягаар нийцүүлэх

Параграфыг зүүн тийш нь чиглүүл

Текстийг тэгшлэх

Загварын дагуу төв төв

Догол мөрөнд төвийн зэрэгцүүлэх

Текстийг баруун талд нь тэгшлэ

Баруун тийш нь хэв маягаар нь тааруул

Догол мөрөнд баруун тийш нь зэрэгцүүл

Текстийг хоёр талд нь тэгшлэ

Хоёр талдаа хэв маягаар тэгшлээрэй

Параграфын хоёр талд зэрэгцүүлэх
* Текстийн зэрэгцүүлэлтийг нэг мөрөөс урт текстүүдэд харуулна.

Догол мөртэй тайлбар, тайлбар (сэтгэгдэл).

[q] дарааллаар нь иш татах

Шинж чанаруудтай уялдуулан үнийн санал өгөх

  Тусдаа блок дээр иш татсан текстийг агуулна
  зүүн талд нь жижиг хэмжээтэй, тусгай загвар (форумын хэв маяг).

Жишээ нь:
  Lorem ipsum dolor сууж байгаарай
  Lorem ipsum dolor сууж байгаарай
  Lorem ipsum dolor сууж байгаарай

Догол мөр болон хэсгийг форматлах:

Сайн байна уу Энэ догол мөрөнд эхний өгүүлбэрийг улаан шугамаас гаргана, жишээ нь. тасралтгүй. Яг л хэвлэлийн газар шиг. Үнэн бол Интернет дээр энэ нь ховор тохиолддог практик юм. Параграфуудыг хоосон зайгаар тусгаарлах ёстой.

Жагсаалтыг форматлах

Тэмдэглэл эсвэл тэмдэглэсэн жагсаалтуудад ашиглах:

• Жагсаалтын зүйлүүдийн нэг
• Өөр нэг ийм зүйл
• Нэг зүйлийг нэмж хэлье.

[*] Өөр нэг зүйл
[*] Өөр нэг зүйл.

Дугаарласан жагсаалтуудын хувьд тагийг ашиглана уу:

1. Жагсаалтын зүйлүүдийн нэг
2. Өөр нэг ийм зүйл
3. Нэг зүйлийг нэмж хэлье.

[*] Жагсаалтын зүйлүүдийн нэг
[*] Өөр нэг зүйл
[*] Өөр нэг зүйл.

Хаалтын тагийг ашиглахад зайлшгүй шаардлагатай:

• Жагсаалтын зүйлүүдийн нэг
• Өөр нэг ийм зүйл
• Нэг зүйлийг нэмж хэлье.

[*] Жагсаалтын зүйлүүдийн нэг
[*] Өөр нэг зүйл
[*] Өөр нэг зүйл.

Жагсаалтын харагдацыг шууд зааж өгөх боломжтой:
   - дугаарласан жагсаалт
   - цагаан толгойн жагсаалт
   - Ром тоогоор дугаарлагдсан жагсаалт

Зураг

Http://img.cx/img/primer.jpg - зураг оруулах жишээ.

Http://img.cx/img/primer.jpg - зүүн талд байгаа зураг.

Http://img.cx/img/primer.jpg - баруун талд байгаа зураг.
* Энэ код HTML кодтой төстэй байна:

Http://img.cx/img/primer.jpg - төвд байрлуулсан зураг.
* Энэ код HTML кодтой төстэй байна:

Нэрс болон хэрэгслүүдтэй төстэй тагууд:

Чухал! Зургийн нэр дээр та ишлэл ашиглах боломжгүй!

Http://img.cx/img/primer.jpg - зураг оруулах жишээ.

Http://img.cx/img/primer.jpg - зүүн талд байгаа зураг.

Http://img.cx/img/primer.jpg - баруун талд байгаа зураг.

Http://img.cx/img/primer.jpg - төвд байрлуулсан зураг.

Тодорхой хэмжээтэй зургууд:

Http://img.cx/img/primer.jpg - хэмжээтэй зургийн жишээ.
* Энэ код HTML кодтой төстэй байна:

Http://img.cx/img/primer.jpg - зураг зүүн талд, хэмжээтэй.

Http://img.cx/img/primer.jpg - баруун талд зураг, хэмжээтэй.

Гүйлгэх мөр бүхий том зургуудыг оруулах:

Http: //www..jpg - сонгосон хэсэгт байрлуулсан зураг, хэрэв энэ нь форум дээрх дэлгэцийн хэмжээнээс том хэмжээтэй байвал.

Хаяг - зургийг шинэ цонхонд нээнэ.
* Энэ код HTML кодтой төстэй байна:

Хаяг - зургийг ижил цонхонд нээнэ.
* Энэ код HTML кодтой төстэй байна:

Би өөрийн төслүүдэд (PHP дээр бичсэн) BBCode "хэлмэрч" -ийг үе үе ашиглах шаардлагатай байдаг. Зарим нэгээс бага эсвэл бага шингэцтэй шийдлийг хайх цаг зав байдаггүй бөгөөд энэ нь эцсийн тохиолдол бүрт "хавч" ашиглах, үүсгэхэд хүргэдэг.
  Гэхдээ одоо миний хүссэн зүйлээ олж авав.

Ийм бэлэн шийдлийн талаар миний гомдол нь ихэвчлэн эдгээр номын сангийн догол мөрийг зохих ёсоор боловсруулж чадахгүй байгаатай холбоотой юм. Үнэндээ тэд ихэвчлэн догол мөрийг огт ашигладаггүй (tag) P) оронд нь, ажлынхаа үр дүнд тэд зүгээр л шошго оруулдаг
ердийн шугам таслах тэмдэгтүүдийг орлуулах. Би догол мөрийг дуурайх энэ аргыг 98 хувь гэж бодож байна, зөөлөн, зохисгүй гэж үзье. Гэхдээ шугам боох нь арга хэмжээнд багтах тул
  "хүний" оронд хэрэгжүүлэхэд илүү хялбар байдаг.

, ихэнх нь хийдэг шигээ зарим нь br Зарим нь янз бүрийн бэлэн номын сангийн хөгжүүлэгчдийн залхууралаас болж бр нь бүр ч зөв гэж хэлдэг шалтаг гарч ирдэг бол бусад хүмүүсийн нэг хэсэг нь шошгыг ашигладаг гэж үздэг. P  хуучирсан (эцсийн эцэст, олон бэлэн бүтээгдэхүүн, сайтад ч гэсэн догол мөрийг ашиглах замаар үүсдэг
) 🙂

Эхлээд эхэлье

Гэхдээ хонгилын төгсгөлд гэрэл асдаг бололтой. Энэ бол BBCode-той ажиллахад бэлэн анги юм. Энэ бол маш сайн ажил юм. Цорын ганц сөрөг зүйл бол сайт дээр үзүүлсэн баримт бичиг нь орос хэл дээр байдаггүй. Би бас энэ нийтлэл дэх энэ хасах зүйлийг даван туулахыг хүсч байна, ангийг Оросын тайлбартай хамт ашиглах жишээг өгөв.

Эхлээд та номын санг татаж авах хэрэгтэй (бичиж байх үед номын сангийн хувилбар 0.3.3 байсан). Src хавтсанд татсан архиваас та бидэнд хэрэгтэй хоёр файлыг олох болно: stringparser.class.php ба stringparser_bbcode.class.php.

Жишээлбэл, бидэнд хоосон index.php файл байна гэж бодъё, түүний хажууд дээр дурдсан хоёр файлыг агуулсан хавтас / bbcode / үүсгэнэ.
  Жишээлбэл, "index.php" файлын хамгийн бага агуулга нь ийм байх ёстой (энэ жишээ ажиллуулснаар номын сан ажиллаж байгаа эсэхийг шууд харах боломжтой):

< ?php //Вставляем файл библиотеки require_once "bbcode/stringparser_bbcode.class.php"; //Создаем объект класса StringParser_BBCode $bbcode = new StringParser_BBCode (); //Добавляем объекту класса понятие о тэге [b] //(в итоге только этот тэг и будет //обрабатываться этим классом) $bbcode->addCode ("b", "simple_replace", , array ("start_tag" \u003d\u003e " "," end_tag \u200b\u200b"\u003d\u003e"")," inline ", array (" block "," inline "), array ()); // Туршилтын мөрийг боловсруулж, браузер руу echo $ bbcode-\u003e parse (" Текстийг шалгах, энэ үгийг [b ] тод ");?\u003e

AddCode функц

Магадгүй StringParser_BBCode ангийн объектын addCode функц нь энэ кодыг хамгийн их сонирхож магадгүй юм, энд түүний прототип, тодорхойлолтын жагсаалт гарч ирэх болно.

Void addCode (string $ code, string $ type, string $ callback, string $ params, $ content_type string, $ allow_in array, $ not_allow_in цуваа);

Энэ функц нь ангийн объектод зориулсан тодорхой код (bb код) гэсэн ойлголтыг нэмж өгдөг бөгөөд ингэснээр текстүүдийг эдгээр кодыг дараа нь олж илрүүлж, зохих ёсоор нь боловсруулдаг. Байна. бид эхлээд StringParser_BBCode ангийн обьект нь стандарт bb кодын талаар юу ч мэддэггүй, тэдгээрийг ямар ч байдлаар боловсруулж чадахгүй гэж хэлж болно. Тиймээс, ажил эхлэхийн дараа энэ объектыг bb кодын бүх төрлүүдэд "сургах" шаардлагатай болно.

$ code (жишээ нь энэ нь "b" гэсэн утгатай) Боловсруулалтын текстийг хайх кодыг оруулна уу. Байна. хэрэв та туршилтын кодыг зааж өгсөн бол тэмдэгийг боловсруулсан текстээс хайгаад тухайн функцийн бусад параметрүүдийн зааврын дагуу боловсруулна. $ type (жишээ нь, 'simple_replace' тохиргоог хийсэн) Тэмдэглэгээ хэрхэн боловсруулагдахыг заана (энэ нь ямар хэлбэртэй вэ). Доор тайлбарлах янз бүрийн урьдчилан тодорхойлсон шошго төрлүүд байдаг. Бидний жишээн дээр 'simple_replace' гэсэн гарчгийг зааж өгсөн бөгөөд энэ нь шошгыг (хослуулах таг [b] ба хаах) хослуулахыг зааж өгсөн бөгөөд эдгээр хаягийг доор дурдсан html шошготой орлуулах болно. $ буцааж буцаах (жишээ нь энэ нь тэг юм) Текст дотор олдсон тагийг боловсруулах үед дуудагдах функцийн нэрийг зааж өгөх боломжийг олгоно. 'Simple_replace' гэсэн тэмдэглэгээний хувьд ийм функц гэж нэрлэгдэхгүй бөгөөд энэ параметр дээр null-ийг зааж өгч болно. $ парамс (жишээ нь, цуваа ('start_tag' \u003d\u003e ' ',' End_tag \u200b\u200b'\u003d\u003e'')) Энэ параметр нь bb шошго биш аль html таг оруулах ёстойг заадаг. Параметрүүдийн нэр нь $ type параметр дээр бидний тодорхойлсон тэмдэглэгээнээс шууд хамаарна. $ content_type (жишээ нь, 'inline'). Шошийн дотоод агуулгын төрөл. Энэ нь дараахь утгуудыг авч болно: 'inline', 'block', 'link', 'image'. Хэрэв би андуураагүй бол та энэ төрлийн шүүлтүүрийг тодорхойлохын тулд өөрийн төрлийг бүртгэж авах боломжтой (доорх шүүлтүүрийг ашиглах жишээг үзнэ үү). $ allow_in (жишээ нь, утга нь массив болно ('block', 'inline')) Энэ параметр дээр та үүсгэсэн bb кодыг ямар обьектод багтааж болохыг зааж өгч болно (үүнийг боловсруулахад өөрөөр тооцохгүй болно). Жишээн дээрээ бид элемент нь блок элементүүд болон шугаман элементүүд дотор байж болно гэдгийг бид дурдав. $ not_allowed_in (жишээ нь, массив () асуудал) нь өмнөх параметртэй зөрчилдөж буй зорилготой.

Шошгоны боловсруулалтын төрлүүд

AddCode функц дэх $ төрлийн параметрийн утгын сонголтуудын тайлбар.

'Simple_replace' нь энгийн хос тэмдэглэгээг дүрсэлдэг. Энэ төрлийн шошго боловсруулалтыг ашиглахдаа парамет парамын функцийн параметр нь хоёр нүдийг агуулна: $ params ['start_tag'] болон $ params ['end_tag']. 'Start_tag' нь HTML дэх нээлтийн аналогийг, мөн 'end_tag' - хаах тэмдэгийг тус тусад нь агуулсан байх ёстой. 'Simple_replace_single' нь 'simple_replace' -тэй адил боловч зөвхөн нэг шошгонд ашиглагддаг бөгөөд үнэндээ ямар ч агуулгагүй (ж.нь., цаг гэх мэт) агуулж байна. Зөвхөн $ params ['start_tag'] параметрийг оруулах шаардлагатай. 'Callback_replace' Энэ төрлөөр та тохирсон зүйлийг (буцааж залгах функцийг ашиглан) хослуулсан тэмдэглэгээнд зориулан боловсруулалтыг солино. 'Callback_replace_single' нь 'callback_replace' адилхан боловч зөвхөн шошгонд зориулагдсан. "Usecontent" гэдэг нь "callback_replace" нэртэй адил, ийм шошгонд агуулагдах бусад шошгууд нь боловсруулагдахгүй, жишээ нь энэ нь код тэмдэглэгээ хийхэд тохиромжтой. Энэ нөхцөл байдал нь нөхцөл байдлаас шалтгаалан "usecontent" эсвэл "callback_replace" шиг ажилладаг. Тодорхой сонголтын хамаарлыг bb tag дээр урьдчилан тооцоолсон шинж чанар байгаа эсэхийг тодорхойлно. Хэрэв шинж чанар олдвол "callback_replace" боловсруулалтыг ашиглах болно, эс тэгвэл тэмдэг нь "usecontent" байдлаар боловсруулагдана. Хайлтын атрибутын нэрийг $ params ['usecontent_param'] параметрээр зааж өгсөн болно. Хэрэв анхдагчаар зааж өгсөн бол шинж чанарын утга нь шошго дээр шууд хуваарилагдсан байдаг, жишээлбэл, анхдагч атрибутын утга нь "http: // link" текст байх болно. Энэ техникийг ихэвчлэн жишээлбэл шошгон дээр ашигладаг. Энэ шошгыг http://www.example.com/ ба линк текст, [b] тод текст гэсэн хоёр хэлбэрээр ашиглаж болно. Эхний тохиолдолд 'usecontent' төрлийг ашиглах болно, учир нь холбоосын текстийг ямар ч форматгүйгээр харуулах ёстой (мөн гадаад тэмдэгт агуулсан бол холбоос өөрөө буруу байх болно). Өөр тохиолдолд, "callback_replace" төрлийг ашиглах хэрэгтэй, учир нь холбоос нь тусдаа параметр байдлаар дамждаг бөгөөд холбоос дотор агуулагдсан текст нь зарим төрлийн форматыг агуулж болно.
Тэмдэглэл: Та тэдгээрийг хайхдаа хэд хэдэн параметрүүдийг зааж өгөх боломжтой бөгөөд $ params ['usecontent_param'] -д та мөр биш харин мөрийг агуулж буй массив дамжуулах хэрэгтэй. Жишээ нь: $ bbcode-\u003e addCode (..., цуваа ('usecontent_param' \u003d\u003e цуваа ('параметр1', 'параметр2')), ...);. "Callback_replace?" Нь "үл нийцэх үү?" Хэрэв usecontent_param дээр дурдсан шинж чанаруудын аль нэг нь шошгонд гарч ирвэл "usecontent" байдлаар боловсруулагдах болно, бусад тохиолдолд "callback_replace" гэх мэтээр боловсруулагдана.

"Байлдааны" нөхцлөөс дээж код

Энэ нь индекс.php файлын жишээ нь илүү олон тооны шошгыг боловсруулах илүү дэвшилтэт анхан шатны тохируулгатай, мөн callback функц хэрхэн ажилладагийг ойлгох боломжтой. Гэх мэт.

< ?php //Вставляем файл библиотеки require_once "bbcode/stringparser_bbcode.class.php"; //Приводит разнообразные переводы строк //разных операционных систем в единый формат (\n) function convertlinebreaks ($text) { return preg_replace ("/\015\012|\015|\012/", "\n", $text); } //Удалить все символы, кроме переводов строк function bbcode_stripcontents ($text) { return preg_replace ("/[^\n]/", "", $text); } //Функция для обработки ссылок function do_bbcode_url ($action, $attributes, $content, $params, $node_object) { if (!isset ($attributes["default"])) { $url = $content; $text = htmlspecialchars ($content); } else { $url = $attributes["default"]; $text = $content; } //Часть функции, которая занимается //только валидацией данных тэга if ($action == "validate") { if (substr ($url, 0, 5) == "data:" || substr ($url, 0, 5) == "file:" || substr ($url, 0, 11) == "javascript:" || substr ($url, 0, 4) == "jar:") { return false; } return true; } //Непосредственное преобразование тэга в //html вариант с возвращением результата return "". $ text." ";) // Зураг оруулах функц do_bbcode_img ($ үйлдэл, $ атрибутууд, $ агуулга, $ параметри, $ node_object) (// функцын хэсэг нь // зөвхөн таг өгөгдлийг баталгаажуулдаг бол ($ action \u003d\u003d "validate") (хэрэв (substr ($ content, 0, 5) \u003d\u003d "data:" || substr ($ content, 0, 5) \u003d\u003d "file:" || substr ($ content, 0) , 11) \u003d\u003d "javascript:" || substr ($ content, 0, 4) \u003d\u003d "jar:") (return false;) return true;) // Тагийг шууд хөрвүүлээд // html сонголттой бол үр дүнг буцаана. " ";) // StringParser_BBCode ангийн обьектийг үүсгэх $ bbcode \u003d шинэ StringParser_BBCode (); // шүүлтүүр нэмэх (илүү дэлгэрэнгүй мэдээллийг баримт бичгээс үзнэ үү), // манай функцын хөрвүүлэлтийг ашиглан // текстийн мөрийг дан $ bbcode руу хөрвүүлдэг. -\u003e addFilter (STRINGPARSER_FILTER_PRE, "convertlinebreaks"); // Өөр төрлийн обьектуудад манай парсерт нэмэх // (илүү дэлгэрэнгүй мэдээллийг баримт бичгээс үзнэ үү) // Бид эдгээр шошгоны агуулга ямар функцээр дамжихыг зааж өгдөг. $ bbcode-\u003e addParser (массив ("блок", "inline", "холбоос", "жагсаалт"), "htmlspecialchars"); $ bbcode-\u003e addParser (array (" хориглох "," шугаман "," холбоос ", "listitem"), "nl2br"); $ bbcode-\u003e addParser ("list", "bbcode_stripcontents"); // Дараах байдлаар ашигласан bb кодыг нэмнэ: // Эхний түвшний толгойн текст $ bbcode-\u003e addCode ("h1" "," simple_replace ", , array (" start_tag "\u003d\u003e"

"," end_tag \u200b\u200b"\u003d\u003e"

• Эхнийх нь шошгыг ашигладаг Байна. \u003d Тэмдгийн дараа шаардлагатай URL-г оруулах ёстой. Жишээлбэл, phpBB.com-ийн холбоос үүсгэхийн тулд та дараахь зүйлийг ашиглаж болно.

  Эцсийн хэлбэрээр ийм код иймэрхүү харагдах болно: www.teosofia.ru сайтад зочилно уу! Хэрэглэгчийн хөтөчийн тохиргооноос хамааран линк нь ижил эсвэл шинэ цонхонд нээгдэнэ.

• Хэрэв та URL нь холбоос текст байдлаар гарч ирэхийг хүсч байвал та дараахь зүйлийг хийж болно:

  http://www.teosofia.ru/

• Үүнээс гадна phpBB гэж нэрлэгддэг функц гэж нэрлэдэг Автомат холбоосуудБайна. Энэ функц нь аливаа синтаксик хүчинтэй URL-г холбоос болон http: // угтвар шаардалгүйгээр холбоос болгон хувиргадаг. Жишээлбэл, www.teosofia.ru гэсэн хэллэгийг мессеж рүү оруулснаар энэ мессежийг үзэх үед www.teosofia.ru автоматаар гарна.
• И-мэйл хаягт мөн адил хамаарна: та хаягийг тодорхой зааж өгөх боломжтой:

  [email protected]

  юу өгөх вэ [email protected]  эсвэл зүгээр л мессежэнд [email protected] хаягийг оруулаад энэ мессежийг үзэх үед автоматаар хөрвүүлэгдэх болно.

http://www.teosofia.ru/my-picture.gif

буруу байвал энэ нь таны зурвасыг бүрмөсөн устгахад хүргэж болзошгүй юм. Болгоомжтой байгаарай.