Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/6: Рейтинг темы: голосов - 6, средняя оценка - 5.00
 Аватар для dukesov
19 / 18 / 11
Регистрация: 24.08.2015
Сообщений: 471

Вставка BB кода

30.07.2016, 13:11. Показов 1215. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет. Делаю себе на сайте bb коды. Так как не силен в js нашел на просторах интернета код, который по нажатию на bb код вставляет его.
JavaScript
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
$(document).ready(function(){
    $('.bb_bar a').click(function(){
        var button_id = attribs = $(this).attr("alt");
        button_id = button_id.replace(/[.*]/, '');
        if (/[.*]/.test(attribs)){
            attribs = attribs.replace(/.*[(.*)]/, ' $1');
        }
        else attribs = '';
        var start = '['+button_id+attribs+']';
        var end = '[/'+button_id+']';
        insert(start, end);
        return false;
    });
});
 
function insert(start, end){
    element = document.getElementById('bb');
    if (document.selection){
        element.focus();
        sel = document.selection.createRange();
        sel.text = start + sel.text + end;
    }
    else if (element.selectionStart || element.selectionStart == '0'){
        element.focus();
        var startPos = element.selectionStart;
        var endPos = element.selectionEnd;
        element.value = element.value.substring(0, startPos) +
        start + element.value.substring(startPos, endPos) + end +
        element.value.substring(endPos, element.value.length);
    }
    else {
        element.value += start + end;
    }
}
HTML5
1
2
3
4
5
6
7
<div class="bb_bar">
<a href="//#" alt="c"><i class="fa fa-align-center bbcode_a" aria-hidden="true"></i></a> 
<a href="//#" alt="b"><i class="fa fa-bold bbcode_a" aria-hidden="true"></i></a>
<a href="//#" alt="i"><i class="fa fa-italic bbcode_a" aria-hidden="true"></i></a>
<a href="//#" alt="u"><i class="fa fa-underline bbcode_a" aria-hidden="true"></i></a>
</div>
<textarea name="description" class="form-control" id="bb" rows="10"></textarea>
Все работает нормально. Вставляет, при выделении текста при нажатии на bb код, текст становится между bb кодом. Но есть одно но.
При вставке bb кода, без выделения текста, курсор ставится после закрытого bb кода.

Помогите пожалуйста доработать данный код, что при вставке bb кода, курсор становился между открытым и закрытым bb кодом, то-есть по середине.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
30.07.2016, 13:11
Ответы с готовыми решениями:

Вставка кода С
Мне нужно в питончик вставить код написанный на СИ, подсказали библиотеку ctypes, кто - нибудь может подсказать как это делается на...

Вставка кода
У меня есть код для тестов. Первый код их открытия: procedure TForm1.N5Click(Sender: TObject); //открытие тестов begin ...

Вставка кода
Можно ли на страницу вставить php код с формой для заполнения данных?

6
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
30.07.2016, 14:21
dukesov, вы, когда писали здесь это своё сообщение, пользовались редактором, в котором ваша проблема решена
неужто вам самому трудно посмотреть исходный код этой страницы и увидеть -- как именно надо сделать правильно?
или вас над обязательно "носом ткнуть"?
0
 Аватар для dukesov
19 / 18 / 11
Регистрация: 24.08.2015
Сообщений: 471
30.07.2016, 14:32  [ТС]
kalabuni, Посмотрел... Решения не нашел.
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
30.07.2016, 14:39
Цитата Сообщение от dukesov Посмотреть сообщение
Посмотрел... Решения не нашел.
увы, я не офтальмолог
0
 Аватар для dukesov
19 / 18 / 11
Регистрация: 24.08.2015
Сообщений: 471
30.07.2016, 17:25  [ТС]
kalabuni, я бы не писал сюда, если б смог решить задачу сам.
При чем тут редактор форума и тот код?
Хотя бы подскажите где конкретно искать, в js или html?

Добавлено через 2 часа 36 минут
Выручайте плиз кто может)
0
 Аватар для dukesov
19 / 18 / 11
Регистрация: 24.08.2015
Сообщений: 471
09.08.2016, 23:04  [ТС]
Вопрос все еще в силе
0
 Аватар для dukesov
19 / 18 / 11
Регистрация: 24.08.2015
Сообщений: 471
30.08.2016, 08:52  [ТС]
Может кто поможет?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
30.08.2016, 08:52
Помогаю со студенческими работами здесь

Не работает вставка кода
почему не работает вставка кода? public string Test() { return &quot;&lt;asp:Label ID =&quot;Label1&quot;runat...

Вставка кода в класс
существует файл, где функйии написаны как они есть. Теперь нажно эти функции оформить как методы класса. если просто скопировать - то...

Вставка кода С++ в Matlab
Подскажите, пожалуйста, как лучше реализовывать вставки кода С++ на Matlab. И, если есть примеры подобного, можете показать. Заранее...

Вставка ассемблерного кода
Код: #include &lt;stdio.h&gt; int main() { __asm{ _start:

Вставка кода IDLE
Мне надо скопировать огромный код в IDLE, но почему то не работает ctrl-v, что нужно делать?


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Переходник USB-CAN-GPIO
Eddy_Em 20.03.2026
Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .
Оттенки серого
Argus19 18.03.2026
Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++
8Observer8 17.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip
Символические и жёсткие ссылки в Linux.
algri14 15.03.2026
Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора
ФедосеевПавел 14.03.2026
Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию
anaschu 13.03.2026
прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru