hiro/riot-katex
1
0
Fork 0
mirror of https://github.com/vale981/riot-katex synced 2025-03-04 16:51:37 -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); let og_content = (' ' + node.textContent).slice(1);
li.setAttribute('originalContent', og_content); 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); 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() { function init() {
// render with KaTeX as soon as the message appears // render with KaTeX as soon as the message appears
function listen_on_chat_element() { function listen_on_chat_element() {
const chat_elem = document.querySelector('.mx_RoomView_MessageList'); let chat_elem = document.querySelector('.mx_RoomView_MessageList');
for(let node of chat_elem.querySelectorAll('.mx_MTextBody')) { let chat_items = chat_elem.querySelectorAll('.mx_MTextBody');
for(let node of chat_items) {
renderMath(node); renderMath(node);
} }
@ -74,6 +80,10 @@
let last_title = '' let last_title = ''
const header = document.querySelector('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 // when changing the chat room, we have to create a new listener
function change_chat_element(mutationsList, observer) { function change_chat_element(mutationsList, observer) {
if(last_title == header.textContent) if(last_title == header.textContent)
@ -87,9 +97,6 @@
chat_observer = listen_on_chat_element(); chat_observer = listen_on_chat_element();
} }
// start listening
let chat_observer = listen_on_chat_element();
// start listening on the header as well // start listening on the header as well
const header_obs = new MutationObserver(change_chat_element) const header_obs = new MutationObserver(change_chat_element)
header_obs.observe(header, { attributes: true, childList: true, subtree: true }); header_obs.observe(header, { attributes: true, childList: true, subtree: true });