javascript - 使用 cakephp 和 angularjs 在 mysql 中存储格式化文本

Question

目前我正在尝试建立一个社区页面，用户可以在其中以良好的文本格式贡献文章。我的后端是 cakephp，前端是 angular-js我如何以格式良好的 html 样式存储文本，例如我想存储在 Mysql 中的输入文本是

<b> hello </b><br/>
<em>world </em> 

当我从表中获取文本时，输出必须是这样的

你好

世界

更新:-

如果可能的话，它也应该适用于内联 CSS，那就太好了。

<div style="color:#D2691E">hiiii</div>

我不需要实现花哨的 animation-css 标签，但它应该支持基本的 css。

提前谢谢你

Answer 1

您可以使用 ngBindHtml指令，但在您必须包含 $sanitize 之前服务并将 ngSanitize 作为您的应用程序模块的依赖项。

还使用 $sce 实现了一个 trusted 过滤器这是一项为 AngularJS 提供严格上下文转义服务的服务。

严格上下文转义 (SCE) 是一种模式，在这种模式下，AngularJS 需要在某些上下文中进行绑定(bind)，以生成标记为可安全用于该上下文的值。

代码:

angular
  .module('myApp', ['ngSanitize'])
  .filter('trusted', ['$sce', function($sce) {
    return function(str) {
        return $sce.trustAsHtml(str);
    };
  }])
  .controller('myController', function($scope) {
    $scope.myHTML = '<b>hello</b><br/><em>world</em>';
    $scope.myHTMLStyled = '<div style="color: #D2691E">hiiii</div>';
  });

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular-sanitize.min.js"></script>

<div ng-app="myApp" ng-controller="myController">
  <div ng-bind-html="myHTML"></div>
  <div ng-bind-html="myHTMLStyled | trusted"></div>
</div>