title: Adding Break Lines to Bot Framework while using JavaScript
body: <p>I use Microsoft bot Framework and deployed it to Web Chat, my bot was printing the messages in a correct format as wanted with Break Lines &quot;\n\n&quot;, then I use the following tutorial <a href="https://github.com/microsoft/BotFramework-WebChat/blob/master/README.md" rel="nofollow noreferrer">https://github.com/microsoft/BotFramework-WebChat/blob/master/README.md</a> to integrate JavaScript with my bot to remove the attachment icon (as shown in the figure below)
  <a href="https://i.stack.imgur.com/7W8C6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7W8C6.png" alt="This photo shows what I mean by the attachment icon" /></a></p>
  <p>After using JavaScript and removing the attachment icon I found that Break Lines (\n) was stopped working,</p>
  <p>Does anyone know what did happen?</p>
  <p>The previous format (without using JavaScript):</p>
  <pre><code>line1
  
  line2
  </code></pre>
  <p>The current format (using JavaScript):</p>
  <pre><code>line1
  line2
  </code></pre>
  <hr />
  <p>The following code was added in &quot;wwwroot&quot; to remove the attachment icon:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en-US&quot;&gt;
  &lt;head&gt;
      &lt;script crossorigin=&quot;anonymous&quot; src=&quot;https://cdn.botframework.com/botframework-webchat/latest/webchat.js&quot;&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id=&quot;webchat&quot; role=&quot;main&quot;&gt;&lt;/div&gt;
      &lt;script&gt;
      (async function () {
              window.WebChat.renderWebChat(
                  {
                      directLine: window.WebChat.createDirectLine({ token: &quot;MY-TOKEN&quot; }),
                      styleOptions: {
                          markdownRespectCRLF: true,
                          // hide upload button
                          hideUploadButton: true
                      }
                  },
                  document.getElementById('webchat')
              );
  
              document.querySelector('#webchat &gt; *').focus();
          })().catch(err =&gt; console.error(err));
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>My c# code to Send Activity:</p>
  <pre><code>string reply = &quot;Line 1 \n\n Line 2&quot;;
  await turnContext.SendActivityAsync(MessageFactory.Text(reply), cancellationToken);
  </code></pre>