hosein2398 / at.js

Lightweight tool to replace your @ prefixed strings with links.

@JS

Very lightweight tool to change your @ prefixed strings into links.

Usage

Load it inside you html file then:

atJs({
    tagName : "#test",
    baseUrl: "www.mysitename.com/users/"
});

It will get #test's content and replace it's @s with links with href of baseUrl and users name and end of that. For instance , if you have this inside you #test tag:

Here is a test for some users name like @Tom and @Jim.

That will turn into this:

Here is a test for some users name like <a href='www.mysitename.com/users/Tom'>@Tom</a> and <a href='www.mysitename.com/users/Jim'>@Jim</a>.

Options

tagName : It's query selector that defines where you want to get data from.

text : You can also pass in text , you have to use tagName or text , can't use both.

changeDom : If this is set to true after adding links , tag's content would change too. It's obviuse that this option should only be used when a tagName is provided.

baseUrl : Defines url you want to attache your names to.

API

atJs([options])

Returns string if changeDom is set to false.

options:

Type: Object
Available options : tagName , text , changeDom , baseUrl .

tagName:

Type : domNode
Required : true (if test is not defined)

text:

Type : String
Required : true (if tagName is not defined)

baseUrl:

Type : String
Required : true

changeDom:

Type : Boolean

at.js's Issues

Test

You should provide some tests for this ☠️