Geek Answers Handbook

TinyMCE - external position of the toolbar

I am trying to work with TinyMCE in creating a text field editor with multiple text fields, with a mouse click for editing. I have TinyMCE to the extent that I can add and remove them, place and size them, click to edit them, and so on - but one thing bothers me, and that’s the toolbar.

I have an external toolbar that I am trying to position on the bottom edge of the page along with my Save and Close button and some other buttons. An external toolbar is created by TinyMCE in a div with a class "mceExternalToolbar". I tried to set attributes position: fixedand left:and top:in the page style sheet, but to no avail - TinyMCE sets position: absoluteand top: -28pxin the DIV, when he creates it.

I can’t change the source code for TinyMCE due to the limitations of the project, but I can supplement it with additional CSS files.

Can someone point me in the right direction to properly install the toolbar?

+5
source share
1 answer

CSS , . , , :

body div.mceExternalToolbar {
    position: fixed ;
    top: -28px ;
};

!important, :

.mceExternalToolbar {
    position: fixed !important ;
    top: -28px !important ;
}

!important . W3C.

+9

More articles:


All Articles