[ghide]текст[/ghide]
[ghide=3,4]текст[/ghide]

<script type="text/javascript">
/*
* Hide blocks for groups
* Made exclusively for http://magia-frpg.ru/
* Copying prohibited!
* Developer: Fumuse (https://forumd.ru/profile.php?id=7907 | https://fumuse.ru/)
*/
class HideBlock {
	userGroup = 3;
	groupLists = [
    {"id": 2, "name": "Модераторы"},
    {"id": 3, "name": "Гость"},
    {"id": 4, "name": "Игроки"},
    {"id": 5, "name": "Реклама"},
    {"id": 6, "name": "Новички"},
    {"id": 7, "name": "Читатель"},
    {"id": 8, "name": "Бан"},
	];
	blockList = [];

	constructor() {
    this.blockList = document.querySelectorAll('.hideblock');
    this.userGroup = window["GroupID"] || 3;
    this.hideBlock();
    this.bbButton();
	}

	hideBlock () {
    if (this.blockList.length <= 0) return;

    this.blockList.forEach((block, index) => {
    	this.blockChangeDom(block);
    	let groups = this.parseGroups(block.dataset.group);

    	//hide from guests
    	if (groups.length === 0) groups = [3];
    	let hasAccess = this.checkUserAccess(groups);

    	if (!hasAccess) {
        this.hiddenBlockContent(block);
    	}
    })
	}

	/**
	 * Изменение вёрстки блока для большей схожести с блоком скрытого текста
	 * @param block
	 */
	blockChangeDom (block) {
    let html = block.innerHTML;
    block.innerHTML = "<cite>Скрытый текст:</cite><blockquote>" + html + "</blockquote>";
	}

	/**
	 * Разбор строки-настроек в блоке со скрытым текстом
	 * @param groups
	 * @returns {*[]|*|string[]}
	 */
	parseGroups (groups) {
    if (!groups) return [];
    groups = groups.split(",");
    if (groups.length > 0) {
    	groups.forEach((group, index) => {
        groups[index] = Number(group);
    	});

    	return groups;
    }

    return [];
	}

	/**
	 * Проверка доступа к блоку со скрытым текстом
	 * @param groups
	 * @returns {*}
	 */
	checkUserAccess (groups) {
    return !groups.includes(this.userGroup);
	}

	/**
	 * Скрытие блока от групп, которые не могут видеть этот блок
	 * @param block
	 */
	hiddenBlockContent (block) {
    block.querySelector("blockquote").innerHTML = "<p>Этот текст доступен для просмотра только определённым группам.</p>";
	}

	/**
	 * Кнопка группового скрытия на панели бб-кодов
	 */
	bbButton () {
    let buttonPanelHide = document.getElementById('button-hide');
    if (!buttonPanelHide) return;

    this.bbButtonPanel();

    let newButton = document.createElement('td');
    newButton.id = 'button-grouphide';
    newButton.innerHTML = '<img onclick="FORUM.get(\'editor.grouphide.onclick()\')" src="/i/blank.gif">';

    buttonPanelHide.parentElement.insertBefore(newButton, buttonPanelHide);
	}

	/**
	 * Открывающийся блок после нажатия на кнопку на бб-панели
	 */
	bbButtonPanel () {
    let __this = this;
    let editor = FORUM.get('editor');
    editor.grouphide = {
    	name: "Скрытый текст для групп",
    	onclick: () => {
        __this.panelToggle("grouphide-area");
    	},
    };

    let tagsContainer = document.getElementById('tags');
    let container = document.createElement('div');
    container.id = "grouphide-area";
    container.classList.add("container");
    container.style.display = 'none';

    tagsContainer.append(container);
    this.bbButtonPanelGroupsList(container);
    this.bbButtonPanelEndButton(container);
	}

	/**
	 * Отрисовка списка групп на открывающейся бб-панели
	 * @param container
	 */
	bbButtonPanelGroupsList (container) {
    this.groupLists.forEach(group => {
    	let element = document.createElement('label');
    	element.innerHTML = '<input type="checkbox" value="' + group.id + '" /> ' + group.name;

    	container.append(element);
    });
	}

	/**
	 * Итоговая кнопка на бб-панели
	 * @param container
	 */
	bbButtonPanelEndButton (container) {
    let __this = this;
    let button = document.createElement('input');
    button.type = 'button';
    button.classList.add('button');
    button.value = 'Скрыть текст для выделенных групп';

    button.addEventListener('click', function () {
    	let parent = this.closest('#grouphide-area');
    	let linked = [];
    	let inputs = parent.querySelectorAll('input[type="checkbox"]');
    	inputs.forEach(input => {
        if (!input.checked) return;
        linked.push(input.value);
        input.checked = false;
    	});

    	if (linked.length <= 0) bbcode('[ghide]','[/ghide]');
    	else {
        bbcode('[ghide=' + linked.join(',') + ']','[/ghide]');
    	}

    	__this.panelToggle("grouphide-area");
    });

    container.append(button);
	}

	/**
	 * Открытие панели с выбором групп
	 * @param e
	 */
	panelToggle (e) {
    let t = document.getElementById(e);
    null != t && void 0 !== t && ("none" == t.style.display ? $(t).show() : $(t).hide())
	}
}

const hideBlock = new HideBlock();
</script>

/** ===========================
 *  Скрытый текст для групп
 *  ===========================
*/

.hideblock {
    margin: 5px 0;
    padding: 2px 10px;
    position: relative;
    background-color: rgb(49 55 72 / 10%);
    border: 4px double #a19c98;
    border-radius: 10px;
}

.hideblock cite {
    display: block;
    padding-left: 15px;
    margin-top: 8px;
    padding-top: 3px;    
    padding-bottom: 5px;
    font-size: 14px;
    font-family: Lora;
    background: rgb(199 191 179 / 90%);
    border-radius: 15px;
}

.hideblock p {
    display: none;
}

.hideblock blockquote p {
    display: inherit;
}

#grouphide-area {
    margin-top: 30px;
    padding: 20px;
    background-color: #c1b9ad;
    border: 1px solid #04395873;
    border-radius: 5px;
}

#grouphide-area > * {
    display: block;
}

#grouphide-area .button {
    margin: 15px 0 0;
}

#button-grouphide {
    background: url(https://i.imgur.com/GKlm9lY.png) center center no-repeat;
}