0

テンプレートビューに挿入するためのhtmlテーブルを生成するためにcodeigniterを使用しています。生成された html コードに改行を挿入する方法といくつかの実験の助けを借りて、コードを次のように変更することができました。

$string='<table id="myDataTable" class="table table-bordered table-striped" style="clear: both">\n <tbody>\n';

    foreach ($array as $key => $value) {

    $string=$string."\t\n<tr><td>$key</td>";  
    $element='<td><a href="#" id="'.$key.'" data-type="text" data-pk="'.$rowID.'" data-url="/post" data-title="'.$key.'">'.$value.'</a>'.'</td></tr>\n';
    $string=$string.$element;
    }
$string=$string.'</tbody>\n</table>';

次に、この生成された html 文字列を次のような CI ビューに挿入します。

<!DOCTYPE html>
<html lang="en">
<head>
   <base href="<?=base_url();?>">
    <meta charset="utf-8">
    <meta name="author" content="Vitaliy Potapov">
    <meta http-equiv="cache-control" content="max-age=0" />
    <meta http-equiv="cache-control" content="no-cache" />
   <link href="css/bootstrap.css" rel="stylesheet">
   <link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.4.5/bootstrap-editable/css/bootstrap-editable.css" rel="stylesheet"/>


</head> 
<body> 


  <?=$html_string;?>  


  <script src='js/jquery.js'></script>
  <script src="js/bootstrap.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.4.5/bootstrap-editable/js/bootstrap-editable.min.js"></script>

<script language="javascript" type="text/javascript">

  $(document).ready(function() {
$('#myDataTable').editable();
$.fn.editable.defaults.mode = 'inline';
});

</script>

 </body> 
</html>

期待されるテーブルを取得していますが、何らかの理由で、生成された HTML を見ると、テーブルの前に大量の改行文字が生成されています。

     \n \n  
\n  
\n  
\n  
\n  
\n  
\n  
\n  
\n  
\n  
\n  
\n  
\n  
\n\n

なぜこれが起こっているのですか?どうすれば修正できますか?

4

2 に答える 2