Geek Answers Handbook

Mouse pointer on non-editable elements in TinyMCE

I am trying to integrate some non-editable zones in my TinyMCE 4. And it works fine. But now I want the cursor to become "invalid" over non-editable elements. I installed it in css and all this works fine for Chrome and Firefox, but not for IE9 the cursor does not change!

Is there any workaround?

thanks

Here you can find a simple example http://fiddle.tinymce.com/iSeaab

+8
html internet-explorer-9 tinymce contenteditable mouse-pointer
source share
1 answer

IE only supports CUR and ANI as CSS formats for changing the cursor.

{ cursor: url('/cursors/customMoveCursor.png'), /* Modern browsers */ url('/cursors/customMoveCursor.cur'), /* Internet Explorer */ move; /* Older browsers */ }

Take a look here . or a good link here

You tried to edit CSS for TinyMCE as (tinymce / skins / lightgray / skin.min.css)

add what you need. Example:

  .mce-grid td.mce-grid-cell div[disabled] { cursor:not-allowed }

I still recommend using the .cur file for IE.

+4
source share

More articles:


All Articles