2016-12-09 2 views
0

Я использую текстовый редактор TinyMCE, и я пытаюсь отличить code от общего описания при извлечении данных из базы данных. Он должен быть похож на редактор StackOverflows. Тем не менее, я могу конвертировать все теги html с помощью ng-bind-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> 

Однако выход я получаю с помощью NG-Bind-HTML является:

" привет

i dont want теги внутри кода для преобразования

i am para. "

Я использую angular 1.52 и laravel php.

Мой частичный: контроллер

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

</div> 

Backend:

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.

ответ

0

TinyMCE уже есть плагин для решения, что вы пытаетесь сделать:

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

Обратите внимание, что при визуализации содержимого вне TinyMCE вам нужно будет включить Prism (http://prismjs.com/index.html) в вашей отображаемой странице чтобы получить тот же взгляд.