Для генерации якорей на странице вики можно использовать JavaScript. Вот пример реализации с использованием jQuery:
1. Вставьте следующий код в ваш файл HTML, где отображается статья и редактор TinyMCE:
```html
<div class="anchors">
<div class="anchors__list">
<!-- Здесь будут отображаться якори -->
</div>
<div class="anchors__content">
<!-- Здесь будет отображаться контент статьи -->
</div>
</div>
```
2. Добавьте следующий код JavaScript после подключения jQuery:
```javascript
// Ожидаем загрузку страницы
$(document).ready(function() {
// Получаем содержимое статьи
var content = tinymce.activeEditor.getContent();
// Парсим содержимое статьи с помощью jQuery
var $content = $(content);
// Создаем список якорей
var anchors = [];
$content.find(':header').each(function() {
var headingText = $(this).text();
var anchorId = headingText.toLowerCase().replace(/\s+/g, '-');
// Создаем якорь с ссылкой на соответствующий заголовок
var anchor = '<a href="#' + anchorId + '">' + headingText + '</a>';
anchors.push(anchor);
// Добавляем атрибут ID к заголовку соответствующему якорю
$(this).attr('id', anchorId);
});
// Выводим список якорей
$('.anchors__list').html(anchors.join('<br>'));
// Выводим содержимое статьи
$('.anchors__content').html(content);
});
```
3. Чтобы использовать эту функциональность в TinyMCE, убедитесь, что TinyMCE подключен на странице и инициализируйте его с помощью следующего кода:
```javascript
tinymce.init({
selector: 'textarea',
// Другие настройки плагина
});
```
Теперь статья в редакторе TinyMCE будет разделена на две колонки, слева будет отображаться список кликабельных якорей, а справа - сама статья с заголовками, которые являются якорями.
Обратите внимание, что вы должны подключить jQuery и библиотеку TinyMCE на вашу страницу, прежде чем использовать вышеуказанный код.