• Home
  • Features
  • Download/Purchase
  • How to install
  • Customize
  • FAQs
  • Support
  • Customize

    INK is very easy to customize. By default, INK initialize itself leaving you with the default settings for everything, but INK comes with a complete list of customization options.

    How-to customize

    To customize INK, just initialize it with the settings you want to customize.

    Example

    <html>
      <head></head>
      <body>
        ...
        <script type="text/javascript" charset="utf-8"> var ink_license = 'Your license key'; </script>
        <script src="path/to/your/js/INK.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript" charset="utf-8">
          ink.init(
            {
              copied_content_text_layout: "“{copied_content}”\n\rRead more on:\r\n{page_url}",
              share_your_copy_label: "Partager:"
            }
          );
        </script>
      </body>
    </html>




    Options

    Name Value Description
    copied_content_text_layout
    “{copied_content}”\n\rRead more about {title} on:\r\n{page_url}
    Type: String
    Description: When content is copied, it is reformated in that format.
    copied_content_media_layout
    {copied_content}<p>Found on: <a href="{page_url}">{title}</a></p>
    Type: String
    Description: When media are copied, they are reformated in the following format.
    notice_content_markup
    <a href="http://ink.nmfe.co/?utm_source=INK&utm_medium=notice" target="_blank" style="float: left; margin: 0 5px 5px 0;"><img src="http://ink.nmfe.co/images/ink_small_logo.gif" /></a>
    <a href="#" onclick="ink.hide_notice(); return false;" style="color: #999;position: absolute; right: 10px; top: 5px; font-size: 10px;">Close</a>
    <p style="color: #999; margin: 0 0 10px 0; font-size: 12px;">
      <a href="http://ink.nmfe.co/?utm_source=INK&utm_medium=notice" target="_blank" style="color: #999;">INK</a> has been applied to the content you copied.<br />
      <a href="http://ink.nmfe.co/?utm_source=INK&utm_medium=notice" target="_blank" style="color: #999; font-size: 10px;">What is INK?</a> | <a href="http://ink.nmfe.co/set-status.php?status=off&utm_source=INK&utm_medium=notice" target="_blank" style="color: #999; font-size: 10px;">Disable INK</a>
    </p>
    Type: String
    Description: Markup for the notice that is displayed when someone copies content.
    notice_content_media
    <a href="http://ink.nmfe.co/?utm_source=INK&utm_medium=notice" target="_blank" style="float: left; margin: 0 5px 5px 0;"><img src="http://ink.nmfe.co/images/ink_small_logo.gif" /></a>
    <a href="#" onclick="ink.hide_notice(); return false;" style="color: #999;position: absolute; right: 10px; top: 5px; font-size: 10px;">Close</a>
    <p style="color: #999; margin: 0 0 10px 0; font-size: 12px;">
      <a href="http://ink.nmfe.co/?utm_source=INK&utm_medium=notice" target="_blank" style="color: #999;">INK</a> has detected that you copied a {content_type}.<br />
      <a href="http://ink.nmfe.co/?utm_source=INK&utm_medium=notice" target="_blank" style="color: #999; font-size: 10px;">What is INK?</a> | <a href="http://ink.nmfe.co/set-status.php?status=off&utm_source=INK&utm_medium=notice" target="_blank" style="color: #999; font-size: 10px;">Disable INK</a>
      <br style="clear:left;" />Please give credit to the content owner by using the following HTML for your blog or site.<br /><textarea style="width:330px;height:70px;margin-top:5px;font-size:10px;font-family:arial" onclick="this.select();">{currated_content}</textarea>
    </p>
    Type: String
    Description: Markup for the notice that is displayed when some copies media content.
    share_your_copy_label
    Share your copy:
    Type: String
    Description: Copy for the sharing tools.
    styling
    { border_radius: 10 }
    Type: Object
    Description: Border-radius of the notice that is displayed when someone copied content.
    google_analytics
    {
      utm_source:'INK',
      utm_medium:'copy',
      utm_campaign:'share'
    }
    Type: Object
    Description: Custom Google Analytics tracking code to be appended to the shared link.
    sharing
    true
    Type: Boolean
    Description: Activate the sharing tools
    twitter
    {
      username : false
    }
    Type: Object
    Description: Twitter user to be credited when someone shares on Twitter.
    onBeforeCopy
    function(){ }
    Type: Function
    Description: Code to be executed before content is copied.
    onAfterCopy
    function(){ }
    Type: Function
    Description: Code to be executed after content is copied.
    urlshortener
    {
      /*
        To get started you'll need a free bit.ly user account and API key - sign up at:
        http://bit.ly/account/register?rd=/
        Quickly access your private API key once you are signed in at:
        http://bit.ly/account/your_api_key
      */
    bitly : {
      'active' : false
    }
    Type: Object
    Description: URL shortener service to use.
    dom_nodes_excluded
    ['img','object','embed','video','pre','iframe','textarea']
    Type: Array
    Description: HTML nodes on which you don't want INK applied when content is copied.
    class_excluded
    ['no-ink']
    Type: Array
    Description: CSS classes on which you don't want INK applied when content is copied.