Почему визуальный редактор Bitrix ломает Vue компонент?

Question

[Redrica]

Если использовать в админке в редакторе разметки <my-component> Some text </my-component>, а затем переключиться на визуальный редактор – то разметка превращается в <span> Some text </span>.
Это поведение как-то настраивается? Не может же быть такого, чтобы не воспринимались кастомные теги.

Comments

[Алексей Емельянов]

Увы.
Размещайте кастомные теги в шаблонах компонентов, тогда визуальный редактор не будет их портить.

Answer 1

[h4mpy]

Можно задать правила обработки конкретных тегов, тогда сам тег резаться не должен.
в файле bitrix/php_interface/admin_header.php

<script>
BX.addCustomEvent('OnEditorInitedBefore', function(toolbar) {
	var _this = this;
	BX.addCustomEvent(this, 'OnGetParseRules', BX.proxy(function() {
		this.rules.tags['my-component'] = {}; // с дефисом
		this.rules.tags.mycomponent = {}; // без дефиса
	}, this));
});
</script>

вроде бы других вариантов нет

Comments

[Redrica]

спасибо, попробуем