How to add a hyperlink anchor in a Sharepoint wiki-page

Question

In Sharepoint (2010) wiki pages it is easy enough to add a hyperlink, but how can one add a hyperlink anchor without editing the messy html?

You can see here that, although I've got a link and typed in an anchor into the bookmark field, it complains. I can save it, and it seems to remember what I put there, but when I try to use it by linking to the anchor, it doesn't jump (that is, <a href="#anchor1">jump</a> doesn't work).

I've looked over this tutorial, but it doesn't seem to work.

But the blurb there in the screenshot says, "You can make hyperlinks that jump directly to a bookmarked location" - okay, fine, well, how do I do that?

Answer 1

I have managed to make this work by combining the information here and here.

• To enable the bookmark functionality you need to get an admin to enable SharePoint Server Publishing Infrastructure feature on the site collection level and then the SharePoint Server Publishing feature must be activated on the site level.

  1. Start by selecting the text that you want the link to point to.
     

  2. Insert a new link From Address
     

  3. Paste the current page address in the Address field

  4. Add your bookmark name (without the hash)

  5. Select the text that should point to your bookmark and insert a new link From Address

  6. Type the name of the destination bookmark (don't forget the hash)

  7. Save the page

Answer 2

The only way to do it is use an anchor tag in the code:

<a name="MyAnchor"></a>

Then add a hyperlink to the page the anchor is on, but include #MyAnchor:

http://mysite.com/wiki/page.aspx#MyAnchor

If there's a better way, let me know.

Answer 3

Ah, here is a way.

The idea is that the user using the wiki editor will create a new hyperlink and use a special token to denote an anchor. In my example, the token is /__

I chose that because the hyperlink has to start with something that the editor would accept - and it will accept a /. Also, because it is very rare to see a hyperlink with /__ anywhere in the string.

Thus, the user would use the regular wiki richtext editor, then use the "insert hyperlink" button, and specify a hyperlink like this:

/__myanchor

The function

This needs to be added in a Content Editor or in the master page somewhere. The function will look for that pattern and add a hyperlink name based on the specified link that was given, and then remove the false hyperlink (where the optional parameter specifies a # which causes it to be a hyperlink to that same page, which means it doesn't cause any navigation), or, if the parameter is specified, it will supply that url as a default.

function WikiLinks(defaulthyperlink){
    if(!defaulthyperlink)
          defaulthyperlink = "#";
    $(".ms-wikicontent a").each(function(){
        var thishref = $(this).attr('href');    
        if(thishref.indexOf('/__') >= 0){
            thisanchor = String(thishref).substring(3, String(thishref).length);            
            $(this).attr('name', thisanchor );
            $(this).attr('href',defaulthyperlink);
        }
    }); 
}

If you decide to use a different token, make sure the change the length in the thisanchor substring search.

[update]

The catch to this is that you must call the function after the UI is loaded. This means that the function works (like a charm) only within a single page. You can't use it to link to an anchor in another page because the linkage fires before the script gets to add the anchor name.

Answer 4

The most voted answer has the disadvantage of creating a link on each link target that brings you back to the top of the page. I think it better to do as follows :

1. Start by selecting the text that you want the link to point to.

• Insert a new link From Address

2. In the Address field put in the anchor id (starting with a #)

• This, in effect, creates a link to itself meaning that when a user clicks on the header that is not a link destination, nothing will happen.

3. In the Link definition, add your bookmark name (without the hash)

4. Select the text that should point to your bookmark and insert a new link From Address

5. In the Address: field type the name of the destination bookmark (don't forget the hash)

Answer 5

This works for me:

1. Edit the page
2. Create the bookmark: a. Highlight the text you want to link/jump to. b. Click Insert, Link, From Sharepoint. Select the current page. Click Insert. c. Edit the link you just created: click on the link (to select it). Then, on the top menu, click Link. d. Enter the bookmark name in the Bookmark box. Eg., ABC
3. Link to the bookmark: a. Highlight the text you want to link/jump from. b. Click Insert, Link, From Sharepoint. Select the current page. Click Insert. c. Now, edit the link you just created: click on the link (to select it). Then, on the top menu, click Link. d. Append a hash mark and the bookmark name to the page URL. Eg., /sites/mySite/Pages/myPage.aspx#ABC
4. Save the page

Answer 6

The wiki editor could make this easier :-)

This method works for me...

1. Highlight a word in the header where you want to insert an anchor; then copy the word
2. Press Ctrl-K. In my instance default text appears in the address field "/site/site/", click OK to accept the default
3. You'll notice that a Link Tools ribbon appears. Paste the anchor name into the anchor field
4. Go to your link text and highlight it; then insert a link "from address." Add "#" and paste again.

I have no idea if this will work in your case. Step 2 is weird. But it's the only way that I can invoke the "link tools" ribbon. Too bad this isn't part of the Link options from the get go.

[[EDIT: I didn't notice this before but SharePoint inserts the anchor/id AND a href link and there's nothing you can do about it except edit the HTML so my answer isn't much of a solution, unfortuntately.]]

Answer 7

To jump from 'Heading 1' to 'Section 1' on the same wiki page:

Highlight 'Heading 1', insert link 'from address' Text to Display: Heading 1 Address: #Section 1 click ok

then..

Highlight 'Section 1', insert link 'from address' Text to Display: Section 1 Address: # click ok

Highlight 'Section 1' again In Bookmark (in link tab) write: Section 1

Save page.

Answer 8

The way I found to create a link to a section (specific heading) on another Wiki page, is as follows:

1) Copy the URL (Ctrl-C) of the Wiki page (to have it ready to do the next step).

2) Create your link on the Wiki page by selecting the heading you wish to link to, such as: Section 2. Then click on the ribbon to insert link, From Address, and paste in the URL of the active Wiki page.

3) Click on the link you just created, and the LINK tab should appear.

4) Enter the Bookmark you want to use, such as: 02

5) Save the page or "Check-in" the page (if your site is using a Workflow process).

6) Go to your other page to create your new link to the Bookmark you just created and click to edit the page.

7) Enter or select the text you want to make your link to, and on the Insert tab, select Link - From Address, and paste the URL of the page you want to link to the specific bookmark (Section 2, for example).

8) At the end of the pasted URL in the link, just add the bookmark reference of that Section 2 with hashtag '#' prefix, which was created on the other Wiki page, in this example: #02. The link should look something like this: https:/mysharepoint/wiki/Pages/Instruction%20Guidelines%20for%20MDO.aspx#02

9) As an option, you can add in the Description box (on the Link tab) the title of the text heading (such as: Section 2). This will create a tooltip on the page when a user hovers over the link to click.

9) Save your page, and test the link. It should go directly to the other Wiki page and to the exact Bookmark for Section 2 (on that page).

Answer 9

To use Wiki-Links on your SharePoint Wiki Sites just use: [[yourlink]]

For anchors create a link to current site with http://yoursite/#anchor

Answer 10

This is a rather old post, but hopefully this will help someone else in the future.

In regards to intra-page hyperlinking in SharePoint 2010, I found it is easiest to do through MS Word with book marks, and hyperlinks.

Highlight destination, click Insert> Bookmark. Label Bookmark and hit add. Then highlight your source (what you want to click on to take you to your destination bookmark), click insert> hyperlink> Place in this document > Select your bookmark.

When you copy and paste this into SharePoint 2010, it will work, or at least has for me.