Shikme Markdown

Добавляет базовую разметку маркдаун в чат

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Shikme Markdown
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Добавляет базовую разметку маркдаун в чат
// @author       You
// @match        https://shikme.ru/
// @grant        none
// ==/UserScript==

/*jshint esversion: 6 */

(function() {
    'use strict';

    const container = document.querySelector("#chat_logs_container");
    if (!container) return;



    function markdownIt(textEl) {
        let text = textEl.innerHTML;
        let newText = text.replace(/\*\*(.+)\*\*/, "<b>$1</b>");
        newText = newText.replace(/\*(.+)\*/, "<em>$1</em>");
        newText = newText.replace(/~~(.+)~~/, "<s>$1</s>");
        newText = newText.replace(/__(.+)__/, "<u>$1</u>");
        textEl.innerHTML = newText;
    }

    setTimeout(() => {
        container.querySelectorAll('.chat_message').forEach(msg => markdownIt(msg));
    }, 500);

    var mutationObserver = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            // console.log(mutation);
            if (!mutation.addedNodes.length) return;
            mutation.addedNodes.forEach(node => markdownIt(node.querySelector(".chat_message")));
        });
    });

    mutationObserver.observe(container, {
        attributes: false,
        characterData: false,
        childList: true,
        subtree: false,
        attributeOldValue: false,
        characterDataOldValue: false
    });
})();