论坛发帖图文教程

zsxwz 19/03.12 18:19 2759

论坛编辑器使用百度编辑器,为了让人人都会编辑,添加超链接,图片,音乐,视频,代码等等,写了一个简单的图文教程。


1.选择发帖版块,标签。


   

2.编写内容,简单的进行排版,粗体斜体下划线颜色

 

3.添加代码,点击插入代码,选择代码语言,就可以代码高亮。

比如:

<a href="https://zsxwz.com/" target="_blank">姿势小王子</a>

    


4.添加超链接。

添加超链接,点击链接图标,加入链接地址,即可。

或者点击编辑器左上角,“H”,将编辑器切换到html源代码模式,添加超链接代码。姿势小王子

最后切换回正常编辑模式,就可以看到效果了。

<a href="链接地址" target="_blank">链接描述</a>

   
       

5.添加,图片。为了节约服务器资源,也为了更好浏览体验,请勿直接上传图片。可以点击左下角,上传图片到免费图床,复制html代码,编辑器切换到html模式,添加代码即可。

   




6.添加音乐,如网易云音乐,可以直接到电脑版网页版云音乐,生成外链播放器,切换到html模式,插入,复制的代码。可以自己修改一下尺寸,样式等等。下一次只要修改下面代码的链接即可,插入其他音乐。

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=27493175&auto=0&height=66"//这里修改音乐链接></iframe>

   

7.插入视频,用以下代码。自己修改一下视频地址就可以了。

<video autoplay="autoplay" width="100%" height="320">
        <source src="视频地址"/>


最后于 20/06.17 09:20 被zsxwz编辑 ,原因:

上一篇:没了下一篇:从零开始搭建网站1--域名,VPS,域名解析
最新回复 (2)
  • 老牛小猪 0
    引用 3
    6
    23/10.27 00:43 0 回复
  • zsxwz 0
    引用 2

    关于插入html代码无法显示的问题。


    用了几个代码高亮插件,要么排版有问题,要么和超链接冲突。现在用的插件没有这几个问题,但是html代码不显示,因此不要用编辑器直接插入代码,编辑器切换到html模式:


    <pre>

    <a href="..."></a>

    </pre>


    20/01.28 16:29 0 回复
    • 姿势论坛—姿势小王子
      4
返回
发新帖
友情链接
免责声明:本站部分资源来源于网络,如有侵权请发邮件(mail@zsxwz.com)告知我们,我们将会在24小时内处理。