Вставить цитату

[Ubivectel]

Привет Мир!
Пытаюсь добавить чату возможность вставки цитат сообщений. Нюансов очень много но по порядку. Код формирующий сообщение:

kide.insertNewContent = function (uid, name, text, url, ti, color, rango, id, sesion, yo, hora, img) {
	if (text.replace(/ /g, "") != "") {
		let c = color.length > 0 ? 'style="color:#' + color + '" class="KIDE_msg"' : 'class="KIDE_dc_' + this.rangos[rango] + ' KIDE_msg"';
		let div = this.$('KIDE_msgs');
		let nodo = document.createElement('div');
		let insertO = this.$("KIDE_output");
		let s_hora;
		nodo.setAttribute('id', 'KIDE_id_' + id);
		nodo.setAttribute('class', 'KIDE_msg_top');
		if (this.show_hour)
			s_hora = '<span title="' + ti + '" class="KIDE_msg_hour">' + hora + '</span> ';
		else
			s_hora = '';
		let tmp = '';
		if (img && kide.show_avatar) {
			let style = kide.avatar_maxheight ? 'style="max-height:' + kide.avatar_maxheight + '" ' : '';
			tmp = '<img ' + style + 'src="' + img + '" class="KIDE_icono" alt="" /> ';
		}

		onclick = "kide.insertSmile(\''+name+\', ')";  //mod

		nodo.innerHTML = s_hora + tmp + '<span style="cursor: pointer" class="KIDE_' + this.rangos[rango] + '" onclick="kide.insertSmile(\'' + name + ', \')" oncontextmenu="event.preventDefault();kide.mensaje(\'' + name + '\', ' + uid + ', ' + id + ', \'' + url + '\', \'' + ti + '\', \'' + sesion + '\', ' + rango + ', \'' + img + '\')">' + name + '</span>: <span ' + c + '>' + this.filter_smilies(text) + '</span>';
		if (this.order == 'bottom') {
			this.insertAfter(nodo, insertO.lastChild);
		} else
			insertO.insertBefore(nodo, insertO.firstChild);
		if (!yo && this.sound == 1)
			this.play_msg_sound();
		this.ajustar_scroll();
	}
};

Попытался добавить переменную с айди кнопки которая которая будет вставлять текст:

let bquote = document.querySelector('#insertmsg');

добавить к ней событие:

bquote.onclick = "kide.insertSmile(\''+nodо+\')";

Разумеется не заработало.

Добавил функцию меняющую класс переменной "nodo"

nodo.onclick = function() { 
nodo.classList.toggle('selmsg');}

Работает. То есть сейчас Сейчас для начала нужно добавить строку которая будет по клику на элемент #insertmsg с помощью вотэтововот: kide.insertSmile добавлять данные из переменной nodo когда ей присвоен класс selmsg
Я еще сам четко в голове не оформил, как это все в итоге будет выглядеть, но с чего-то надо начинать )))

[рони]

Ubivectel,

document.addEventListener("click", ({ target }) => {
    if (target = target.closest('.KIDE_msg_hour')) {
        target = target.closest('.KIDE_msg_top')
        let text = target.textContent;
        kide.insertSmile(text)
    }
});

[Ubivectel]

Вообще не понимаю, а как его связать с кнопкой #insertmsg ?

[рони]

а как его связать с кнопкой #insertmsg ?

никак, этот код самодостаточен, для цитирования любой строки в чате.)))

[Ubivectel]

Едрит-мадрит, у меня порой ощущение, что рони знает какой-то секретный яваскрипт, известный только ему ))))))))) куда хоть это вставить, и как пользоваться?

[рони]

Ubivectel,
вставить куда угодно, перезагрузиться, и жмакать на время в строке.

[рони]

Ubivectel,

document.addEventListener("click", ({ target }) => {
    if (target = target.closest('.KIDE_msg_hour')) {
        target = target.closest('.KIDE_msg_top')
        let text = target.textContent;
        kide.insertSmile(`[QUOTE]${text}[/QUOTE]`)// добавить теги
    }
});

filter_smilies: function(s) {
        s = " " + s + " ";
        for (let i = 0; i < this.smilies.length; i++) {
            s = s.replace(" " + this.smilies[i][0], '<img alt="' + this.smilies[i][0] + '" title="' + this.smilies[i][0] + '" src="' + this.smilies[i][1] + '" class="KIDE_icono" />');
            s = s.replace(" " + this.smilies[i][0].toLowerCase(), '<img alt="' + this.smilies[i][0] + '" title="' + this.smilies[i][0] + '" src="' + this.smilies[i][1] + '" class=KIDE_icono" />')
        }
 /* добавить замену*/
        let reg = /\[QUOTE\](.+)\[\/QUOTE\]/;
        while (reg.test(s)) {
        s = s.replace(reg, `<span class="KIDE_quote">$1</span>`)
        };
 /* добавить */
        return s;
    },

и в css добавить оформление

.KIDE_quote {
                  color: #8B4513;
              }

[Ubivectel]

Все четко по инструкции, однако что-то не добавляет...
Вставляет без тегов

[Ubivectel]

Сорри, моск уже не работает, Ctrl + S не нажал в редакторе )

[рони]

Ubivectel,
не вижу изменений в /kide.js

там по прежнему
kide.insertSmile(text) вместо

kide.insertSmile(`[QUOTE]${text}[/QUOTE]`)