JavaScript бибилиотека, которая автоматически конвертирует текстовое описание клавиш в графическое представление. Быстрая, маленькая и без зависимостей.
KeyBoarder отлично подходит для блогов, документов и файлов помощи, которые содержат много описаний комбинаций быстрых клавиш.
требуется только две строчки кода: одна для импортирования CSS файла сос стилями, другая - для импортирования JavaScript.
Например:
1 <head> 2 <title>Демонстрация использования KeyBoarder</title> 3 <style> 4 @import url("https://github.com/lsauer/KeyBoarder/raw/master/keyboarder.css"); 5 </style> 6 <script type="text/javascript" src="https://github.com/lsauer/KeyBoarder/raw/master/keyboarder.js" charset="utf-8"></script> 7 </head> .......
Для распознавания клавиш, они должны соответствовать некоторым требованиям:
Клавиши нужно писать в ВЕРХНЕМ РЕГИСТРЕ или Начиная с большой буквы, для соединения клавиш использовать символ конкатентации (по умолчанию '+', можно изменить).
Минимальное количество связанных смиволов может быть определено, вывод символа комбинации клавиш будет осуществляться только при соответствии данному условию.
Клавиши могут быть стилизованы с помощью CSS.
Пример написания комбинаций клавиш, которые распознаются KeyBoarder:
Простые комбинации клавиш ALT+WIN+U и ALT + WIN+ P !
Клавиши можно связывать в единый блок:
STRG+ WIN+O
STRG+P+D WIN T , или RETURN X не будет формировать графики.
CTRL+ALT+O
Когда клавиши не распознаются?
Следующие примеры не будут формировать графики:
STRG - ALT - DEL //В примере установлен символ конкатентации '+'
STG+ALT //Ошибка синтаксиса
STRG+OI //Неверный символ соединения ALT+G?Z //Неверное описание клавиши
"ALT + DEL" CTRL+ALT - DEL //Del не является частью комбинации клавиш, так как '-' не является символом конкатентации ,ALT+DEL",