我正在尝试实现一个文本编辑器,可以接受html输入使用Angular和TinyMCE。问题是-如果我使用ngModel绑定,当我在模型变量中有mathml标记的时候,它们就会被剥离。是否可以完全忽略作用域变量的清理?说到清理,我的意思是-- https://docs.angularjs.org/api/ngSanitize/service/$sanitize
这就是我正在做的:(供参考)
<script>
appControllers.controller('appController',['$scope','$sce',
function($scope, $sce){
$scope.tinymceOptions = {
height: '450px',
statusbar: true,
};
$scope.editorText = "<math xmlns:mml='http://www.w3.org/1998/Math/MathML' xmlns:m='http://schemas.openxmlformats.org/officeDocument/2006/math'><mi>H</mi><mi>C</mi><mo>≡</mo><mi>C</mi><mo>-</mo><mtable><mtr><mtd><mtable><mtr><mtd><mi>C</mi><msub><mrow><mi>H</mi></mrow><mrow><mn>3</mn></mrow></msub></mtd></mtr><mtr><mtd><mo>|</mo></mtd></mtr><mtr><mtd><mi>C</mi></mtd></mtr></mtable></mtd></mtr><mtr><mtd><mo>|</mo></mtd></mtr><mtr><mtd><mi>C</mi><msub><mrow><mi>H</mi></mrow><mrow><mn>3</mn></mrow></msub></mtd></mtr></mtable><mo>-</mo><msub><mrow><mi>C</mi><mi>H</mi></mrow><mrow><mn>3</mn></mrow></msub></math>";
$scope.deliberatelyTrustDangerousSnippet = function(){
return $sce.trustAsHtml($scope.editorText);
};
}]);
</script>
<textarea ui-tinymce="tinymceOptions" ng-model="editorText"></textarea>
<p>{{deliberatelyTrustDangerousSnippet()}}</p>发布于 2014-12-25 01:49:41
我忘记了我之前为什么这样做,但我遇到了类似的事情,这对我有帮助。
app.config(function ( $sceProvider) {
$sceProvider.enabled(false);
});请注意,这将适用于整个应用程序,因此在使用ng-bind-html之类的应用程序时会增加风险
https://stackoverflow.com/questions/27640512
复制相似问题