Question

我想创建一个自定义文本样式器...所以如果用户在textarea中写入文本，并选择其中的一部分，他将能够使用我自定义的“post-stylizer”按钮。就像这里一样，在Stackoverflow中。有人可以帮我这个，我在这个论坛上什么都没找到......

HTML

<div id="makeItBold" style="cursor: pointer;">B</div>    
<textarea id="text">I'm going to make THIS bold!</textarea>

JQUERY

$(document).ready(function() {
    $("#makeItBold").click(function() {

        if ($(this.selected).text().contains "<b>" or "</b>"){
            //if the selected text is already bolded, then remove it
            ???
        } else {
            //make it bold
            ???
            $(this.selected).text().replace(this.selected, "<b>" + this.selected + "</b>"); 
        }
    });
});

Answer 1

最简单的方法是使用jquery在#makeItBold点击切换css类，然后给这个css类font-weight:bold

添加此Css类

.bold{
  font-weight:bold;
}

并使用此jQuery函数

 $('#makeItBold').click(function(){
      $('#text').toggleClass('bold');
    })

点击此链接https://jsbin.com/devatejosu/edit?html,js,output

使用jQuery更改textarea中的选定文本

1 个答案: