<div class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">

      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">
          Notes
        </h4>
      </div>

      <div class="modal-body">

        <dl class="dl-horizontal">
          <!-- ko foreach: notes -->
          <dt data-bind="text: $data.added"></dt>
          <dd>
            <span data-bind="visible: $data.public()"><i class="fa fa-comment" aria-hidden="true"></i></span>
            <span data-bind="text: $data.content"></span>
          </dd>
          <!-- /ko -->
        </dl>

      </div>

      <form class="modal-footer form-inline"
            data-bind="submit: addNote" role="form">
        <div class="form-group">
          <div class="input-group">
            <input type="text" class="form-control"
                   name="note"
                   placeholder="Enter your comment..." size="500">
            <div class="input-group-btn">
              <button type="submit" class="btn btn-primary">Add</button>
            </div>
          </div>
        </div>
        <div class="checkbox">
          <label>
            <input type="checkbox" name="public" value="1"> Public?
          </label>
        </div>
      </form>

    </div>
  </div>
</div>

<div class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">

      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">
          Notes
        </h4>
      </div>

      <div class="modal-body">

        <dl class="dl-horizontal">
          <!-- ko foreach: notes -->
          <dt data-bind="text: $data.added"></dt>
          <dd>
            <span data-bind="visible: $data.public()"><i class="fa fa-comment" aria-hidden="true"></i></span>
            <span data-bind="html: marked($data.content())"></span>
          </dd>
          <!-- /ko -->
        </dl>

      </div>

      <form class="modal-footer form-inline"
            data-bind="submit: addNote" role="form">
        <div class="form-group">
          <div class="input-group">
            <input type="text" class="form-control"
                   name="note"
                   placeholder="Enter your comment..." size="500">
            <div class="input-group-btn">
              <button type="submit" class="btn btn-primary">Add</button>
            </div>
          </div>
        </div>
        <div class="checkbox">
          <label>
            <input type="checkbox" name="public" value="1"> Public?
          </label>
        </div>
      </form>

    </div>
  </div>
</div>

Use Markdown for displaying txn notes
Use Markdown for displaying txn notes
