Добавление плагинов TinyMCE

InstantCMS 2.X

Как добавить плагины в TinyMCE

#1 11 февраля 2025 в 20:56

Доброго времени суток! Скажите, как добавить плагины к TinyMCE 

Если можно на примере ANCHOR

www.tiny.cloud/docs/tinymce/latest/anchor/ 

#2 11 февраля 2025 в 21:02

Кидаете сюда плагин.

/wysiwyg/tinymce/files/plugins

В админке, пишите его. /admin/controllers/edit/wysiwygs/presets

Изображение

Хотя. Anchor уже там.

Изображение

#3 11 февраля 2025 в 22:49
Кидаете сюда плагин. /wysiwyg/tinymce/files/plugins В админке, пишите его. /admin/controllers/edit/wysiwygs/presets Хотя. Anchor уже там.  
pupsik

Спасибо. Таким образом я добавил кнопку в (Tinymce / По умолчанию) она появилась, работает, сохраняет, в сайте уже не работает. Ссылка есть, перемотки на место якоря нет..  Сам якорь пропадает при сохранении.

#4 11 февраля 2025 в 23:30

Сам якорь пропадает при сохранении.

Gdjem

В типограф добавьте атрибут id вероятно.

docs.instantcms.ru/manual/components/typograph

#5 11 февраля 2025 в 23:48
Сам якорь пропадает при сохранении. Gdjem В типограф добавьте атрибут id вероятно. docs.instantcms.ru/manual/components/typograph
Fuze

Пожалуйста чуть подробнее.

 Компоненты /  Типограф /  Добавить?

А то я даже если руками ID прописываю он его при сохранении удаляет 

Добавлено спустя 4 минуты
Сам якорь пропадает при сохранении. Gdjem В типограф добавьте атрибут id вероятно. docs.instantcms.ru/manual/components/typographFuze Пожалуйста чуть подробнее.
Gdjem

А… отредактировать по умолчанию..

Разрешенные теги… добавить id // Во как тут все… ))

Правильно?

Добавлено спустя 6 минут
Сам якорь пропадает при сохранении. Gdjem В типограф добавьте атрибут id вероятно. docs.instantcms.ru/manual/components/typographFuze Пожалуйста чуть подробнее.
Gdjem

хмм. и как его тут добавить? Помогите пжлст..

#6 12 февраля 2025 в 01:52

А что этот Anchor вообще делать должен? В чем его суть? 

  1. <p><a id="qerf" contenteditable="false" class="mce-item-anchor" data-mce-selected="1"></a></p><div data-mce-bogus="all" class="mce-offscreen-selection" id="sel-mce_0" style="top: 21.3333px;">&nbsp;<a id="qerf" contenteditable="false" class="mce-item-anchor"></a>&nbsp;</div>

Вот сама структура.

По идеи все атрибуты не важны, кроме ID. Добавление id к ссылке в типографе, не помогает.

Наверно баг какой-то.

#7 12 февраля 2025 в 04:59
А что этот Anchor вообще делать должен? В чем его суть?
pupsik

При нажатии на ссылку прокрутку к контенту на котором анкор стоит

код типа

<a href="#anchor">ссылка</a>
на
<p id=«anchor»>Контент</p>
или
<div id=«anchor»>Контент</div>

Даже руками код добавляю он стирает <div id=«anchor»> </div> или <p id=«anchor»> </p>

Добавлено спустя 1 минуту
А что этот Anchor вообще делать должен? В чем его суть?
Gdjem

кавычки редактор изменил ))

#8 12 февраля 2025 в 07:24

В типографе поставте id и для тега <p> тогда в ручную будет работать

<a href="#anchor">ссылка</a>
на
<p id=«anchor»>Контент</p>

Добавлено спустя 34 минуты

Теоретически я знаю как работает Anchor. Я целый час бился как этой кнопкой в Тайни пользоватся… Так и не понял. Ну допустим вывел я ID

Дальше что? Как потом id к <p> поставить? Полная жопа. Я так понимаю что ссылку потом на этот anchor надо через обычную кнопку «Ссылка»? 

А сам этот anchor не обводит нужный текст в <p id> а просто ставить ссылку <a id></а> перед <p>

Добавлено спустя 2 минуты

Исходя из этого морального гемороя, все что требуется от той кнопки это поставить <a id=«link_destination»></а> где будет курсор. 

#9 12 февраля 2025 в 07:31

Исходя из этого морального гемороя, все что требуется от той кнопки это поставить <a id=«link_destination»></а> где будет курсор. 

pupsik

Там же всё просто. Кнопкой ставится якорь в нужном месте, а саму ссылку уже размещаете, где хотите, возможно даже в другом поле или вообще не на этой странице.

Вот только стандартный плагин anchor ставит якорь тегом ссылки — <a id=«anchor»></a>. Но наш волшебный типограф в этой строчке вырезает теги ссылок, у которых нет обязательного аттрибута href. Поэтому данный плагин так себя ведет на инстанте. Тут или перепиливать сам плагин или удалять строчку в коде движка.

#10 12 февраля 2025 в 08:00

Я сделал… В типограве во фроненде стоит обязательный атрибут хреф. Исли его не будет, то все вырезает. Надо убрать эту строчку в файле /system/controllers/typograph/frontend.php

$jevix->cfgSetTagParamsRequired('a', 'href');

Добавлено спустя 2 минуты

Loadырь

Ах тыж Сталинская жопа, опередил… Я до 12 ночи ответ искал. :) 

Добавлено спустя 4 минуты

Можно в самом плагине, добавить к ссылке пустышку href="#", но это уже завтра.

#11 12 февраля 2025 в 08:11

Ах тыж Сталинская жопа, опередил…

pupsik

Сам такой )))). 

Можно в самом плагине, добавить к ссылке пустышку href="#"

pupsik

Тогда сразу лучше сделать не «id=», а «name=». Так как использование идентификаторов может привести их к дублированию на странице. А это минус во всяких «пузомерках» и возможно нарушение работы яваскриптов.

#12 12 февраля 2025 в 09:24

Ребята, тема с работающими анкорами насущная и классная! Это ж в длине поста можно себя не ограничивать, ибо оглавление порешает! А то приходится бОльшую часть поста распихивать по спойлерам, чтобы у народа терпения хватило дочитать до конца… ) Буду рад рабочему решению (с инструкцией чего куда copy/paste).

#14 12 февраля 2025 в 10:32
 Викторыч, достаточно виджетом вывести js код и содержание статьи будет формироваться автоматом по тегам например h2 или h3. instantcms.
Loadырь

С «якорями» поинтереснее будет. Минус дополнительный виджет, плюс творческий подход к содержанию оглавления (пишем образно и кликбейтно, главное, чтобы по клику вывело на нужный абзац)). 

#15 12 февраля 2025 в 17:28

а «name=»

Loadырь

Он вроде как уже устарел.  Deprecated.

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.