Discuz代码教程

小蜜蜂

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

• 这是加粗，b=bold：
  
  1. [b]这是加粗，b=bold。[/b]

  复制代码
  
  
• 这是斜体，i=italic：
  
  1. [i]这是斜体，i=italic。[/i]

  复制代码
  
  
• 这是下划线，u=underline：
  
  1. [u]这是下划线，u=underline。[/u]

  复制代码
  
  
• 这里是字体类型font，一般我们就用默认的宋体好了。
  
  1. [font=微软雅黑]这里是字体类型font，一般我们就用默认的宋体好了。[/font]

  复制代码
  
  
• 这是字体大小size。默认大小是介于2号和3号之间的。
  
  1. [size=3]这是字体大小size。默认大小是介于2号和3号之间的。[/size]

  复制代码
  
  
• 这是字体颜色（前景色）color。
  red同理可以换成yellow，Blue，pink，lightpink，darkgreen…不区分大小写
  或其他RGB色码（百度一下就有专门色码表），如#FFC1E0。
  
  1. [color=Red]这是字体颜色（前景色）color。[/color]
     
  2. [color=RoyalBlue]Red同理可以换成yellow，Blue，pink，lightpink，darkgreen…不区分大小写[/color]
     
  3. [color=#FF0080]或其他RGB色码（百度一下就有专门色码表），如#FFC1E0。[/color]
     

  复制代码
  
  附：英文名字顏色代碼/Html Color Code
         色碼表/RGB Color Code
• 这是背景色backcolor。
  
  1. [backcolor=lightpink]这是背景色backcolor。[/backcolor]

  复制代码
  
  
• 七月新书速递
  字面显示在这，格式要加在[url]里面。
  
  1. [url=http://enjoyreading.top/thread-813-1-1.html]七月新书速递[/url]
     
  2. [url=网址在这]字面显示在这，[color=Blue]格式要加在url括号的里面[/color]。[/url]

  复制代码
  
  

• 这里是引用。

  1. [quote]这里是引用。[/quote]

  复制代码
  
  
• 每个【hr】产生一个横跨整个页面的横线，可以搭配表格使用：

  ---

  
  
  1. [hr]

  复制代码
  
  
• 上述所有代码是用一对对【code】和【/code】括起来的。
  

---

---

---

---

举一个冗余代码的例子：

1. [color=Red]这是一个[/color][color=Red]冗余的代码的最简单例子。[/color]

复制代码

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

1. [color=blue][color=Red]这是一个冗余的代码的最简单例子。[/color][/color]

复制代码

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

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

小蜜蜂

表格

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

---

---

---

1. [table=20%]
   
2. [tr][td]这是一行一列的表格。[/td][/tr]
   
3. [/table]

复制代码

这是一行一列的表格。

---

---

---

1. 
   
2. [table=50%]
   
3. [tr][td]第一列data。[/td][td]第二列data。[/td][/tr]
   
4. [/table]

复制代码

第一列data。

第二列data。

---

---

---

1. [table=50%,LemonChiffon]
   
2. [tr][td]第一行第一列data。[/td][td] 第一行第二列data。[/td][/tr]
   
3. [tr][td]第二行第一列data。[/td][td] 第二行第二列data。[/td][/tr]
   
4. [/table]

复制代码

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

---

---

---

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

1. [table=50%,LemonChiffon]
   
2. [tr][td]第一行第一列data。[/td][td] 第一行第二列data。[/td][/tr]
   
3. [tr=skyblue][td]第二行第一列data。[/td][td] 第二行第二列data。[/td][/tr]
   
4. [tr=royalblue][td]第三行第一列data。[/td][td] 第三行第二列data。[/td][/tr]
   
5. [tr=blue][td]第四行第一列data。[/td][td] 第四行第二列data。[/td][/tr]
   
6. [/table]

复制代码

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

---

---

---

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

1. [table=77%,blue]
   
2. [tr][td]这是外层蓝色的单行单列表格。[table=98%,white]
   
3. [tr][td]这是内层白色的单行单列表格。[/td][/tr]
   
4. [/table][/td][/tr]

复制代码

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

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

1. [table=77%,pink]
   
2. [tr][td][table=98%,white]
   
3. [tr][td]这是内层白色的单行单列表格。
   
4. 注意内层的宽度要占到外层的98%。[/td][/tr]
   
5. [/table][/td][/tr]
   
6. [/table]
   

复制代码

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

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

1. [table=77%,#FF60AF]
   
2. [tr][td][table=98%,#FF359A]
   
3. [tr][td][table=98%,#9F0050]
   
4. [tr][td][table=98%,white]
   
5. [tr][td]这是内层白色的单行单列表格。
   
6. 注意内层的宽度要占到外层的98%。[/td][/tr]
   
7. [/table][/td][/tr]
   
8. [/table][/td][/tr]
   
9. [/table][/td][/tr]
   
10. [/table]

复制代码

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

---

---

---

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

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

复制代码

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

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

小蜜蜂

[align=center][table=80%,#ff3333] [tr][td][table=98%,#ff6633] [tr][td][table=98%,#ff9933] [tr][td][table=98%,#ffffff] [tr][td]   建议：打完/复制完所有的字之后，再加格式。 [/td][/tr] [/table][/td][/tr] [/table][/td][/tr] [/table][/td][/tr] [/table][/align] 复制代码

[align=center][table=80%,#9966ff] [tr][td][table=98%,#9999ff] [tr][td][table=98%,#99ccff] [tr][td][table=98%,#ffffff] [tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr] [/table][/td][/tr] [/table][/td][/tr] [/table][/td][/tr] [/table][/align] 复制代码

[align=center][table=80%,#cc3399] [tr][td][table=98%,#cc6699] [tr][td][table=98%,#cc9999] [tr][td][table=98%,#ffffff] [tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr] [/table][/td][/tr] [/table][/td][/tr] [/table][/td][/tr] [/table][/align] 复制代码

[align=center][table=80%,#ff66ff] [tr][td][table=98%,#ff99ff] [tr][td][table=98%,#ffccff] [tr][td][table=98%,#ffffff] [tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr] [/table][/td][/tr] [/table][/td][/tr] [/table][/td][/tr] [/table][/align] 复制代码

[align=center][table=80%,#ff9999] [tr][td][table=98%,#ffcc99] [tr][td][table=98%,#ffff99] [tr][td][table=98%,#ffffff] [tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr] [/table][/td][/tr] [/table][/td][/tr] [/table][/td][/tr] [/table][/align] 复制代码

[align=center][table=80%,#9999cc] [tr][td][table=98%,#99cccc] [tr][td][table=98%,#99ffcc] [tr][td][table=98%,#ffffff] [tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr] [/table][/td][/tr] [/table][/td][/tr] [/table][/td][/tr] [/table][/align] 复制代码

[align=center][table=80%,#3399cc] [tr][td][table=98%,#33cccc] [tr][td][table=98%,#33ffcc] [tr][td][table=98%,#ffffff] [tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr] [/table][/td][/tr] [/table][/td][/tr] [/table][/td][/tr] [/table][/align] 复制代码

[align=center][table=80%,#009966] [tr][td][table=98%,#00cc66] [tr][td][table=98%,#00ff66] [tr][td][table=98%,#ffffff] [tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr] [/table][/td][/tr] [/table][/td][/tr] [/table][/td][/tr] [/table][/align] 复制代码

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

---

---

---

• 哈哈
• 呵呵
• 嘿嘿
  

1. [list]
   
2. [*]哈哈
   
3. [*]呵呵
   
4. [*]嘿嘿
   
5. [/list]

复制代码

---

---

---

• 啦啦
• 呵呵
• 嘿嘿
  

1. [list=1]
   
2. [*]啦啦
   
3. [*]呵呵
   
4. [*]嘿嘿
   
5. [/list]

复制代码

---

---

---

同理，段落编号也可以嵌套：

• 哈哈
• 呵呵
  
  • 哈哈1
  • 呵呵2
  • 嘿嘿3
    
• 嘿嘿
  

1. [list]
   
2. [*]哈哈
   
3. [*]呵呵
   
4. [list]
   
5. [*]哈哈1
   
6. [*]呵呵2
   
7. [*]嘿嘿3
   
8. [/list][*]嘿嘿
   
9. [/list]

复制代码

小蜜蜂

[align=center][table=80%,#ffff99][tr][td][table=98%,#ffffff][tr][td][table=98%,#ffff99][tr][td][table=98%,#ffffff][tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

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

[align=center][table=80%,#ffccff][tr][td][table=98%,#ffffff][tr][td][table=98%,#ffccff][tr][td][table=98%,#ffffff][tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#ffcc99][tr][td][table=98%,#ffffff][tr][td][table=98%,#ffcc99][tr][td][table=98%,#ffffff][tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#ccccff][tr][td][table=98%,#ffffff][tr][td][table=98%,#ccccff][tr][td][table=98%,#ffffff][tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#99ccff][tr][td][table=98%,#ffffff][tr][td][table=98%,#99ccff][tr][td][table=98%,#ffffff][tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#99ff99][tr][td][table=98%,#ffffff][tr][td][table=98%,#99ff99][tr][td][table=98%,#ffffff][tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#ff9999][tr][td][table=98%,#ffffff][tr][td][table=98%,#ff9999][tr][td][table=98%,#ffffff][tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#ff00ff][tr][td][table=98%,#ffffff][tr][td][table=98%,#ff00ff][tr][td][table=98%,#ffffff][tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#ff9966][tr][td][table=98%,#ffffff][tr][td][table=98%,#ff9966][tr][td][table=98%,#ffffff][tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#ff6666][tr][td][table=98%,#ffffff][tr][td][table=98%,#ff6666][tr][td][table=98%,#ffffff][tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#ff0066][tr][td][table=98%,#ffffff][tr][td][table=98%,#ff0066][tr][td][table=98%,#ffffff][tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#cc0099][tr][td][table=98%,#ffffff][tr][td][table=98%,#cc0099][tr][td][table=98%,#ffffff][tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#996600][tr][td][table=98%,#ffffff][tr][td][table=98%,#996600][tr][td][table=98%,#ffffff][tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#663366][tr][td][table=98%,#ffffff][tr][td][table=98%,#663366][tr][td][table=98%,#ffffff][tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#336666][tr][td][table=98%,#ffffff][tr][td][table=98%,#336666][tr][td][table=98%,#ffffff][tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

[align=center][table=80%,#333333][tr][td][table=98%,#ffffff][tr][td][table=98%,#333333][tr][td][table=98%,#ffffff][tr][td] 建议：打完/复制完所有的字之后，再加格式 [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][/align] 复制代码

439243429

想当年这个研究得一头劲，现在看着就眼花

439243429

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

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

小蜜蜂

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

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

439243429

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

哦，好滴，谢谢

439243429

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

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

439243429

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

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