0

我在 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”。任何帮助将不胜感激，谢谢！

4

1 回答 1

0

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

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

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

​</p>

HTML

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

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

​ ​</p>

于 2012-10-16T09:53:12.283 回答