cakephpとangularjsを使ってmysqlに書式設定されたテキストを保存します

Question

現在、私は記事をよくテキスト形式で投稿できるコミュニティページを作成しようとしています。私のバックエンドは、CakePHPであると私は、MySQLに格納する例の入力テキストが

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

と私はテーブル出力からテキストをフェッチするために、フロントエンドは角-jsからである は、どのように私にはよくフォーマットされたHTML形式でテキストを保存することができます

ハロー

世界

ようにする必要があり、更新： -

また、可能であればインラインCSSでもうまくいくはずです。

私はfancy animation-cssタグを実装する必要はありませんが、基本的なCSSをサポートする必要があります。

はあなたがngBindHtmlディレクティブを使用することができますが、$sanitizeサービスが含まれており、アプリケーション・モジュールの依存関係としてngSanitizeを置く必要があります前に予め

Answer 1

をお願いします。

また、$sceを使用して、AngularJSに厳格なコンテキストエスケープサービスを提供するサービスであるtrustedフィルタを実装しました。

厳密コンテキストエスケープ（SCE）は、AngularJSが特定のコンテキストでバインディングを必要とするため、そのコンテキストで使用するのが安全とマークされた値になるモードです。

コード：

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>