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

叶子网络bbs论坛

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

编辑器的一些复杂使用

[复制链接]

47

主题

104

帖子

1167

积分

管理员

Rank: 9Rank: 9Rank: 9

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

QQ截图20221101103207.jpg

2、从别的网页上复制的文字,方法同上。从其他网页直接拷贝的文字,用格式刷是完全没有用的,最简单的办法是拷贝到txt文本文档里面,再从txt里面复制到编辑器。图片不能直接从一个站复制到另一个站,这样图片位置还在之前的网站空间里,那个空间一停,图片就打不开了,得另存为到本地,再从本地上传到这个网站。

3、从word复制表格进来。
由于编辑器不能兼容word里面的代码,所以首选是在编辑器里面拉表格,我们可以做好一个表格,再复制到下一个产品使用,省得每次都编辑表格格式。
如果要从word拷贝表格,大概率外观会变了,常见的有:
1)宽度太宽了,我们可以右击表格,表格--表格属性。
1.jpg
选择“按表格文字自适应”,这样表格就会宽度适中。如果选择按页面宽度自适应,就会网站框架有多宽就显示多宽。
2.jpg
2)表格边框没了。点击左上角源代码,找到表格的标记<table ,在这里加入代码 border="1" ,再次点击源代码恢复正常窗口,点保存。
5.jpg

3)单元格背景色没了。选中要加背景色的单元格,右击,表格---单元格属性
3.jpg

选择想要的颜色保存就可以了
4.jpg
最终效果
6.jpg

编辑器里面也无法定义表格每个列的宽度,复杂表格最好直接在word或者excel里面编辑好,然后截图上传网站。
回复

使用道具 举报

47

主题

104

帖子

1167

积分

管理员

Rank: 9Rank: 9Rank: 9

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

回复

使用道具 举报

0

主题

3

帖子

8

积分

超级版主

Rank: 8Rank: 8

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

回复

使用道具 举报

0

主题

3

帖子

8

积分

超级版主

Rank: 8Rank: 8

积分
8
发表于 2014-9-29 11:22:54 | 显示全部楼层
四、更改文字大小和行高设置
由于网站内容是固定行高的,当文字变大后,上下行文字间隙就会变小。
更改文字大小:
18.jpg
保存后,前台显示效果:
19.jpg
行间距变小了。iweb2.0后台系统设置--每页显示个数--编辑器行高,设置个行高数值即可更改,要注意的是,这个值是全局有效的,别的地方也将增加行间距,所以,如果只是个别产品需要增加行间距多按一个enter键换行即可,不要改这里的数字。
17.jpg
更改后前台效果:
20.jpg
一般来说直接按enter键换行,对应的代码就是<p></p>行高会比较高,分段可以这样按。如果是段内断行,按shift+enter键,对应的代码是<br>,这种行高较小。

回复

使用道具 举报

0

主题

3

帖子

8

积分

超级版主

Rank: 8Rank: 8

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


图片排版

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

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

2.jpg

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

3.jpg

也可以给图片添加链接,点击选中图片,点击插入链接按钮,填上完整网址,注意网址不完整是不支持的。也可以自己选择是否新页面打开链接。
4.jpg
链接加好后,如果要修改,点击图,下方自动出现修改按钮。

5.jpg

回复

使用道具 举报

0

主题

3

帖子

8

积分

超级版主

Rank: 8Rank: 8

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

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

2.jpg



回复

使用道具 举报

47

主题

104

帖子

1167

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1167
 楼主| 发表于 2020-10-15 14:43:56 | 显示全部楼层
编辑器里面如何上传视频?
视频可以加到网站上。但是视频不能传网站的空间,这是网页空间只能传网页,得传专门的视频空间上,比如优酷、youtube等,然后把生成的代码加到网站上。网站专用空间播放视频,会导致整台服务器网页打开速度都下降,无法保证最佳网页打开速度。要么自己单独租一台服务器,这样不影响别人的网站,要么单独租视频专用空间,像那些在线视频教学网站那样,要么传视频网站上,只有youtube目前没有广告,其他都有1分钟广告在视频开头,传了YouTube视频的页面在国内打开会非常慢,而视频自身得翻墙才能播放。
1、视频上传youtube等视频网站,点击视频底部“分享”,拷贝视频代码。
代码是这种格式的:<iframe width="560" height="315" src="https://www.youtube.com/embed/zua7fwewjdg" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
第一步

11.png

第二步
11.png
第三步
22.png

2、网站后台编辑器左上角,点击源代码图标,把代码粘贴到相应位置,再点击一次源代码,回到正常状态,再点击保存。
1.png
说明:视频可以加到网站上。但是视频不能传网站的空间,这是网页空间只能传网页,得传专门的视频空间上,比如优酷、youtobe等,然后把生成的代码加到网站上。这是国外免费视频空间申请指导http://www.ez-leaf.com/iwebnewsshow-44-86-1.html

如何在编辑器里插入很多的视频?
比如一个编辑器里要插入三行四列的视频,可以点击编辑器上方表格按钮,插入三行四列表格,点击“html”按钮,在<td></td>这样的标记之间插入视频代码,就是把视频插入单元格里面。
11.png

22.png

如果不想显示表格边框,可以在表格里任意位置插入光标,右击--表格--表格属性,把颜色那里填上#ffffff 就可以了,就是把边框颜色设置为白色自然看不见了。
33.png

44.png


模板上视频按钮如何加视频播放链接?
2.png

在后台填写链接的地方,只能填https://开头的链接,不能填<iframe 开头的整个的分享代码。可以从分享代码里面拷贝出链接,也可以打开视频,重新点分享,拷贝https://开头的那种链接。这两种方法获得的链接是不一样的,要测试哪个管用。
1.png
这种地方对视频来源有要求,对链接格式也有要求,多次尝试都不能正常播放的话,只有删掉视频链接。我们演示上示范的一般是优酷、爱奇艺、youtube视频,按照示范的平台肯定是管用的。或者这个模块换成编辑器控制,编辑器里面传视频没有平台和链接格式要求。








回复

使用道具 举报

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

GMT+8, 2022-12-5 23:25 , Processed in 0.144863 second(s), 30 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

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