Hi there! Welcome to OSU Drupal Droplets
this is Joe Fenn with Oregon State
University's Web and Mobile Services.
Today we are going to continue our
exploration of CKEditor
and the LinkIt module, which we have
integrated with CKEditor, and which
provides us the ability to easily create
links to other content on our site and
to other assets out in the wild. Today
we're going to focus on creating
external links. Those are links that
go outside of our domain...outside of
our website...into some other website or
to some other asset out in the world. We
will jump right in here by clicking our
Edit tab to get into our test page and once
our edit form loads we'll scroll down to
CKEditor and click into it. We need
to find some text to connect our link to,
so, highlight some text there and then
come up here to where the little chain
button is on our toolbar and click it.
This will open the LinkIt dialog
box. So we're gonna be doing an external
link here so we need to actually type
out the full link...the full URL...to
whatever asset we are going to. Let's
just go ahead and go to the Oregon State
home page. Do that, and then we also have
some options that we can explore. So we
can apply a title. What this will do
is, it will show as a tooltip when your
user hovers on the link. We can also
set a target. What this will do is, when
your user clicks on the link it will
open up a new tab in your browser. That
being said let's click on the "Insert
Link" button and you'll see that a link
is created here. But, of course, we can't
test it out until we save our content, so
let's scroll down and click the Save
button. Once the page renders here
let's go ahead and test our link by
clicking on it.
As you can see it opens up in a
brand new tab. Here's our original page,
here's our new page. Also, if we hover
here for a second you'll see the title
text pop up. And that's all there is to
it, it's really that easy.
This has been Joe Fenn with Oregon State
University's Web and Mobile Services and
I hope to see you for future tutorials.
