编辑器的一些复杂使用

admin

一、从word复制资料。
1、从word上直接复制的文字会带来大量冗码，可能格式很乱，而且难以二次编辑排版，或者文字带有白底，得清除这些冗余格式代码才行，毕竟办公软件和互联网用的代码不是同一套规则下的。
方法一、一般情况下我们选中文字，点击清除格式按钮即可清除格式。
方法二、如果不行，我们可以先把内容复制到txt里面，再从里面复制粘贴到编辑器，这样也不会带来冗码。
方法三、如果还不行，全选复制内容，点击编辑器左上角的源代码，删掉所有代码，在这里粘贴内容，然后再点一次源代码按钮，回到正常编辑模式，二次编辑排版好，最后点保存。



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

3、从word复制表格进来。
由于编辑器不能兼容word里面的代码，所以首选是在编辑器里面拉表格，我们可以做好一个表格，再复制到下一个产品使用，省得每次都编辑表格格式。
如果要从word拷贝表格，大概率外观会变了，常见的有：
1）宽度太宽了，我们可以右击表格，表格--表格属性。

选择“按表格文字自适应”，这样表格就会宽度适中。如果选择按页面宽度自适应，就会网站框架有多宽就显示多宽。


ps:理论上选择“按页面宽度自适应”，就会表格和描述框架宽度一样，但是在少数异常情况下，会超出描述的框架宽度，这种情况没办法通过改网站来修复，编辑器本来就不如word完善。这时只有进入“源代码”，找到表格，把宽度设置为“100%”，就可以了。注意改好后，要再次点击源代码按钮，回到正常窗口，最后点保存，否则改代码会无效。
如图所示：



2）表格边框没了。点击左上角源代码，找到表格的标记<table ,在这里加入代码 border="1" ,再次点击源代码恢复正常窗口，点保存。

或者右击表格，选“表格”，右侧选项中点击“设置表格边线可见”，默认边框是黑色，如果本身网站是黑色背景，还需要点“表格属性”，设置一个白色边框颜色才能见到。


3）单元格背景色没了。选中要加背景色的单元格，右击，表格---单元格属性


选择想要的颜色保存就可以了

最终效果


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

ps:产品描述允许多少内容是有限的，正常上万字的描述都支持。但是如果带有大量冗码，即使只有几百字，也会满了，更多的内容无法保存，因为冗码也是计数的，而且往往几十倍于有效内容。清除冗码就可以正常写描述了。

admin

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

rain

三、复制excel里面内容。
excel中原样：

复制到编辑器中：

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

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

前台效果

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

rain

四、更改文字大小和行高设置
由于网站内容是固定行高的，当文字变大后，上下行文字间隙就会变小。
更改文字大小：

保存后，前台显示效果：

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

更改后前台效果：

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

rain

五、图文混排。
1、简单的图文混排，右击图片，选择图片属性，选择一个排列方式即可

效果：

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

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

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

图片排版

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


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



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



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

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

rain

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

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


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

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

保存后，前台效果：

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

得填上完整网址才行。

admin

编辑器里面如何上传视频？
视频可以加到网站上。但是视频不能传网站的空间，这是网页空间只能传网页，得传专门的视频空间上，比如优酷、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>
第一步



第二步

第三步


2、网站后台编辑器左上角，点击源代码图标，把代码粘贴到相应位置，再点击一次源代码，回到正常状态，再点击保存。

说明：1、视频可以加到网站上。但是视频不能传网站的空间，这是网页空间只能传网页，得传专门的视频空间上，比如优酷、youtobe等，然后把生成的代码加到网站上。这是国外免费视频空间申请指导http://www.ez-leaf.com/iwebnewsshow-44-86-1.html
2、如果需要调整视频的尺寸，改下代码里面的数值就可以了。再次点击源代码按钮，找到刚才粘贴进来的代码，找到上面“width=”“height=”字样，把后面的数字改下，多次尝试才能调整到一个合适的大小，注意每次改过数字，都要再次点击左上方源代码按钮，最后点保存。

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




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





模板上视频按钮如何加视频播放链接？


在后台填写链接的地方，只能填https://开头的链接，不能填<iframe 开头的整个的分享代码。可以从分享代码里面拷贝出链接，也可以打开视频，重新点分享，拷贝https://开头的那种链接。这两种方法获得的链接是不一样的，要测试哪个管用。第二种代码如图：


粘贴链接效果如图：

这种地方对视频来源有要求，对链接格式也有要求，多次尝试都不能正常播放的话，只有删掉视频链接。我们演示上示范的一般是优酷、爱奇艺、youtube视频，按照示范的平台肯定是管用的。或者这个模块换成编辑器控制，编辑器里面传视频没有平台和链接格式要求。
备注：1、注册YouTube的时候，到了手机验证码环节，会提示中国号码无法用于验证。这时要把浏览器默认语言设置为英文，就可以了。
2、最好的视频展示效果得单独做个视频网站，可以在后台直接点击上传视频，国内外都可以点击播放，没有广告，不存在海外点不开或者国内翻墙才能点开，而且有播放、暂停、进度条等控制按钮。所有东西都专门配合视频来单独开发，像那些做视频培训的公司都是做的这样的网站，网站几十万就可以了，再租一台视频服务器，每年也就几万。这种普通网站插入几个第三方视频，不管怎么调整，都属于凑合，不可能各方面细节都有完美解决办法，能播放就已经不错了。