Predefined Links

HTML

<div id="eg-predefined-links" class="text-small">
  <p>A list of predefined links can be used when a new link is inserted or an existing one is edited.</p>
</div>

JAVASCRIPT

<script>
  $(function() {
    $('div#eg-predefined-links').editable({
      inlineMode: false,
      linkList: [
        {
          body: "Google",
          title: "An awesome search engine",
          href: "http://google.com",
          nofollow: true,
          blank: true
        },
        {
          body: "Froala",
          title: "A website builder for everyone",
          href: "https://froala.com",
          nofollow: false,
          blank: false
        }
      ]
    })
  });
</script>