問題描述

TinyMCE在chrome上都正常，在IE11上面會有如下問題，求教如何禁止元素拖動？

****期望效果：鼠標移上去點擊就可以編輯次元素，而不是移動次元素。PS：增加了contenteditable=true 屬性后也是一樣。****

如圖：

配置代碼（Angular）

var tinymce_mind = { mode:’specific_textareas’, menubar:false, format:’raw’, height:160, resize:false, theme:’fulcrum’, statusbar:false, toolbar:’undo redo’, content_css:[’bower_components/tinymce-mention/css/autocomplete.css’,’bower_components/tinymce-mention/css/rte-content.css’], setup:function(editor){ editor.on(’init’, function () { editor.focus(); var rng = editor.selection.getRng(true); editor.selection.select(rng.startContainer); editor.selection.collapse(); }) } };$scope.tinymceMind = tinymce_mind;$scope.tinymceMindData = '<span class=’tymcNoEdit’>一般表現：</span>,';

頁面代碼

<p><textarea ui-tinymce='tinymceMind' ng-model='tinymceMindDataT'></textarea></p>

問題解答

去掉標簽的CSS樣式中的：display:inline-block;就解決了。