AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Solved] Editor TinyMCE add scroll bar

8 Posts
4 Users
5 Reactions
10.2 K Views
Posts: 29
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@moderworks)
Eminent Member
Joined: 7 years ago
[#9392]

How to add a scrollbar to the TinyMCE editor? The <html style = "overflow-y: hidden;"> property blocks this function ((

Why was this done?

It would be better to add (for example) max-height: 800px, without blocking the scrollbar overflow-y: hidden.

Now I add quite voluminous materials, with complex formatting (a lot of graphics, headers, text selection in bold, etc.). The lack of scrolling in the editor window makes the work very difficult. Every time you add a headline, highlight words and parts of the text, add pictures, you have to scroll to the cap or basement (add pictures). This is a terrible decision.

The latest version added fullscreen mode, but this does not save the situation. How to work in this mode to add files / pictures ???

In a word.

Please tell me a way to override the <html style = "overflow-y: hidden;"> property. Preferably through the theme functions.php file (site template). To avoid problems with the update wpforo in the future.

 2019 07 17 172439

7 Replies
Posts: 29
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@moderworks)
Eminent Member
Joined: 7 years ago

Is anybody here? Help please solve the problem.


1 Reply
Robert
Admin
(@robert)
Joined: 3 months ago

Support Team
Posts: 10753
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@moderworks

We've added auto-grow feature in editor so it growes height automatically. It can't work if you enable scroll bar. In your case i suggest use full screen mode of the editor, please see the screenshot.

 20190718 111715

Posts: 29
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@moderworks)
Eminent Member
Joined: 7 years ago

I know about fullscreen, it does not solve the problem. Try to add an article with complex formatting and a dozen of photos, understand what I'm talking about.

I was hoping for help. All this can be solved through the site’s functions.php file in several lines.

I will try to change the code myself. ☹️ 


Posts: 29
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@moderworks)
Eminent Member
Joined: 7 years ago

has done the following:

/wp-content/themes/mythemes/functions.php

function wph_my_editor_style($wp) {
return $wp .= ',' . get_bloginfo('stylesheet_directory') . '/myeditor.css';
}
add_filter('mce_css', 'wph_my_editor_style');

/wp-content/themes/mythemes/myeditor.css

html{overflow-y:scroll!important}

/wp-content/themes/mythemes/style.css

#wpforo #wpforo-wrap iframe{max-height:380px}
.mce-fullscreen iframe{max-height:100%!important}

I went the easiest way. After making these changes, it became much more convenient for the editor to work with voluminous articles with many photos.

 2019 07 19 094916

Posts: 29
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@moderworks)
Eminent Member
Joined: 7 years ago

Full screen mode, all unchanged

 2019 07 19 095008

Page 1 / 2
Share: