为什么135编辑器图片会超出页面文本编辑器

2063人阅读
用户在编辑器中随意上传图片,难免会遇到图片宽度超出前台显示区域,严重影响页面展示美观度。。。。
两步搞定方法:
1、书写在内容显示区域DIV中控制img标签最大宽度。
2、js清除用户设定宽度。
问题HTML 例如:
&div css=&con&&&img src=&......& width=&1000&
height=&1000& /&&/div&
如代码中所示,图片一般都会超出指定范围。
处理方法:
&script type=&text/javascript&&
& & & & $(document).ready(function (e) {
& & & & & & $(&.con img&).css({ &height&: &auto&, &width&: &auto& });
& & & & })
& & &/script&
.con img{ max-width:500}
&&相关文章推荐
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:49286次
排名:千里之外
原创:21篇
评论:20条
(5)(4)(1)(3)(1)(2)(4)(1)(1)(2)
(window.slotbydup = window.slotbydup || []).push({
id: '4740881',
container: s,
size: '200,200',
display: 'inlay-fix'手把手教你玩转文章背景图
厌倦了纯白的背景色,想要尝试更多元化的文章版式?从背景下手,最容易出效果。今天就来讲讲如何设置一篇文章的背景图先来看看几个例子以上两篇是小编截取的135历史文章中使用背景图的文章各位宝宝觉得怎样?做出上述炫酷的背景图,只需三个步骤:1.上传背景图2.选择半透明样式3.插入样式 适当修改下面小编将分条进行详细阐述一:上传背景图上传背景图有两种方式,一是选择135编辑器的在线图片作为背景图,方法简便。二是用户选择本地图片作为文章背景图。本文主要讲述后者使用方法。上传图片?复制网址?上传背景图&二:选择半透明样式背景图设置成功后,你会发现如果在背景图上码字,基本上看不清写了什么。像这样:这时,我们需要,在背景图上增加一个半透明的样式,这样文字写在纯色图层上,更易分辨。像这样:具体操作方法:样式中心?半透明样式?收藏三:插入样式插入样式后,首先判断样式与背景图是否搭调。插入样式?输入文章内容&?整体预览若样式和背景图不搭,再进一步改变颜色和透明度给样式换色?改变透明度修改代码放大示意图:在代码中找到opacity: 0.6; background: rgb(226, 121, 97);删除&opacity: 0.6;rgb(226, 121, 97);&改为&rgba(226, 121, 97,0.9)注意:0.9为透明度。0为全透明,1为不透明本次小编设置透明度0.9效果展示有些朋友可能要问了,好看的背景图哪里去找呢?小编在这里提供一个思路可以将 搜索关键词 设置为『手机壁纸、桌面壁纸』&常常会有意外收获~喜欢这种风格的朋友们,赶紧用起来吧~-END-
135编辑器用于微信排版、图文内容排版、邮件排版等场景,同时我们有一些表单制作、提议征集、报名等运营模块。如果您有什么需求意见或建议,欢迎反馈给我们。
如果无法登录或退出登录,点击这里
Powered by 135editor. Copyright (C) 2014 ~ 2017 , All Rights Reserved. &&在搜狗里搜索“135编辑器”,点击其官网。
登录自己的账号密码。
先了解135编辑器的整体布局,主要分四大块:样式展示区、工具栏、编辑区、调色区。
①选中文字;
②点击展示区的样式;
③完成刷文字操作。
①选中图片;
②点击左侧的图片样式;
③完成刷图片操作。
①选中图片和文字;
②点击左侧图文样式;
③完成刷图文操作。
全文换色:
①勾选配色方案处『全文换色』;
②点击任意需要的颜色;
③编辑框中所有内容的颜色则全部换色。
导入网站文章:
①点击导入文章按钮;
②粘贴文章网址;
③点击确定。
签名:通过签名功能设置页头页尾,排版完成后,点击签名可直接插入页头页尾。}

我要回帖

更多关于 pdf编辑器删除页面 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信