Вмъкване на bb кодове функция

Откъде да започна?

Нека помислим какво bb ще приложим.

  • bb код "b" - а именно получер текст
  • bb код "a" - Поставете връзки в нашата форма
  • bb код "img" - Поставете изображения във формуляра
  • bb код "end" - Разделяне на кодова дума, позволяваща отделяне на мини текст от пълен текст (бутон "прочети повече")

Сега нека помислим за действителния процес на добавяне на bb код към формуляра.

И в допълнение, целта на днешната статия е да напише панел с bb кодове, две форми и две функции в javascript. Бих искал да кажа нещо за функцията за добавяне на кодове. Той ще извърши две операции, отваряне на формуляри за попълване и всъщност добавяне на кодове в текстовото поле.

Гнездо с bb кодове

Отворете нашия шаблон addcontent.html и инжектирайте панел с bb кодове в него

Код форма "а"

Преди да публикувам кода на формуляра, бих искал да разреша проблема с дизайна на тези формуляри. Отворете първо файла style.css в администраторската папка и поставете следните стилове там:

Не искам да ви натоварвам с въпроса за дизайна на нашия проект, така че просто копирайте и запазете, без да гледате

Сега самата форма:

Вмъкнете тази част от кода в нашия шаблон addcontent.html в самото дъно

Формата на кода "img"

Тази част от кода се вмъква в същия шаблон, в самото дъно:

Е, ние някак си разбрахме формите. Нека започнем със самата функция

Научете повече за функцията за маркиране

Както казах, той ще извърши две операции, ние визуално ще разграничим полето:

Функцията има променлива стъпка, тя ще следи каква операция да извърши. Например, ако стъпката на променливата е равна на единица, тогава функцията ще отвори формата на тага "а", ако променливата е равна на нула, тя ще вмъкне кода "b" в текстовото поле и т.н. .

Откриване на формуляри

Имаме две форми, което означава, че ще има две операции за отваряне, ще ги напишем:

Не се учудвайте, че променливата на стъпката има необичайни цифри, аз вече написах функцията, копирам я на части Сега нека я запазим и свържем. Запазих го под името js.js в папката за шаблони. За да се свържете, отворете файла index.html и след: