angularjs 有没有办法在textarea的angular js中对选中的文本应用粗体？

fhg3lkii 于 2022-10-31 发布在 Angular

关注(0)|答案(2)|浏览(207)

我想创建一个按钮，使文本区域的文本加粗。我使用了here中的例子，并成功地使文本加粗。但现在我想使选定的文本只加粗。有没有办法做到这一点。这是我的代码。css

.text_type_bold {
        font-style: none;
        font-weight: bold;
    }

$scope.textBold = function () {
        $scope.class = "text_type_bold";
    };

 <div>           
<button ng-click="textBold()" class="btn btn-sm"><b>B</b></button>
  </div>

</textarea>

angularjs

来源：https://stackoverflow.com/questions/32600470/is-there-a-way-to-apply-bold-to-selected-text-in-textarea-in-angular-js

2条答案

按热度按时间

fjaof16o1#

如果你想让文本区域内的文本看起来更粗，你可以使用简单的CSS类。
但是如果你只想格式化选定的文本（粗体、下划线、链接等），你最好使用文本编辑器插件。例如，参见Redactor、CKEditor等。

赞(0）回复(0）举报 2022-10-31

insrf1ej2#

您可以使用ng-class指令。

<div ng-controller="MyCtrl">
 <textarea ng-class="{text_type_bold: isBold}">Bob</textarea>
 <button ng-click="makeBold()">bold</button>
</div>

.text_type_bold{
  font-style:none;
  font-weight:bold;
}

var app = angular.module('myApp',[]);
function MyCtrl($scope) {   
    $scope.isBold = false;
    $scope.makeBold=function(){
        $scope.isBold = !$scope.isBold;
    }
}

看小提琴http://jsfiddle.net/Aejvm/117/

赞(0）回复(0）举报 2022-10-31

我来回答

angularjs 有没有办法在textarea的angular js中对选中的文本应用粗体？

2条答案

相关问题

热门标签

最新问答