小蜜蜂 发表于 2016-7-15 23:00:06

Discuz代码教程

本帖最后由 zwmiracle 于 2016-7-16 00:42 编辑

Discuz编辑器代码的特点是成对出现([XXX]和[/XXX]),一前一后,中间是其作用区域。
代码一般跟其英文全称/首字母对应,易于理解。
编辑框——高级模式——纯文本,就可以看到代码了。
了解代码规则可以有助于更美观的排版,也可以减少冗余代码。
读懂了的同学欢迎加入新书楼维护工作。
一楼是基本内容。
二楼是排版相关。


[*]这是加粗,b=bold:
这是加粗,b=bold。
[*]这是斜体,i=italic:
这是斜体,i=italic。
[*]这是下划线,u=underline:
这是下划线,u=underline。
[*]这里是字体类型font,一般我们就用默认的宋体好了。
这里是字体类型font,一般我们就用默认的宋体好了。
[*]这是字体大小size。默认大小是介于2号和3号之间的。
这是字体大小size。默认大小是介于2号和3号之间的。
[*]这是字体颜色(前景色)color。
red同理可以换成yellow,Blue,pink,lightpink,darkgreen…不区分大小写
或其他RGB色码(百度一下就有专门色码表),如#FFC1E0。
这是字体颜色(前景色)color。
Red同理可以换成yellow,Blue,pink,lightpink,darkgreen…不区分大小写
或其他RGB色码(百度一下就有专门色码表),如#FFC1E0。

附:英文名字顏色代碼/Html Color Code
       色碼表/RGB Color Code
[*]这是背景色backcolor。
这是背景色backcolor。
[*]七月新书速递
字面显示在这,格式要加在里面。
七月新书速递
字面显示在这,格式要加在url括号的里面。
[*]这里是引用。
这里是引用。
[*]每个【hr】产生一个横跨整个页面的横线,可以搭配表格使用:

[*]上述所有代码是用一对对【code】和【/code】括起来的。



举一个冗余代码的例子:
这是一个冗余的代码的最简单例子。
这是一个冗余的代码的最简单例子。
明明一行都是红色,但代码却分开加了两遍。

这是一个冗余的代码的最简单例子。
这是一个冗余的代码的最简单例子。
这种情况一般出现在编辑者一开始选用blue,后来又改了主意。于是代码就套了两层,然而只有最里面一层起作用。
好的编辑方式应该是直接切换到纯文本模式下,把blue改成red。这就需要你知道每个代码什么意思了。

一个美观简洁的楼层,最好是在纯文本模式下写好,最后加格式。
否则带着格式,来编辑内容,很容易产生复杂丑陋的冗余代码。毕竟电脑没有人聪明的啦。

小蜜蜂 发表于 2016-7-15 23:23:47

本帖最后由 zwmiracle 于 2016-7-16 00:25 编辑


表格



[*]【table】标记表格开始,由【/table】标记表格结束。
[*]【table】可以带参数,如【table=77%,blue】表示表格宽为页面宽度的77%,背景色是blue。
[*]和中间夹的是整个一行,tr=table row。
[*]和中间夹的是每个列,td=table data。
[*]所以我们可以说,discuz表格是基于“行”的操作。




这是一行一列的表格。


这是一行一列的表格。




第一列data。第二列data。


第一列data。第二列data。



第一行第一列data。 第一行第二列data。
第二行第一列data。 第二行第二列data。


第一行第一列data。 第一行第二列data。
第二行第一列data。 第二行第二列data。



每个tr可以携带一个背景色,并覆盖table的背景色:


第一行第一列data。 第一行第二列data。
第二行第一列data。 第二行第二列data。
第三行第一列data。 第三行第二列data。
第四行第一列data。 第四行第二列data。



第一行第一列data。 第一行第二列data。
第二行第一列data。 第二行第二列data。
第三行第一列data。 第三行第二列data。
第四行第一列data。 第四行第二列data。




然后我们可以把两个单行单列表格嵌套起来:

这是外层蓝色的单行单列表格。
这是内层白色的单行单列表格。



这是外层蓝色的单行单列表格。
这是内层白色的单行单列表格。



把“这是外层蓝色的单行单列表格。”这句话删掉就是大家常见的主楼带框格式了:


这是内层白色的单行单列表格。
注意内层的宽度要占到外层的98%。






这是内层白色的单行单列表格。
注意内层的宽度要占到外层的98%。



同理我们可以嵌套更多框框:




这是内层白色的单行单列表格。
注意内层的宽度要占到外层的98%。








这是内层白色的单行单列表格。
注意内层的宽度要占到外层的98%。






表格也可以合并行或者列,在td里标记。
td=1,2 表示占据1列2行;
td=3,1 表示占据3列1行。
*因为每处data由一对和标记,被合并的数据就不写和啦。
比如下表是四列的,每行应有四对和。
但是我们在第4行只发现了一对和,因为第一对被上一行合并了,剩下三对合并成了一列。



《三救》《爱莫能弃》《断簪记》
男主佑生谢审言贺云弘
男主重伤发生时间故事开头,说不出话故事开头,不想说话50%处,舌头受伤
没法说话,一直听女主谈古畅今,听到女主惊人/犯傻之语时,会哽咽/一抖/咳嗽,哈哈
女主身穿,上辈子情场职场皆失忆魂穿,??魂穿,上辈子职场得意,情场忘了?也没有父母缘
捧哏三两个,偶尔出现两三个,一直陪伴一大堆…
包子5个3个?几个吧…




《三救》《爱莫能弃》《断簪记》
男主佑生谢审言贺云弘
男主重伤发生时间故事开头,说不出话故事开头,不想说话50%处,舌头受伤
没法说话,一直听女主谈古畅今,听到女主惊人/犯傻之语时,会哽咽/一抖/咳嗽,哈哈
女主身穿,上辈子情场职场皆失忆魂穿,??魂穿,上辈子职场得意,情场忘了?也没有父母缘
捧哏三两个,偶尔出现两三个,一直陪伴一大堆…
包子5个3个?几个吧…




表格代码乍一看还是很眼晕的,但是我们知道其意义后,构建起来会很容易,虽然自己建好了再看代码也会头晕,大家可以尝试一下~

小蜜蜂 发表于 2016-7-15 23:51:49

本帖最后由 小蜜蜂 于 2017-2-20 14:36 编辑











建议:打完/复制完所有的字之后,再加格式。






















建议:打完/复制完所有的字之后,再加格式






















建议:打完/复制完所有的字之后,再加格式






















建议:打完/复制完所有的字之后,再加格式






















建议:打完/复制完所有的字之后,再加格式























建议:打完/复制完所有的字之后,再加格式






















建议:打完/复制完所有的字之后,再加格式






















建议:打完/复制完所有的字之后,再加格式












段落编号
以【list】和【/list】开始和结束,每项以【*】开始。
若【list=1】和【/list】则进行从1, 2, ... 开始的自动顺序编号。



[*]哈哈
[*]呵呵
[*]嘿嘿


[*]哈哈
[*]呵呵
[*]嘿嘿




[*]啦啦
[*]呵呵
[*]嘿嘿


[*]啦啦
[*]呵呵
[*]嘿嘿



同理,段落编号也可以嵌套:

[*]哈哈
[*]呵呵

[*]哈哈1
[*]呵呵2
[*]嘿嘿3
[*]嘿嘿


[*]哈哈
[*]呵呵

[*]哈哈1
[*]呵呵2
[*]嘿嘿3
[*]嘿嘿

小蜜蜂 发表于 2016-7-15 23:51:49

本帖最后由 小蜜蜂 于 2017-2-20 14:37 编辑







建议:打完/复制完所有的字之后,再加格式








建议:打完/复制完所有的字之后,再加格式






建议:打完/复制完所有的字之后,再加格式















建议:打完/复制完所有的字之后,再加格式















建议:打完/复制完所有的字之后,再加格式















建议:打完/复制完所有的字之后,再加格式
















建议:打完/复制完所有的字之后,再加格式













建议:打完/复制完所有的字之后,再加格式
















建议:打完/复制完所有的字之后,再加格式















建议:打完/复制完所有的字之后,再加格式














建议:打完/复制完所有的字之后,再加格式















建议:打完/复制完所有的字之后,再加格式















建议:打完/复制完所有的字之后,再加格式















建议:打完/复制完所有的字之后,再加格式















建议:打完/复制完所有的字之后,再加格式















建议:打完/复制完所有的字之后,再加格式
















建议:打完/复制完所有的字之后,再加格式









439243429 发表于 2016-7-23 17:06:52

想当年这个研究得一头劲,现在看着就眼花:Q:Q:Q:Q;P;P;P;P

439243429 发表于 2016-8-1 21:39:14

zwmiracle 发表于 2016-7-15 23:51
大家还想知道啥?

设置里面个人签名,设置成图片的代码怎么弄的?很久以前老坛子搞过,现在给忘了。

小蜜蜂 发表于 2016-8-1 23:23:29

439243429 发表于 2016-8-1 21:39
设置里面个人签名,设置成图片的代码怎么弄的?很久以前老坛子搞过,现在给忘了。

你可以在你发的图片帖子里看看纯文本的代码是啥
应该是【img=...】【\img】吧

439243429 发表于 2016-8-2 08:20:33

zwmiracle 发表于 2016-8-1 23:23
你可以在你发的图片帖子里看看纯文本的代码是啥
应该是【img=...】【\img】吧

哦,好滴,谢谢

439243429 发表于 2016-8-2 22:15:40

zwmiracle 发表于 2016-8-1 23:23
你可以在你发的图片帖子里看看纯文本的代码是啥
应该是【img=...】【\img】吧

下面还是一串代码,我把图片传到QQ空间 然后复制图片网址过来的   是不是不能这么做?

439243429 发表于 2016-8-2 22:15:58

zwmiracle 发表于 2016-8-1 23:23
你可以在你发的图片帖子里看看纯文本的代码是啥
应该是【img=...】【\img】吧

下面还是一串代码,我把图片传到QQ空间 然后复制图片网址过来的   是不是不能这么做?
页: [1] 2
查看完整版本: Discuz代码教程