Есть ли способ разместить ярлык на клавиатуре внутри редактируемого div?

Question

Например, у меня есть div, который пользователи могут ввести в него. я хотел бы разместить ярлыки, поэтому, когда пользователь вводит слово pi. Выходной сигнал будет символом π. Или, если пользователь вводит sqrt, тогда он получит этот символ inf, тогда выход будет ∞. и даже когда нажата кнопка вкладки, чтобы вставить пару строк. Я еще не видел веб-приложение, которое делает это, поэтому любая помощь будет оценена по достоинству.

Answer 1

Существует несколько расширенных обновлений для отслеживания клавиш +, которые вы можете сделать для этого, или вы можете получить плагин jQuery, который уже делает что-то подобное (если не точно) и модифицирует его для выполнения той же задачи.

Это может быть то, что вы ищете, хотя: http://code.google.com/p/js-hotkeys/wiki/about

Answer 2

Вы могли бы просто использовать замену. См JSFiddle demo here

$('.test').keydown(function (event) { 
    if ($('.test').val().contains("pi")) { 
    var newVal = $('.test').val().replace("pi", "π"); 
    $('.test').val(newVal); 
    //Place Cusor at the end of the div if using editable div 
    } 
    else if ($('.test').val().contains("inf")) { 
    var newVal = $('.test').val().replace("inf", "∞"); 
    $('.test').val(newVal); 
    //Place Cusor at the end of the div if using editable div 
    } 
}); 

В этом примере я использую input. Вы можете изменить это на div