Modifying Wordpress-4.0 Article editing area content (MCE Control) issues with scroll following the outermost vertical scroll bar, wordpress-4.0mce

Source: Internet
Author: User

Modifying Wordpress-4.0 Article editing area content (MCE Control) issues with scroll following the outermost vertical scroll bar, wordpress-4.0mce

I set up a local Wordpress-4.0 for collecting useful articles.

Annoyed,

When the pasted content is very long,

The MCE control in the article editing area does not display a vertical scroll bar,

The scroll bar appears in the outermost window,

In this case,

The current view location is located at the bottom of the editing area, and the title input is not displayed.

You must drag the scroll bar of the window with the mouse every time.

Make the title input appear


The best solution is to modify CSS. However, I do not know where to modify it.

There is a simple method:

Add a button in the admin-bar at the top, which is called "Back to Top"

Set the href attribute to "javascript: window. scrollTo )"


Wp-des \ admin-bar.php:


$ Wp_admin_bar-> add_menu (array ('id' => 'scroll-to-top ', 'title' => '<span class = "AB-icon"> </span> <span class = "AB-label"> '. 'Back to the top '. '</span>', 'href '=>' javascript: window. scrollTo (0, 0); ', // admin_url (current (array_keys ($ actions ))), 'meta' => array (// 'title' => _ x ('add new', 'admin bar menu group label '),),));

Actual test results: slow response! Depend


The root cause of this problem is that when the <input> elements of Chrome paste the text, the entire data (line breaks are ignored as blank characters) is inserted, in fact, I only need to paste the 1st rows, So I first paste the network content into the text editing area, and then copy and paste the title.


Firefox does not have this problem, about: config. Select editor. singleLine. pasteNewlines and modify the value = 1 to achieve the desired effect. But the problem is that its default value is 2 (once it was 1 For A While). I don't know which spam reports the bug. However, this is much better than Chrome's failure to modify the configuration.


How to Use the vertical scroll bar of the message control edit box control?

Use CEdit: LineScroll (int nLines, int nChars = 0 );

Add a button under the Wordpress Article Editor, or click the button in TinyMCE Advanced to automatically add code to the article.

Post-snippets
This plug-in solves this problem.
Go to the official website to download it.
In addition, you can add a button to add code. I 've done it before, and I forgot to clean it. Baidu has a powerful plug-in...
Reference: pootor.com/

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.