共计 568 个字符，预计需要花费 2 分钟才能阅读完成。

效果图展示

前言：

由于为了美观感去除了画图模式，至于怎么加上画图模式会在文章最后给出详细教程。

同时也去除了填写网址选项，这个暂时无添加教程，关键没有合适的添加位子。

话不多说，直接开始教程！

下载文件包，解压完会得到 3 个文件，上传至对应目录位子

此处内容作者设置了  回复  可见

压缩包名：qq_comment.zip 上传到文件目录 Joe 主题文件 /public/ 然后解压

文件名：comment.php 上传覆盖到文件目录 Joe 主题文件 /public/comment.php（建议自己备份原文件）

文件名：joe.responsive.min.css 上传覆盖到文件目录 Joe 主题文件 /assets/css/joe.responsive.min.css（建议自己备份原文件）

Joe 评论框美化文件.zip – 蓝奏云 (lanzouf.com)

添加画图模式教程

修改文件 comment.php，Ctrl+ F 快速搜索关键词 <div class="joe_comment__respond-type"> 大概在第 20 行下，把以下代码加入到关键词的下面

<button class="item" data-type="draw"> 画图模式 </button>
<button class="item active" data-type="text"> 文本模式 </button>