使用 ng-bind-html 仅转换特定标签

Question

我正在使用文本编辑器 TinyMCE，并且在从数据库检索数据时试图将 code 与一般描述区分开来。它就像 Whosebugs 编辑器一样。但是，我可以使用 ng-bind-html 转换 all 和 html 标签，这是主要问题。我不想转换 code 部分。例如：

<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 得到的输出是：

” 你好

我不希望代码中的标签被转换

我是副手。

我正在使用 angular 1.52 和 laravel 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 标签内的标签。

Answer 1

TinyMCE 已经有一个插件来解决您正在尝试做的事情：

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

请注意，当您在 TinyMCE 之外呈现内容时，您需要在呈现的页面中包含 Prism (http://prismjs.com/index.html) 以获得相同的外观。

使用 ng-bind-html 仅转换特定标签

Convert only specific tags using ng-bind-html

html

tinymce

laravel

angularjs

ng-bind-html