您的位置:首頁技術文章
文章詳情頁

javascript - 關于TinyMCE在IE11上面的問題:請教如何禁止編輯框內的元素拖動?謝謝(用的是Angular)。

瀏覽:96日期:2022-12-28 15:15:56

問題描述

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

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

如圖:javascript - 關于TinyMCE在IE11上面的問題:請教如何禁止編輯框內的元素拖動?謝謝(用的是Angular)。javascript - 關于TinyMCE在IE11上面的問題:請教如何禁止編輯框內的元素拖動?謝謝(用的是Angular)。

配置代碼(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>

問題解答

回答1:

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

標簽: JavaScript
相關文章:
国产综合久久一区二区三区