Question

美好的一天。我正在创建一个完全自定义的评论框，其中包含用于新评论的自定义文本框。

 <div type="text" class="leavecomment" placeholder="  what you think?" contenteditable="true" role="textbox"></div>

制作REPLY功能让我遇到麻烦：我的自定义div文本框在其中附加“blockquote”后表现得非常错误。

quote = $.parseHTML("<blockquote><a>"+ user + "</a>" + quote + "</blockquote> <br>");
        $(".leavecomment").append(quote);

插入符号位于blockquote中，如果用户尝试在下一行移动插入符号，则会创建一个新的blockquote。以下是显示问题的链接。这个麻烦有没有锻炼呢？

https://jsfiddle.net/u6Lhoj8a/10/ 附：此外，如果有人知道源，有一个像stackoverflow这样的文本输入的例子，有了附加功能，如果你分享它将会非常棒。 THX。

更新：临时决定是另外附加的。它会自动在下一个字符串上移动插入符号。

$(".leavecomment").focus();
        $(".leavecomment").append(quote);
        $(".leavecomment").append("<br>");

Answer 1

尝试将contendeditable属性与role属性一起移动到＆＃39; blockquote＆＃39;标签。 HTML将如下所示：

  <div class="comment-content">
    <div type="text" class="leavecomment" placeholder="  А что вы думаете по этому поводу?">
      <blockquote contenteditable="true" role="textbox"><a>User</a>quote</blockquote>
    </div>
    <button class="submitcomment">Submit</button>
  </div>

防止自定义文本框添加块引用

1 个答案: