将文字显示为div无效

时间:2017-01-06 13:08:24

标签: javascript jquery html text-editor

引导编辑器工作正常,但我想将输入的数据显示到ID为enclousere的div中。它工作正常,但数据应显示如下:

  

Enclouser:

  1. 第一个封面
  2. 第二个封面
  3. 第三个封面

但显示如下:

Enclouser:<div><ol><li>first enclouser</li><li>second enclouser</li><li>3rd enclouser</li></ol></div>

我的模特:

<div class="modal fade" id="myModale" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <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" id="myModalLabel">Add Enclosure</h4>
           </div>
           <div class="modal-body sol">
              <textarea id="textareaIDe" class="form-control"></textarea>
           </div>
           <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              <button type="button" id="savedatae" data-dismiss="modal" class="btn btn-primary">Save changes</button>
           </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

我的JQuery:

$('#myModala').on('shown.bs.modal', function () {
  $('#textareaIDe').focus();
})
$("#savedatae").click(function(){
  var message = $('.sol .Editor-editor').html();
  alert(message);
  $('#enclousere').text(message);
  //alert(message);
});

用于显示的标记:

<div class="fsize" id="enclousere"></div>

1 个答案:

答案 0 :(得分:0)

使用

.html(message);

而不是

.text(message);