@activix/jquery-comments 中文文档教程

Question

jquery-comments

jquery-comments 是一个 jQuery 插件，用于为任何具有现有后端的 Web 应用程序实现开箱即用的评论解决方案。 它提供所有 UI 功能并将它们与回调相关联，使您可以轻松定义要对数据执行的操作。 该库是高度可定制的，并且由于各种设置而非常容易集成。

Features

• Commenting
• Replying (nested comments)
• Editing comments
• Deleting comments
• Upvoting comments
• Uploading attachments
• Enabling/disabling functionalities
• Localization
• Time formatting
• Field mappings
• Callbacks
• Fully responsive and mobile compatible
• Miscellaneous settings

Demo

http://viima.github.io/jquery-comments/demo/

Quick start

1) 将以下内容添加到您的 HTML 文件中

<link rel="stylesheet" type="text/css" href="css/jquery-comments.css">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-comments.js"></script>

2) 初始化库

$('#comments-container').comments({
    getComments: function(success, error) {
        var commentsArray = [{
            id: 1,
            created: '2015-10-01',
            content: 'Lorem ipsum dolort sit amet',
            fullname: 'Simon Powell',
            upvote_count: 2,
            user_has_upvoted: false
        }];
        success(commentsArray);
    }
});

如果您没有将 Font Awesome 用于图标，您应该在初始化时通过覆盖以下选项将图标替换为自定义图像库：

spinnerIconURL: '',
noCommentsIconURL: '',
upvoteIconURL: '',        // Only if upvoting is enabled
replyIconURL: '',        // Only if replying is enabled
uploadIconURL: '',        // Only if attachments are enabled
attachmentIconURL: '',    // Only if attachments are enabled
fileIconURL: '',        // Only if attachments are enabled

Dependencies

• jQuery >= 1.9.0
• Font Awesome (optional)

Documentation

http: //viima.github.io/jquery-comments

Maintainers

• Joona Tykkyläinen, Viima Solutions Oy

Browser support

IE9+ 和所有现代浏览器

Copyright and license

代码和文档版权所有 2016 Viima Solutions Oy . 代码根据 MIT 许可证发布。