0

我使用剑道编辑器使用下面的代码显示 html 文件，但问题是当我在 html 中使用 tabel 时它显示行。请在下面找到输出图像：

我只想从表中删除行。

在此处输入图像描述

<!DOCTYPE html>
<html>
<head>
    <base href="https://demos.telerik.com/kendo-ui/editor/angular">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.1.117/styles/kendo.common-material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.1.117/styles/kendo.material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.1.117/styles/kendo.material.mobile.min.css" />

    <script src="https://kendo.cdn.telerik.com/2018.1.117/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2018.1.117/js/angular.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2018.1.117/js/kendo.all.min.js"></script>


</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-sanitize.js"></script>

<div id="example" ng-app="KendoDemos">
    <div ng-controller="MyCtrl">
            <textarea kendo-editor k-ng-model="html"></textarea>

        <div class="box wide">
            <textarea ng-bind-html="html" style="width: 100%; height: 5em"></textarea>
        </div>
    </div>
</div>

<script>
  angular.module("KendoDemos", [ "kendo.directives", "ngSanitize" ])
      .controller("MyCtrl", function($scope){
         $scope.html = "<h1>Kendo Editor</h1>\n\n" +
          "<p>Note that 'change' is triggered when the editor loses focus.\n" +
              "<br /> That's when the Angular scope gets updated.</p>\n" +
           "<table ><tr><td><strong>Test1 </strong></td></tr>" + 
         "<table ><tr><td><strong>Test2</strong></td></tr>" ;
      })
</script>


</body>
</html>
4

1 回答 1

0

您不应该table为每一行使用标签。

尝试这个：

$scope.html = "<h1>Kendo Editor</h1>\n\n" +
    "<p>Note that 'change' is triggered when the editor loses focus.\n" +
    "<br /> That's when the Angular scope gets updated.</p>\n" +
    "<table><tr><td><strong>Test1 </strong></td></tr>" + 
    "<tr><td><strong>Test2</strong></td></tr></table>" ;
于 2018-02-13T10:06:00.847 回答