Tips for CKEditor Formatting
CKEditor is the word-processor that NCIP Hub uses in most text entry areas (resources, group pages, blogs, etc.), except for in wiki spaces. The intent of this wiki article is to give tips on formatting and customization of content appearance using CKEditor. Members are welcome to contribute their individual suggestions to this wiki article.
Tips for Using CKeditor
Getting rid of hard to delete spaces
• Use the “show blocks” button to see the formatting boxes and divisions. Place your cursor within a box and hit backspace to delete
Macro for embedding youtube videos • Youtube link you would like to embedd = http://www.youtube.com/watch?v=FgfGOEpZEOw • Macro to embed this video into page: o 640, 380 are the dimensions, which you can alter
Anchors • Anchors are used to take you to any part of the page. For example, if you click on a hyperlink for ‘Targets on Cell Surfaces,’ you will be taken to the part of the page that features that topic (see image)
• To create this, you have to work backwards. First place an anchor where you want ur link to take you by clicking on the flag button
• Then right click the flag that you just inserted and give it an anchor name
• Now go to the text you want to hyperlink so that it takes you to this anchored location. Highlight the text you would like to hyperlink, right click it and select ‘hyperlink.’ From the dropdown menu, select ‘link to anchor in text’. Select the keyword you entered in the dropdown boxes to pair the anchor link to the location of the flag.
Line divisions • Enter a couple of ——- to create a line across the screen for a divider
Uploading images • Remember if you copy and paste things from one group page (like a test page) to another live group page, the photos need to be re-uploaded. It may appear that they were copied over in the editor, but they will not show up on the site. • Send an image to the server before hitting “ok” when uploading an image
Columns • When you want to create columns (like 3 columns for images), include placeholders to make formatting easier
• You can then center these placeholders. You can then delete the placeholder text and insert your own text or image