加入星光班，获得论坛账号，登录享用更多功能
您需要 登录 才可以下载或查看，没有账号？立即注册
×
本帖最后由 sunset风飏 于 2018-6-22 02:07 编辑
MCE论坛作为discuz！3.4版本的论坛，可以使用很多discuz！论坛相应的代码
这篇帖子给大家详细讲一下在我们的论坛中如何使用代码正常的发帖与回帖过程中，需要用到代码的地方并不多
但是有时候遇到bug，就会知道代码的好处了
它可以清晰明了的显示出你在哪个位置进行了哪些操作，还可以看出你的这个操作是否真的落实到自己的帖子之中了就像我在用QQ聊天时想发送emoji，我都会直接输入/xk、/xyx、/doge，直接会出现相应的表情，很方便。
编辑帖子的时候点击右上角的纯文本就可以看到代码了
我之前有一次发帖就遇到点开编辑就是纯文本无法调回正常模式的情况
以小鱼的这篇帖子为例
纯文本窗口就是这样的，由于小鱼进行了很多不同的字体字号字形字色的更改，所以看起来很杂。
下面我们正式开始讲课咯
1、加粗
加粗的代码是[*b]中间是需要被加粗的文字[*/b]代码使用时要去掉*符号，因为我在这里直接打代码的话会被系统自动识别，所以加了*来破坏代码的结构
可以看到代码的构成是前面[一些字符]，后面[/同样的字符]，夹在中间的字就会产生相应的效果。
2、斜体
[*i]斜体[*/i]与加粗一个道理，很简单不再赘述。
3、下划线
[*u]下划线[*/u]
4、颜色
[*color=#ff0000]颜色[*/color]前面的#ff0000代表红色
颜色[*color=#00ff00]颜色[*/color]这样调成#00ff00就变成了绿色
关于RGB颜色的表示方法移步配色网站与HTML色值
在color后面直接输入你想要的颜色的英文也可以
间紫罗兰色[*color=mediumvioletred]间紫罗兰色[*/color]
茶色暗桔色橄榄色暗宝石绿银白色闪蓝色黄绿色
英文分别是tan、darkorange、olive、darkturquoise、silver、dodgerblue、chartreuse
颜色对照表在这里
另外，如果想在有颜色的字后面继续键入默认颜色的字的话当你把光标放在颜色后面，你会发现光标也相应的变了颜色，这时候你再输入出来的字一定是同样的颜色
打回车也不好使
因为系统默认把你的光标放在了[*/color]之前，所以你打出来的字还是一样的颜色，如果再去把新写的字手动调成黑色会不会很麻烦
这时候我们需要做的就是默默地打开纯文本，把光标放在[*/color]之后就可以啦
其他的代码也是一样的道理。
5、文字背景色
[*backcolor=palegreen]文字背景色[*/backcolor]
颜色操作详见上一条
6、字体
[*font=隶书]字体[*/font]字体的代码就是这样咯大家在上面的导航栏里会发现：并没有隶书这个选项？？
这就是代码的高级之处了，这一行是华文行楷，可以看到同样没有华文行楷的选项，但是我只要把font=后面的字改成华文行楷就行了。
但是仅限一些比较基础的系统默认字体
7、字号
[*size=3]字号[*/size]size=后面的数字可以自己更改来实现需要的字号
但是字号这里我们无法设置为导航栏没有的更大的数字
20字号，7字号
[*size=20]20字号[*/size]，[*size=7]7字号[*/size]这里20字号和7字号是一样大的
8、表格
在导航栏可以生成表格，但有时填表格填到最后发现缺几行或者缺几列，就只能重新设置一个表格，而且已经写好的内容也不能一起复制，怎么办呢
这时我们打开纯文本，发现如下代码
[*table=50%]
[*tr][*td] （1,1）[*/td][*td] （1,2）[*/td][*/tr]
[*tr][*td] （2,1）[*/td][*td] （2,2）[*/td][*/tr]
[*/table]
[*table=50%]与[*/table]之间就是整个的表格
[*tr]与[*/tr]之间是一行里的格子数，中间每有一个[*td] [*/td]就代表一个格子
通过更改代码我们也可以做出这样的异形表格
| （1,1） | | （2,1） | （2,2） | | （3,1） | （3,2） | （3,3） |
[*table=50%]
[*tr][*td] [*/td][*/tr]
[*tr][*td] [*/td][*td] [*/td][*/tr]
[*tr][*td] [*/td][*td] [*/td][*td] [*/td][*/tr]
[*/table]
表格背景色只需要在[*table=50%]里面加上逗号和颜色的RGB代码或者英文就好了
像这样：[*table=50%,tan]或者[*table=50%,#00ff00]
9、图片
这幅图片是我从本地上传的，代码显示为[*attachimg]2522[*/attachimg]
其中的2522代表星光班论坛的第2522个图片，这时如果我再传一张，下一张就会是2523
如果我把代码里的数字改成2521，就会显示为我在这篇帖子里上传的上一个图片
就像这样
[*attachimg]2521[*/attachimg]
如果数字改动成当前帖子里并没有上传过的图片的序号，并不会显示哦
粘贴网络图片和上传本地图片也是不一样的
比如我从网上找了一个很漂亮的分割线
直接复制图片粘到这里，代码的显示是这样的
[*img]http://dl.bbs.9game.cn/attachments/forum/201407/19/190245gwws6ue9w0ssrkek.gif[*/img]
不再是attachimg而直接是img，中间的网址也是直接可以打开的网址，打开网址直接显示当前的gif图像
10、超链接
以论坛首页为例
最温暖的论坛！
[*url=http://mce.msi.com/]最温暖的论坛！[*/url]
两组中括号之间的文字是直接显示在帖子中的
前面的[*url=后面是引导到的链接
超链接也可以加特效
最温暖的论坛！
.jpg)
还可以把超链接加到表情里
11、排版
左对齐代码是[*align=left] [*/align]
右对齐代码是[*align=right] [*/align]
居中代码是[*align=center] [*/align]
分别是left,right,center，学会了上面那些，这里也很简单咯
【基础篇】就先到这里，大家学会了吗？
最后留个作业，来猜一猜[*hide][*/hide]是做什么的呢？
| 
[复制链接]
发表于 2018-6-21 14:31:52
发表于 2018-6-21 15:06:02
楼主.jpg)
