请选择 进入手机版 | 继续访问电脑版

叶子网络bbs论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 14994|回复: 5

编辑器的一些复杂使用

[复制链接]

28

主题

43

帖子

336

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
336
发表于 2014-9-28 18:28:35 | 显示全部楼层 |阅读模式
一、从word复制资料。
1、从word上直接复制的文字会带来大量冗码,可能格式很乱,一般情况下我们选中文字,点击格式刷即可清除格式,如果不行,需要点击编辑器左上角的源代码,在这里粘贴内容,然后再点一次源代码按钮,回到正常编辑模式。我们也可以先把内容复制到txt里面,再从里面复制粘贴到编辑器,这样也不会带来冗码。

2、从别的网页上复制的文字,方法同上。

3、简单做法1:先在编辑器中需要的位置插入光标,再点击编辑器上方“从word粘贴”按钮,先粘贴到这里,再插入编辑器。这个方法简便,可以一定程度上清除冗码,但有时候效果不大好。 22.jpg
4、简单做法2:先在编辑器中需要的位置插入光标,再点击编辑器上方“粘贴为无格式文本”,先粘贴到这里,再插入编辑器。这个方法简便,清除冗码程度比做法1大一点,但保留的格式更少,如果word的格式不需要保留,可以用这个方法。
33.jpg
5、从word复制表格进来。
原效果:
a4.jpg
粘贴到编辑器后:
a3.jpg
由于代码不兼容,效果完全改变,我们先全选表格,点格式刷按钮来清除冗码,然后光标插入表格,右击选择表格属性,边框1,选个边框颜色即可。
a2.jpg
前台效果:
a1.jpg
由于编辑器里面无法对表格进行合并单元格,需要此项操作的,可以在word里面做好再复制进来。复杂表格直接截图上传。


回复

使用道具 举报

28

主题

43

帖子

336

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
336
 楼主| 发表于 2014-9-28 18:47:33 | 显示全部楼层
二、图片上传问题。
1、本地word中的图片,是无法直接复制粘贴到编辑器中上传的,得先另存为到电脑上,然后在点编辑器上的插入图片来上传。
2、从别的网站上直接复制的图片,虽然可以粘贴到编辑器里面上传,但是空间还是在别人的网站上,如果对方的网站不续费停用了,你的图片也会打不开。所以得右击另存为到本地,然后再点插入图片图标来上传。自己网站上的图片,可以直接复制进来的。
3、图片尺寸要先处理好再上传,编辑器不具备自动裁图功能,几兆大的图也上传不了,网站内容区宽度只有770像素,过大的图超出部分会不显示。上传图片时的尺寸填写框一般不填,如果超大图填上小数字,虽然显示正常,但是本质上还是大图,打开慢,而且容易变形。如果图片只是略宽了一点,不想处理了,可以设置数字变小一点,但要注意按比例。"图片说明"一般不要填,容易产生部分乱码。
12.jpg

回复

使用道具 举报

0

主题

4

帖子

15

积分

超级版主

Rank: 8Rank: 8

积分
15
发表于 2014-9-29 10:12:52 | 显示全部楼层
三、复制excel里面内容。
excel中原样:
5.jpg
复制到编辑器中:
3.jpg
这样直接从excel里面复制进来,保存后会是这个效果:
2.jpg
格式已经变化,因为excel的代码,和网页用的不一样,而且带进冗码,无法原样显示。
我们可以选择二次编辑格式,选中表格,点击格式刷清除格式,然后在表格中点击插入光标,右击鼠标,点表格属性,表格边框的粗细设置为1,选一个边框颜色,保存。
1.jpg
前台效果
4.jpg
这样可以继续编辑表格的样式。
表格上面的参数对优化来说意义不大,如果更在意原来表格的美观,可以用QQ截图保存下来,然后把截图传上来,用图片打开会略慢一点,但海外几乎察觉不出。

回复

使用道具 举报

0

主题

4

帖子

15

积分

超级版主

Rank: 8Rank: 8

积分
15
发表于 2014-9-29 11:22:54 | 显示全部楼层
四、更改文字大小和行高设置
由于网站内容是固定行高的,当文字变大后,上下行文字间隙就会变小。
更改文字大小:
18.jpg
保存后,前台显示效果:
19.jpg
行间距变小了。后台系统设置--每页显示个数--编辑器行高,设置个行高数值即可更改,要注意的是,这个值是全局有效的,别的地方也将增加行间距,所以,如果只是个别产品需要增加行间距多按一个enter键换行即可,不要改这里的数字。
17.jpg
更改后前台效果:
20.jpg
回复

使用道具 举报

0

主题

4

帖子

15

积分

超级版主

Rank: 8Rank: 8

积分
15
发表于 2014-9-29 11:55:50 | 显示全部楼层
本帖最后由 rain 于 2015-1-22 15:34 编辑

五、图文混排。
1、简单的图文混排,右击图片,选择图片属性,选择一个排列方式即可
21.jpg
效果:
22.jpg
2、如果需要复杂的图文混排,需要借助表格来固定框架,比如左中右按照图片-文字-图片进行排列。
先画一个一行三列的表格,右击表格,选择表格属性,边框设置为0。
23.jpg
然后把内容分别拖到相应的单元格里面,效果:
24.jpg
如果下面还有内容需要排版,可以继续插入表格来固定。
如果表格需要横向或纵向合并单元格,可以word里面拉好表格,复制到编辑器,全选,点击格式刷清除格式,右击表格,选择表格属性,边框设置为0。然后就可以看到虚线框,可以往里面插入内容了。
3、如果下一个产品也需要用到同样的表格,可以直接复制粘贴到下一个产品的编辑器,改下表格里面内容就可以了。表格可以进行增加和删除单元格操作来调整。
4、图文处于同一行时,文字和图片会紧挨着没有间隙,这时需要把图片拖进ps重新处理一下,把右侧或者临近文字的一侧,加上10像素左右的空白或者白底(图像-画布大小-选择右侧拓展,把宽度值加上10),再保存为jpg或者透明png格式,传上即可,效果如图:
QQ截图20150122153107.jpg
回复

使用道具 举报

0

主题

4

帖子

15

积分

超级版主

Rank: 8Rank: 8

积分
15
发表于 2014-9-29 16:21:21 | 显示全部楼层
本帖最后由 rain 于 2014-9-29 16:25 编辑

六、链接及下载的添加。
1、给文字或图片添加链接,要先选中,然后点击链接图标,填上链接即可。如果是本站内的页面,填上域名后面的一块即可,如果是外面的链接,则需要填完整链接地址。一般站内页面打开方式选择”当前窗口“,而站外页面选择”新窗口“打开。

2、添加下载也是点击链接图标,只是在这之前,要先将资料上传网站,在局部内容--添加下载 里面,传好复制链接地址
26.jpg
回到产品描述的编辑器里面,选中要加链接的图片或者文字,点击链接图标,填上链接地址即可。
27.jpg
保存后,前台效果:
28.jpg
添加的下载文件不要过大,一般在2M以下,过大会上传不了,网站和服务器的连接时间有限,过大的文件没等传完就中断了,需要把文件分割成几个来上传。所有的下载文件会在一个单独的”download“页面里面全部列出来,大家可以自己决定是否把这个页面加到导航栏上,如果要加,在导航管理里面,添加导航栏目,链接填上”download.html“,就加好了。
回复

使用道具 举报

QQ|手机版|Archiver|叶子官网|叶子网络 ( 浙ICP备17027999号-5

GMT+8, 2020-5-26 02:49 , Processed in 0.112032 second(s), 29 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表