jQuery - 将 html 添加到表单字段中

Question

我在 Rails 中使用时间线，如果您在媒体字段中的内容周围放置块引用标签，它将在时间线上创建引用样式。我想要实现的是有一个复选框，这样如果它被选中，它会为你添加块引用标签，这样用户就不必写html了。

如何在提交之前在他们写的任何内容周围添加块引用标签，但前提是选中复选框？我正在尝试让 jQuery 将标签预先/附加到输入字段，以便用户可以看到它们，但我也无法让它工作。不过，我希望它能让用户永远看不到 html（以防他们不小心编辑它！），并且在将其发送到数据库之前简单地添加他们的输入。

这是我目前所拥有的：

$(document).ready(function(){
    $("#blockCheck").bind('click', function(){
        var input = $('#event_media input');
        if ($(this).prop('checked')){
            input.prepend('<blockquote>').append('</blockquote>');
        }
    });
});

复选框的 id 为“blockCheck”，输入字段的 id 为“event_media”。任何帮助将不胜感激，谢谢！

Answer 1

只需将反引号添加到输入值。

代码（更新以删除引号，如果存在）link

$("a#sub").click(function() {
    var text = $("input").val();    
    $("div").html($("<blockquotes>").html(text));
});

$("a#rem").click(function() {
    var blockquotes = $("div blockquotes");
    var text = $(blockquotes).text(); //you have the text inside the blockquotes

    blockquotes.replaceWith(text); //this to replace or $(blockquotes).remove(); to remove it.

    //alert(html);
});

​

HTML

<input name="test">
<a id="sub">Submit</a>
<a id="rem">Remove</a>

<br/><br/>
<div></div>

​ ​