Table H-Tips for Xinha 0.3 :: компактная альтернатива закреплению шапки и первого столбца таблицы :: Xinha-плагин, для вывода всплывающих подсказок к ячейке с информацией из шапки и первого столбца

Это версия 0.3 плагина для WYSIWYG-редактора Xinha, предназначенного для вывода всплывающих подсказок к ячейкам таблицы с данными из соответствующей ячейки шапки и первого столбца. Ключевыми нововведениями являются возможность использования на мобильных устройствах и улучшение дизайна всплывающих подсказок.

Термины:

• Подсказки - всплывающие подсказки с содержимым из заголовка таблицы, для вывода которых и существует этот плагин.
• Xinha-версия - этот плагин. Такое уточнение требуется, так как существует "обычная версия" этого плагина, которая применяется не для таблиц в Xinha, а для обычных таблиц на обычных страницах сайта.
• Обычная версия - плагин, выполняющий те-же функции что и этот плагин, но предназначенный не для Xinha а для обычных страниц сайта.
• Главный файл плагина:
  Для обычной версии: table-h-tips.js Для Xinha-версии: TableHTips.js

Как пользоваться

• Зайдите на страницу плагина на GitHub и ознакомьтесь с соглашением в файле TableHTips/LICENCE.md.
• Скачайте все файлы плагина с GitHub.
• Поместите каталог TableHTips в каталог plugins каталога xinha.
• Убедитесь, что к странице подключён jQuery.
• Обеспечьте доступность для плагина функций от inFlowia Lab. из файла deps.js (они не подключаются плагином автоматически, так как могут уже быть подключены, если вы пользуетесь другими плагинами от inFlowia Lab.)
• Назначте таблицам, для которых должны выводиться всплывающие подсказки, класс h_tips

Что нового:

• Переименован CSS-класс, при помощи которого происходит подключение: hTips -> h_tips.
• Подсказки теперь появляются не по наведению а по клику (теперь их можно вызвать и на мобильных устройствах).
• Всплывающие подсказки теперь прилипают к краям текущей ячейки, не закрывая её контент.
• Добавлено скрытие подсказок по таймауту (таймаут задаётся в shared JS в _DELAY).
• Добавлена тень, для визуального отделения от таблицы.
• Все переменные и классы переименованы в более_удобочитаемый_формат.
• Для удобства доработки, часть кода и стилей вынесены в отдельные файлы: table-h-tips-shared.js table-h-tips-shared.css Это разделяемые с обычной версией файлы. Если вы используете и обычную версию и Xinha-версию, то можете оставить эти файлы в единственном экземпляре, но если они будут лежать не в каталоге этого плагина, то в Xinha-версии потребуется указать для них путь в свойствах: SHARED_JS_PATH SHARED_CSS_PATH
• По умолчанию отображение подсказок включено.
• Кнопка плагина на панели теперь отключает и включает отображение подсказок.
• Сменена позиция с Fixed на absolute.
• Иконка кнопки теперь подключается сама.
• Иконка кнопки теперь подключается сама.

Стоит иметь в виду

На данный момент не поддерживается работа в случае, когда редактор находится внутри iframe. Не имеется в виду iframe, который генерирует Xinha. Речь идёт о случаях, когда элемент страницы, который превращается в редактор, вложен в iframe. В этих случаях плагин работать не будет.

Работало на:

• Xinha 1.5.4
• jquery-3.3.1

Если не работает

В первую очередь проверьте корректность указания путей к SHARED-файлам (смотрите в первом комментарии к главному файлу плагина).

Имейте в виду, что плагин работает только с одним единственным экземпляром редактора Xinha на странице (с первым загруженным).

Если совсем никак, можете попробовать предыдущую версию, но сразу предупрежу, она совсем сырая