代碼在模態中可見

-1

我們正在開發一個項目，任何人都知道如何將模塊上的ckeditor集成在一起？因爲在模式中，它顯示了來自ckeditor的標籤。代碼在模態中可見

<li> 
    <a href="#" data-toggle="modal" data-target="#editComment'.$row['id'].'"> 
     <u>Edit</u> 
    </a> 
    <form id="editComment" method="post" action= '.base_url('admin/editComment').'> 
     <div id="editComment'.$row['id'].'"class="modal fade"> 
      <div class="modal-dialog" role="document"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <h2 class="modal-title">Edit</h2> 
         <span> 
          <input type="hidden" name="task-id" value="'.$row['id'].'"> 
         </span> 
        </div> 

        <div class="modal-body"> 
         <textarea class="form-control" name="comment">'.$row['comment'].'</textarea> 
         <div class="modal-footer"> 
         <button type="button" class="btn btn-primary" data-dismiss="modal">Save</button> 
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>  
        </div>

view

來源

2017-07-08 Kurt Wieland

可能的重複[如何在Bootstrap模式中使用CKEditor？]（https://stackoverflow.com/questions/22637455/how-to-use-ckeditor-in-a-bootstrap-modal） – KaoriYui

不知道如果相關，但你在第1行的行爲只有單引號，因此破損 –

試圖添加雙引號和模態仍然顯示代碼。 –

這是因爲你不能有內<textarea>的HTML元素。如果您確實在內部放置了HTML元素，則它們將顯示爲純文本。你可以使用一個div雖然代替，並使用一些JS/jQuery來使它變爲可編輯，就像這樣：

$('.editable').each(function() { 
 
    this.contentEditable = true; 
 
});

div.editable { 
 
    width: 200px; 
 
    height: 100px; 
 
    border: 1px solid #ccc; 
 
    padding: 5px; 
 
    /* to make it resizable */ 
 
    resize: both; 
 
    overflow: auto; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<div class="editable"> 
 
    <span>hi</span> 
 
</div>

注意的是，即使是div裏面<span>元素，只其中的文字顯示。

來源

2017-07-08 10:34:27

代碼在模態中可見

回答

相關問題