生成 Post 的实时预览，因为它在 Rails 中是 created/edited

Question

在我的 Rails 应用程序中，我有一个非常标准的 post 模型（带有 title 和 content）。

我希望用户能够看到 post_content 文本区域的实时预览，因为它们是 creating/editing post。

最好的方法是什么？我什至不确定从哪里开始（除了 Javascript）。

我已经使用预览按钮了；但是，我希望预览在用户按下键盘上的键时自动刷新（基本上是在 type/make 更改时刷新）。

欢迎任何想法/反馈。

这是我目前得到的：

<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());
});