论坛风格切换切换到宽版
  • 7392阅读
  • 21回复

[官方教程]phpwind 8.5 编辑器使用教程 [复制链接]

上一主题 下一主题
离线sanqi.yun
 

发帖
722
金钱
1245
威望
700
只看楼主 倒序阅读 使用道具 楼主  发表于: 2011-04-15
— 本帖被 书包啦啦 执行加亮操作(2011-04-25) —
phpwind8.5版本中采用了新的编辑器,为了让大家更快更好的使用新版编辑器,phpwind 新编辑器做了哪些优化呢,详情查看书包啦啦帖子>>>我们对编辑器进行了详尽分析,以下主要为大家讲解标签使用哦~~:

整体布局>>>

功能组件>>>

  • 字体


文本字体设定,可以先选中文字,然后改变字体,也可以先改变字体,继续输入时则输入文字会是已设定的字体。

  • 字号


字体大小设定,可以先选中文字,然后改变字号,也可以先改变字号,继续输入时则输入文字会是已设定的字号。

  • 加粗


字体加粗。

  • 斜体


字体倾斜。

  • 下划线


字体加下划线。

  • 删除线


字体加删除线。

  • 字色


设定字体颜色。

  • 背景色


设定选中文本的背景颜色。

  • 删除样式


清除选中文本的字体样式。

  • 左对齐


设置选中文本的对齐方式为左对齐。

  • 居中对齐


设置选中文本的对齐方式为居中对齐。

  • 右对齐


设置选中文本的对齐方式为右对齐。

  • 段落化


点击后,可以给编辑的每段文字的开头自动缩进2格。

  • 有序列表


选择一段文字,点击“有序列表”图标,会将这段文字加上有序列表的标签。
如果在这段文字之前,或者之后,再选择一段文字,点击“有序列表”图标,则会合并成一个有序列表。
如果所选两段文字之间有其他文字,则作为新的有序列表。
在所见即所得模式下,当广标定位到一个有序列表后面,按回车,会生成新的一个列表项,序号顺延。

  • 无序列表


选择一段文字,点击“无序列表”图标,会将这段文字加上无序列表的标签。
如果在这段文字之前,或者之后,再选择一段文字,点击“无序列表”图标,则会合并成一个无序列表。
如果所选两段文字之间有其他文字,则作为新的无序列表。
在所见即所得模式下,当广标定位到一个有序列表后面,按回车,会生成新的一个列表项。

  • 缩进


为选中文字或者光标所在的段落执行缩进操作。

  • 取消缩进


取消缩进。

  • 水平线


在光标处插入一条水平线,如果光标不在行首,则另起一行。

  • 插入引用


未选中文字时,点击后,出现插入引用浮层,浮层的输入框中输入需要设为引用的文字;当选中文字时,点击,则选中文字设为需引用的文字。

  • 插入代码


未选中文字时,点击后,出现插入代码浮层,浮层的输入框中输入需要设为代码的文字;当选中文字时,点击,则选中文字设为需代码的文字。

  • 插入出售


点击后,弹出出售设置框。可分成几种情况:
1)第一次设置出售内容,未选中内容,点击后,在出现的浮层中设置出售积分规则以及出售内容。
2)第一次设置出售内容,已选中内容,点击后,只需设置出售积分规则。
3)后续设置出售内容,未选中内容,点击后,积分规则同已设置的出售规则,只需在浮层输入框中输入新的出售内容即可。
4)后续设置出售内容,已选中内容,不需要出售弹出框,直接根据已有出售积分规则设定即可。
出售帖教程详细参考>>>

  • 插入隐藏


1)未选中文字,则点击图标后显示弹出框,输入隐藏内容后提交。
2)如果已经选中内容,则点击图标后,选中文字则被设为了隐藏文字,需回复后才可见。
影藏帖教程详细参考>>>

  • 插入链接


未选中文本点击后出现浮层,可在其中填入链接地址与链接文字,已选中文字的话,则点击后只需在浮层中输入链接地址即可。

  • 取消链接


选中已有链接的文字后,点击即可取消链接文字。

  • 插入表格


点击后可以出入表格,可以设定行数、列数、设定表格宽度,设定表格边框颜色与表格背景颜色。

  • 撤销


将编辑器的内容恢复到上一个还原点。

  • 恢复


取消撤销动作。

  • 插入表情


点击后,出现表情选择的浮层,可以插入表情。

  • 插入图片


图片上传的统一入口,包含本地上传、相册图片、网络图片三种:
1)  本地图片,先选择文件,然后点击上传按钮,上传完毕后会在图片列表中显示已上传的图片,点击图片,图片就会插入到编辑器的光标所在处,同时,如果勾选“上传到相册”,则图片列表中的图片同时会上传到自己指定的相册中。
2)  相册图片,如果要将相册中的图片插入到编辑的内容中,只需选择相册,点击要插入的图片即可。
3)    网络图片,在浮层输入框中输入网络图片的地址即可。

  • 插入附件


点击后,选择要插入的附件,选择完毕后,点击上传,则附件上传,对于已上传的附件可以插入到编辑内容中,也可以删除。

  • 插入音乐


点击后,在浮层输入框中输入音乐文件的链接地址即可。

  • 插入附件


点击后,在浮层输入框中输入音乐文件的链接地址即可。

  • 自定义代码


后台开启后,用户可以使用站点自定义的代码格式。

  • 预设帖子格式


后台开启后,可以使用已定义好的帖子格式进行发帖

  • 动漫表情


开启后,可愿意试用动漫表情。

  • 虾米音乐


开启后,点击可以在线搜索虾米音乐,并把音乐插入到编辑的内容中。
[ 此帖被书包啦啦在2011-04-20 10:43重新编辑 ]
评价一下你浏览此帖子的感受

精彩

感动

搞笑

开心

愤怒

无聊

灌水
离线sanqi.yun

发帖
722
金钱
1245
威望
700
只看该作者 沙发  发表于: 2011-04-15
后台配置>>>
首先,管理员可以在【后台】->【全局】->【编辑器】中来配置编辑器相关的功能。
一、基本设置
设置编辑器相关标签以及一些基本功能,如动漫传情、发帖内容验证等功能是否开启。在此不详细说明。

二、预设帖子格式
帖子格式扩展,方便会员发布特定的帖子内容。
首先需要开启预设帖子格式功能,操作路径为:【全局】->【编辑器】->【基本设置】。
1. 添加帖子格式
以下例举添加出租信息帖子格式。

2.前台使用效果:

3.提交后的效果:




三、自定义代码
自定义代码为系统windcode的扩展,方便站长发布具有站点特色的代码标签。
首先需要开启自定义代码功能,操作路径:【全局】->【编辑器】->【基本设置】。
1.添加自定义代码


2.根据提示填入相应内容,如下图:


3.帖子编辑完成后提交:




四、普通表情
添加论坛的表情可给论坛添加色彩,一定程度上提高会员的发帖积极性。phpwind 8.5新增一套旺旺表情。
1.先在你的图片文件夹images/post/smile/文件夹下建立相应的文件夹(例文件名为old) 。
2.添加表情组
图片路径极为新建文件夹名:old,表情名称:任意,显示顺序:数字小的显示前面。

3.提交后,如图:
点击[分类表情管理],表情管理设置。如图

勾选要添加的表情,选择[添加]提交即可。添加后,可为已添加的表情添加图片名称和描述

4.前台显示效果举例:




五、特殊表情
此表情为新鲜事应用下的插入表情后台管理。表情管理参考普通表情。


编辑器使用介绍到这,希望给童鞋们帮助哦~~
[ 此帖被书包啦啦在2011-04-20 10:49重新编辑 ]
1条评分金钱+10
书包啦啦 金钱 +10 详细~~童鞋们参考参考吧~~ 2011-04-20
离线书包啦啦

发帖
983
金钱
1266
威望
1471
只看该作者 板凳  发表于: 2011-04-20
详细~~童鞋们参考参考吧~~
离线香辣鸡翅

发帖
55
金钱
264
威望
16
只看该作者 3楼 发表于: 2011-04-20
谢谢楼主
离线shandian0618
发帖
14
金钱
1
威望
3
只看该作者 4楼 发表于: 2011-04-20
学习!
离线mingsky0214
发帖
19
金钱
7
威望
20
只看该作者 5楼 发表于: 2011-04-21
回 4楼(shandian0618) 的帖子
很详细 谢谢分享   新手  刚来学习   ~~~
离线樊人不凡
发帖
9
金钱
142
威望
21
只看该作者 6楼 发表于: 2011-04-22
学习了

发帖
12
金钱
115
威望
1
只看该作者 7楼 发表于: 2011-05-02
如何添加帖子发布分类呢
离线wngk521
发帖
2
金钱
181
威望
0
只看该作者 8楼 发表于: 2011-05-06
学习了
离线yunhai800
发帖
102
金钱
216
威望
1
只看该作者 9楼 发表于: 2011-05-09
不断学习、不断进步!
离线yunhai800
发帖
102
金钱
216
威望
1
只看该作者 10楼 发表于: 2011-05-09
不断学习、不断进步!
离线llk870930

发帖
90
金钱
382
威望
6
只看该作者 11楼 发表于: 2011-05-20
支持下
离线tuan803

发帖
8
金钱
131
威望
21
只看该作者 12楼 发表于: 2011-05-26
学习,进步!
离线新上饶

发帖
457
金钱
19
威望
23
只看该作者 13楼 发表于: 2011-05-28
离线13gege
发帖
1
金钱
100
威望
21
只看该作者 14楼 发表于: 2011-06-04
  刚学的 有用啊
快速回复
限80 字节
温馨提示:欢迎交流讨论,请勿纯表情、纯引用!
 
上一个 下一个