Создайте предварительный просмотр сообщения, поскольку он создается/редактируется в Rails

Question

В моем приложении Rails у меня есть довольно стандартная модель post (с title и content).

Я хочу, чтобы пользователь мог просматривать предварительный просмотр текстового поля post_content при создании/редактировании сообщения.

Каков наилучший способ для этого? Я даже не знаю, с чего начать (за исключением Javascript).

У меня есть работа с кнопкой предварительного просмотра; однако я бы хотел, чтобы предварительный просмотр автоматически обновлялся каждый раз, когда пользователь нажимает клавишу на клавиатуре (в основном обновляясь при вводе/вводе изменений).

Любые идеи/отзывы приветствуются.

Вот что у меня до сих пор:

<button id="preview-btn">Preview</button> 

JS:

$('#preview-btn').on('click', function() { 
    $('#preview').html($('#widget').val()); 
}); 

Answer 1

Вы можете попробовать стрелять функцию на изменения ключа:

$('#input_field_id').on('input', function() { 
    $('#preview').html($('#widget').val()); 
});