Baidu Deputy Text Editor automatically zoom the uploaded picture

Source: Internet
Author: User

In the use of Baidu Deputy text editor when there is a very vexed bug:

Is the picture is too large, beyond the comment box, which CSS and HTML is not very reasonable to write about, there is also a sub-text editor does not do the processing:

Processing method:

1. Go to the Themes folder in the secondary text editor:

2. Modify the Iframe.css file

3. Edit the following code in the file:
img {    max*/* Picture Adaptive width */}body {    overflow-y:scroll!  important;}. View {    Word-break Break-all;}. Vote_area {    display:block;}. vote_iframe {    background-color:transparent;     0 none;     +/* Remove the stretched border that appears after clicking the picture * / 

4. Ideal results for editors

Of course, this is just the editor's picture zoom function settings, the page CSS style has not been rewritten well!!! 5, rewrite CSS style!

Add this balm code to the CSS in the content area of the display interface:

Principle: Let the size of the content area of the small image unchanged, the larger image with the size of the content box changes

div.content img {  max-width: 100%;      }

The final result:

Baidu Deputy Text Editor automatically zoom the uploaded picture

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.