hiro/riot-katex
1
0
Fork 0
mirror of https://github.com/vale981/riot-katex synced 2025-03-04 08:41:39 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix render issue in private chats

Browse source
This commit is contained in:
Valentin Boettcher 2020-04-09 20:37:57 +02:00
parent 525a6fe4b8
commit f07af0755c
1 changed files with 17 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
riot-katex.js
View file

@ -32,12 +32,16 @@
let og_content = (' ' + node.textContent).slice(1);
li.setAttribute('originalContent', og_content);
li.querySelector('.mx_MessageActionBar_maskButton[title="Edit"]')
.addEventListener("click", event => {
event.target.closest('li').setAttribute('originalContent', '');
node.textContent = og_content;
});
renderMathInElement(node);
let edit_button = li.querySelector('.mx_MessageActionBar_maskButton[title="Edit"]');
if (edit_button) {
li.querySelector('.mx_MessageActionBar_maskButton[title="Edit"]')
.addEventListener("click", event => {
event.target.closest('li').setAttribute('originalContent', '');
node.textContent = og_content;
});
}
}
/**
@ -46,8 +50,10 @@
function init() {
// render with KaTeX as soon as the message appears
function listen_on_chat_element() {
const chat_elem = document.querySelector('.mx_RoomView_MessageList');
for(let node of chat_elem.querySelectorAll('.mx_MTextBody')) {
let chat_elem = document.querySelector('.mx_RoomView_MessageList');
let chat_items = chat_elem.querySelectorAll('.mx_MTextBody');
for(let node of chat_items) {
renderMath(node);
}
@ -74,6 +80,10 @@
let last_title = ''
const header = document.querySelector('title');
// start listening
let chat_observer = listen_on_chat_element();
// when changing the chat room, we have to create a new listener
function change_chat_element(mutationsList, observer) {
if(last_title == header.textContent)
@ -87,9 +97,6 @@
chat_observer = listen_on_chat_element();
}
// start listening
let chat_observer = listen_on_chat_element();
// start listening on the header as well
const header_obs = new MutationObserver(change_chat_element)
header_obs.observe(header, { attributes: true, childList: true, subtree: true });