2016-12-09 2 views
0

텍스트 편집기 TinyMCE을 사용하고 있는데 데이터베이스에서 데이터를 검색 할 때 code을 일반적인 설명과 구별하려고합니다. StackOverflows 편집기와 같은 의미입니다. 그러나 주 문제인 ng-bind-html을 사용하여 모두html 태그로 변환 할 수 있습니다. code 부분을 변환하고 싶지 않습니다. 예 는 : 원하는 출력된다 ng-bind-html을 사용하여 특정 태그 만 변환

<strong>hello</strong> 
<code> 
    <div>i dont want the tags inside code to be converted</div> 
    <p>i am para</p> 
</code> 

:

헬로

그러나
<code> 
    <div>i dont want the tags inside code to be converted</div> 
    <p>i am para</p> 
</code> 

, I는 NG 바인드-HTML을 사용하여 얻고 출력은 :

" 안녕하세요

코드 내부의 태그를 변환하고 싶지 않습니다.

나는 파라다. "

나는 angular 1.52laravel php을 사용하고 있습니다.

내 부분 :

<div ng-bind-html="myResult"> 

</div> 

백엔드 컨트롤러 :

public function getquesdet(){ 
    $id = Request::input('id'); 

    $data= Data::where('id','=',$id)->first(); 
    $body = html_entity_decode($data['body']); 

    return html_entity_decode($body); 

} 

내 AngularJS와 컨트롤러 :

app.controller('seperatequestion',['$scope','$rootScope','$http','$stateParams',function($scope,$rootScope,$http,$stateParams){ 
$http({ 
    method:'GET', 
    url : $rootScope.apiend + '/getquestiondet', 
    params:{ 
     id:$stateParams.qid 
    } 
}).success(function(result){ 
    $scope.myResult= result; 

}).error(function(data){ 
    console.log(data); 
}) 

}]) 

그래서, 내가 원하는 모든 내부 태그를 제외한 HTML 태그를 변환하는 것입니다 code 태그 당신이 TinyMCE에 외부의 내용을 렌더링 할 때 프리즘 (http://prismjs.com/index.html)를 포함해야한다는

https://www.tinymce.com/docs/plugins/codesample/

참고하여 렌더링 된 페이지에서 :

답변

0

TinyMCE에 이미 당신이 뭘 하려는지 해결하기위한 플러그인이있다 같은 모양을 얻으려면.