Question

我想在我的写作页面中预览，就像在StackOverFlow问题写作中一样。

每次我按下textarea中的enterkey，它都不会创建新行但只是一个空格。

而不是输入＆gt; br＆lt;在textarea中的标签，我想按下enterkey，因为它真的在预览区域中创建一个新行。

请帮助我，谢谢你。

这是我的代码

＆＃13;

<html>
<script
	src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script
	src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-sanitize.js"></script>
<head>
<script>
	var app = angular.module("myApp", [ 'ngSanitize' ]);

	app.controller("myCtrl", function($scope) {
	});
</script>
</head>
<body>
	<div ng-app="myApp" ng-controller="myCtrl">
		<textarea ng-model="myText"></textarea>
		<p id="contentsPreview" ng-bind-html="myText"></p>
	</div>

</body>
</html>

＆＃13;

Answer 1

可以用css

完成

#contentsPreview {
  white-space: pre;// or pre-line
}

否则，请使用函数或过滤器将\n替换为<br>

$scope.n2br = function(str){
   return str.replace(/\\n/g, '<br>')
}

使用AngularJS

1 个答案: