叶子网络bbs论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 46189|回复: 6
打印 上一主题 下一主题

编辑器的一些复杂使用

[复制链接]

0

主题

3

帖子

3

积分

超级版主

Rank: 8Rank: 8

积分
3
楼主
发表于 2014-9-29 10:12:52 | 显示全部楼层
三、复制excel里面内容。
excel中原样:

复制到编辑器中:

这样直接从excel里面复制进来,保存后会是这个效果:

格式已经变化,因为excel的代码,和网页用的不一样,而且带进冗码,无法原样显示。
我们可以选择二次编辑格式,选中表格,点击格式刷清除格式,然后在表格中点击插入光标,右击鼠标,点表格属性,表格边框的粗细设置为1,选一个边框颜色,保存。

前台效果

这样可以继续编辑表格的样式。
表格上面的参数对优化来说意义不大,如果更在意原来表格的美观,可以用QQ截图保存下来,然后把截图传上来,用图片打开会略慢一点,但海外几乎察觉不出。

回复

使用道具 举报

0

主题

3

帖子

3

积分

超级版主

Rank: 8Rank: 8

积分
3
沙发
发表于 2014-9-29 11:22:54 | 显示全部楼层
四、更改文字大小和行高设置
由于网站内容是固定行高的,当文字变大后,上下行文字间隙就会变小。
更改文字大小:

保存后,前台显示效果:

行间距变小了。iweb2.0后台系统设置--每页显示个数--编辑器行高,设置个行高数值即可更改,要注意的是,这个值是全局有效的,别的地方也将增加行间距,所以,如果只是个别产品需要增加行间距多按一个enter键换行即可,不要改这里的数字。

更改后前台效果:

一般来说直接按enter键换行,对应的代码就是<p></p>行高会比较高,分段可以这样按。如果是段内断行,按shift+enter键,对应的代码是<br>,这种行高较小。

回复

使用道具 举报

0

主题

3

帖子

3

积分

超级版主

Rank: 8Rank: 8

积分
3
板凳
发表于 2014-9-29 11:55:50 | 显示全部楼层
五、图文混排。
1、简单的图文混排,右击图片,选择图片属性,选择一个排列方式即可

效果:

2、如果需要复杂的图文混排,需要借助表格来固定框架,比如左中右按照图片-文字-图片进行排列。
先画一个一行三列的表格,右击表格,选择表格属性,边框设置为0。

然后把内容分别拖到相应的单元格里面,效果:

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



图片排版

插入表格,一行想显示几个,就选几列,行数可以随便写个,后面不够可以右击下方插入行的。
点击插入表格按钮。


在单元格中插入光标,再点击插入图片按钮。



插入好之后,点击保存,前台刷新看效果。



也可以给图片添加链接,点击选中图片,点击插入链接按钮,填上完整网址,注意网址不完整是不支持的。也可以自己选择是否新页面打开链接。

链接加好后,如果要修改,点击图,下方自动出现修改按钮。



回复

使用道具 举报

0

主题

3

帖子

3

积分

超级版主

Rank: 8Rank: 8

积分
3
地板
发表于 2014-9-29 16:21:21 | 显示全部楼层
六、链接及下载的添加。
1、给文字或图片添加链接,要先选中,然后点击链接图标,填上链接即可。如果是本站内的页面,填上域名后面的一块即可,如果是外面的链接,则需要填完整链接地址。一般站内页面打开方式选择”当前窗口“,而站外页面选择”新窗口“打开。

2、添加下载也是点击链接图标,只是在这之前,要先将资料上传网站,在下载--发布下载 里面,传好复制链接地址


iweb2.0的后台编辑器对应的是这样的界面:

回到产品描述的编辑器里面,选中要加链接的图片或者文字,点击链接图标,填上链接地址即可。

保存后,前台效果:

添加的下载文件不要过大,一般在2M以下,过大会上传不了,网站和服务器的连接时间有限,过大的文件没等传完就中断了,需要把文件分割成几个来上传。所有的下载文件会在一个单独的”download“页面里面全部列出来,大家可以自己决定是否把这个页面加到导航栏上,如果要加,在导航管理里面,添加导航栏目,链接填上”download.html“,就加好了。
iweb3.0
iweb3.0后台加链接界面。注意填写的链接,这样填会自动加上http://上去,会导致打不开。

得填上完整网址才行。






回复

使用道具 举报

手机版|Archiver|叶子官网|杭州轩翼网络科技有限公司 ( 浙ICP备17027999号

GMT+8, 2024-11-11 03:47 , Processed in 0.288265 second(s), 25 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

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