Notifications
Clear all

wpForo 1.x.x [Solved] Editor TinyMCE add scroll bar

8 Posts
4 Users
5 Reactions
7,284 Views
Posts: 29
Topic starter
(@moderworks)
Eminent Member
Joined: 6 years ago

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.

7 Replies
Posts: 29
Topic starter
(@moderworks)
Eminent Member
Joined: 6 years ago

Is anybody here? Help please solve the problem.

1 Reply
Robert
Admin
(@robert)
Joined: 9 years ago

Support Team
Posts: 10587

@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.

Posts: 29
Topic starter
(@moderworks)
Eminent Member
Joined: 6 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
(@moderworks)
Eminent Member
Joined: 6 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.

Posts: 29
Topic starter
(@moderworks)
Eminent Member
Joined: 6 years ago

Full screen mode, all unchanged

Page 1 / 2