npm 包 jquery-comments_brainkit 使用教程

简介

jquery-comments_brainkit 是一个基于 jQuery 的评论插件，可以非常方便地在网站上添加评论功能。相较于其他评论插件，jquery-comments_brainkit 集成了人工智能技术，可以自动对评论内容进行语义分析，判断是否为垃圾评论，提高评论质量，避免垃圾评论的干扰。

安装

jquery-comments_brainkit 可以通过 npm 安装，使用以下命令:

npm install jquery-comments_brainkit

同时，需要引入以下三个文件：

<script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>
<script src="jquery-comments-brainkit.js"></script>
<link href="jquery-comments-brainkit.css" rel="stylesheet" />

使用

使用 jquery-comments_brainkit 添加评论功能很简单，首先需要在 HTML 中加入一个容器：

<div id="comments"></div>

然后在 JS 中初始化插件：

$("#comments").commentsBrainkit({
   // 配置参数
});

配置参数

ajaxUrl

• 类型：字符串，默认值：空
• 描述：评论的提交接口链接地址。如果不填写，那么评论框只会显示不会发送评论数据。

$("#comments").commentsBrainkit({
    ajaxUrl: "/submit_comment",
    // ... 其他配置
});

placeholder

• 类型：字符串，默认值：“说点什么吧...”
• 描述：评论框提示语的文字。

$("#comments").commentsBrainkit({
    placeholder: "输入您的评论...",
    // ... 其他配置
});

loadMore

• 类型：布尔值，默认值：false
• 描述：如果设置为 true，则在评论框底部会显示“加载更多”按钮。

$("#comments").commentsBrainkit({
    loadMore: true,
    // ... 其他配置
});

maxReplyLength

• 类型：数字，默认值：500
• 描述：回复评论的最大长度，超过该长度，则无法提交。

$("#comments").commentsBrainkit({
    maxReplyLength: 200,
    // ... 其他配置
});

replyable

• 类型：布尔值，默认值：true
• 描述：是否开启评论回复功能。

$("#comments").commentsBrainkit({
    replyable: false,
    // ... 其他配置
});

sort

• 类型：字符串，默认值：desc
• 描述：评论排序规则，可以为“asc”（升序）或“desc”（降序）。

$("#comments").commentsBrainkit({
    sort: "asc",
    // ... 其他配置
});

pageSize

• 类型：数字，默认值：10
• 描述：每页显示的评论数量。

$("#comments").commentsBrainkit({
    pageSize: 20,
    // ... 其他配置
});

data

• 类型：对象，默认值：{}
• 描述：插件初始化时需要的人工智能数据，可以为预训练好的模型或者自定义的数据。

$("#comments").commentsBrainkit({
    data: {
      // 将人工智能的训练好的数据填写在这里
    },
    // ... 其他配置
});

示例

完整的使用示例：

-- -------------------- ---- -------
--------- -----
------
------
  --------- ------------------------ --------------
  ----- ----------------
  ----- --------------- ---------------------------------------------
  ----- ----------------------------------- ---------------- --
-------
------
  ---- --------------------
  ------- -----------------------------------------------------------
  ------- -------------------------------------------
  --------
  ---------------------------------
    -------- ------------------
    ------------ ------------
    --------- -----
    ---------- -----
    ----- -------
    --------- ---
    --------------- ----
    ----- -
      -- -----------------
    -
  ---
  ---------
-------
-------

结语

jquery-comments_brainkit 是一个非常实用而且功能很强大的评论插件，大大提高了评论的质量，让用户的留言不再被垃圾评论所干扰。同时，它的安装和使用也非常方便，希望本篇文章对大家有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055c3e81e8991b448d9d8c