Hi there!
Welcome to OSU Drupal Droplets.
This is Joe Fenn with Oregon State University's
Web and Mobile Services.
Today we're going to continue our exploration
of CKEditor and the LinkIt module, which we've
integrated into CKEditor and which provides
us the ability to easily create links within
our site.
We'll just get started here by clicking the
Edit tab on our test page.
Once our edit form loads in we'll scroll down
to CKEditor and click into it.
Now we need to find some text that we want
to, basically, hang our link off of.
Once we do, we'll highlight it and then we'll
come up here to the toolbar and find the button
that has the chain on it and we'll click that.
It will open up the LinkIt dialog box.
So, we're gonna be making an internal link
here, which means it's going to link to some
kind of asset within our site.
Since it's within our site, Drupal can query
the database and give us a really nice list
of all of the assets that we can choose from
and then LinkIt will automatically create
a relative link to that asset.
Which is a really handy thing to have.
Relative links can sometimes confuse people,
even experienced content providers can still
get hung up when they try to manually create
a relative link.
LinkIt will take care of all of that hassle
for you so you never have to worry about broken
links when you push from dev to production.
So, with no further ado here, let's pop into
this top field, the "Search for Content" field,
and we're going to make a link to our Basics
front page.
I'm just going to type in "Basic" and, notice,
it gives me a bunch of different options here.
So there's video, we have a Group page that
has OSU Drupal 7 Basics and, what we want,
though, is, take a look at the path here...we
want the actual front page, which is osu-drupal-7-basics.
So, we'll click on that and, notice it puts
a relative URL in.
So we know it's a relative URL because it
doesn't have the domain here.
It just has a forward slash and the path that
we want to go to.
Once that's loaded in, let's go ahead and
click Insert Link.
And, notice a link has been created.
We scroll down and click the Save button.
And then, we test our link.
So, let's go ahead and click on the text here.
And, there you have it!
We've got a link to our OSU Drupal 7 Basics
top page.
And, that's about it.
This has been Joe Fenn with Oregon State University's
Web and Mobile Services and I hope to see
you for future tutorials.
