bootstrap-wysiwyg失去焦點

我試圖在項目中實現bootstrap-wysiwyg編輯器，但是每次單擊工具欄中具有下拉菜單的按鈕時，編輯器都會失去焦點，這意味着，例如，不可能添加鏈接是因爲未選擇文本，並且圖像始終添加在內容的開頭，因爲編輯器中的插入符號位置已丟失。這發生在Firefox和Chrome中。下面是例如插入鏈接按鈕（神似編輯文檔的例子，但不工作）bootstrap-wysiwyg失去焦點

<div class="panel panel-info"> 
    <div class="panel-heading"> 
     <div class="btn-toolbar" data-role="editor-toolbar" data-target="#editor"> 
      <div class="btn-group"> 
       <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" title="Insert Link"><i class="fa fa-link text-primary"></i></a> 
       <div class="dropdown-menu input-append"> 
        <input class="form-control" type="text" data-edit="createLink" placeholder="URL" /> 
        <button class="btn btn-success" type="button"><i class="fa fa-link"></i></button> 
       </div> 
      </div> 
     </div> 
    </div> 
    <div class="panel-body"> 
     <div id="editor"> 

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

唯一的JS代碼編輯器鉤的HTML代碼：

<script> 
    $(document).ready(function() { 
     $('#editor').wysiwyg(); 
    }); 
</script>

我使用jQuery v2.1.4，Bootstrap v3.3.6和bootstrap-wysiwyg v1.0.4 感謝您的幫助。

來源

2015-11-25 Sergio Duarte

你可以製作一個JSFiddle/Plunkr，所以我們有東西要測試嗎？或者鏈接到包含代碼的網頁。 – Arg0n

這是http://dev.madreloca.com/editortest.html –

您正在使用的bootstrap-wysiwyg版本已過時。該錯誤在最新版本中得到修復。你可以下載它here。

來源

2016-01-24 00:54:57 tylerbhughes

bootstrap-wysiwyg失去焦點

回答

相關問題