不能在contenteditable div中使用空格

时间:2015-06-11 22:45:10

标签: javascript html twitter-bootstrap meteor

我有以下代码:

<ul class="list-group" id="customScroll">
        <li class="keep-open">
            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
                Вечеринка - Radioactive -
            </button>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                <div id="description" class="form-control editable"  spellcheck="true" data-medium-element="true" aria-multiline="true" medium-editor-index="0" data-placeholder="Введите ваше описание..." contenteditable="true"></div>
                {{> form}}
            </ul>
        </li>
    </ul>

手写笔

li.open
   border 1px solid #e8e8e8
   border-radius 5px
   ul.dropdown-menu
       position relative
       box-shadow none

所以我正在使用meteor,bootstrap下拉菜单和媒体编辑器。但是如果具有contenteditable的div在li.keep-open项目空间内部将无法工作,如果在外部,它可以工作。那我怎么做才能让空格起作用呢?

1 个答案:

答案 0 :(得分:1)

看看你的图书馆。我通过我正在使用的库跟踪了我的问题:https://github.com/vakata/jstree/issues/422