问如果我在angularjs中使用Table，则kendo编辑器显示行
EN

Stack Overflow用户

提问于 2018-02-13 14:20:18

回答 1查看 239关注 0票数 0

我使用kendo编辑器来显示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>

angularjs

kendo-ui

kendo-editor

回答 1

Stack Overflow用户

发布于 2018-02-13 18:06:01

您不应该对每一行都使用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>" ;

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48760611

复制

相似问题

问如果我在angularjs中使用Table，则kendo编辑器显示行
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如果我在angularjs中使用Table，则kendo编辑器显示行EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如果我在angularjs中使用Table，则kendo编辑器显示行
EN