無法在TinyMCE編輯器中輸入空格

我最近遇到了無法在內聯TinyMCE可編輯區域中添加空格的問題。無法在TinyMCE編輯器中輸入空格

正如您在下面所看到的，單擊前3個導航項目時是可編輯的，您可以鍵入任何字符，但是當您選擇「Thislinkcannotcontainspaces」鏈接時，不能添加任何空格。

它們都使用相同的data-editable最小屬性，它們都被掛鉤到a標籤中，都在li之內，我完全不知道爲什麼會發生這種情況。

預期的行爲是所有導航元素都可以用任何字符（包括空格）進行編輯。

tinymce.init({ 
 
    selector: '[data-editable-minimal]', 
 
    inline: true, 
 
    toolbar: false, 
 
    menubar: false 
 
});

h2.mce-content-body { 
 
    font-size: 200%; 
 
    padding: 0 25px 0 25px; 
 
    margin: 10px 0 10px 0; 
 
} 
 

 
body { 
 
    background: transparent; 
 
} 
 

 
.content { 
 
    overflow: visible; 
 
    position: relative; 
 
    width: auto; 
 
    margin-left: 0; 
 
    min-height: auto; 
 
    padding: inherit; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<link href="//www.tinymce.com/css/codepen.min.css" rel="stylesheet" /> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<script src="//cdn.tinymce.com/4/tinymce.min.js"></script> 
 
<nav class="navbar navbar-default navbar-user"> 
 
    <div class="container"> 
 
    <div class="navbar-header"> 
 

 
     <!-- Collapsed Hamburger --> 
 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navbar-collapse"> 
 
       <span class="sr-only">Toggle Navigation</span> 
 
       <span class="icon-bar"></span> 
 
       <span class="icon-bar"></span> 
 
       <span class="icon-bar"></span> 
 
      </button> 
 
    </div> 
 

 
    <div class="collapse navbar-collapse" id="app-navbar-collapse"> 
 
     <!-- Left Side Of Navbar --> 
 
     <ul class="nav navbar-nav"> 
 
     <li><a href="#" data-editable-minimal>Forums</a></li> 
 
     <li class="dropdown"> 
 
      <a href="#" class="" role="button" aria-haspopup="true" aria-expanded="false" data-editable-minimal>A Link 
 
      <span class="caret"></span></a> 
 
      <ul class="dropdown-menu open show"> 
 
      <li><a href="/" data-editable-minimal>Thislinkcannotcontainspaces</a></li> 
 
      </ul> 
 
     </li> 
 
     <li><a href="/" data-editable-minimal>A link</a></li> 
 
     </ul> 
 
    </div> 
 
    </div> 
 

 
</nav>

來源

2017-04-19 Ian