/redactor-mentions

Mentions plugin for redactor editor http://imperavi.com/redactor/

Primary LanguageCoffeeScript

Getting Started

  1. Copy mentions.css and mentions.js somewhere into your assets directory.

  2. Add them to your markup after redactor stuff:

    <link rel="stylesheet" href="js/redactor/redactor.css" />
<link rel="stylesheet" href="js/redactor/mentions.css" />
<script src="js/redactor/redactor.js"></script>
<script src="js/redactor/mentions.js"></script>

  3. Add the mention plugins to your initialization:

    $('.post').redactor({
    plugins: ['mentions'],
    usersUrl: "users.json", // user data for mentions plugin
    maxUsers: 5, // maximum users to show in user select dialog
    userUrlPrefix: "/user/" // optional url prefix for user
});

The users JSON data should look like:

[
    {
        "icon": "/icons/bob.gif",
        "name": "Bob",
        "username": "bob"
    },
    {
        "icon": "/icons/alice.gif",
        "name": "Alice",
        "username": "alice"
    }
]