Javascript отдельная строка с вводом - PullRequest
Новая
       22

Javascript отдельная строка с вводом

0 голосов
/ 11 февраля 2020

Я хочу поместить скрипт html в <div id>, но не могу отделить строку с помощью ввода. Поэтому я поместил код следующим образом (пример): 

var html = "<table style='width:100%'><tr><th>Firstname</th><th>Lastname</th><th>Age</th></tr>";

$("#panelChatlog").html(this.html);

, поскольку вы можете видеть, что строка представляет собой код html, но я хочу отделить код html, чтобы он был более читабельным, например: 

var html = "
          <table style="width:100%">
            <tr>
              <th>Firstname</th>
              <th>Lastname</th>
              <th>Age</th>
            </tr>
        ";

$("#panelChatlog").html(this.html);

Но это невозможно в моем javascript. Я использую Processmaker 3.x Любой совет?

Ответы [ 3 ]

4 голосов
/ 11 февраля 2020

использовал символ `как сказал @Christian, а пользовательская функция обрезки удаляет пробелы из HTML кода. 

var html = `
          <table style="width:100%">
            <tr>
              <th>Firstname</th>
              <th>Lastname</th>
              <th>Age</th>
            </tr>
        `;

 $("#panelChatlog").html(html.trim()); 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<div id="panelChatlog">
  
</div>
3 голосов
/ 11 февраля 2020

Это то, для чего вводился символ `, поэтому вам не нужно вручную писать \n в ваших строках. Достаточно просто заменить кавычки (не забудьте закрыть тег table): 

var html = `
          <table style="width:100%">
            <tr>
              <th>Firstname</th>
              <th>Lastname</th>
              <th>Age</th>
            </tr>
          </table>
        `;

alert(html);
1 голос
/ 11 февраля 2020

Вы можете использовать шаблонные литералы , представленные в ES6. 

const htmlMarkup = `
<table style="width:100%">
    <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Age</th>
    </tr>
</table>`
...