Jump To Content

LearnHub




Help: The Textile "Pro" Editor

Using the "Pro" Textile Editor:

Q. What are the advantages of the Textile Editor?

While the Rich Text Editor is easy to use and offers quite a bit to the content creator, the Textile Editor is made for the Pros. It offers a greater degree of control over your lesson page design. You may write your lesson using Textile Reference as well as <HTML> tags.
Other benefits include:

  • More control over your lesson.
  • Create Tables and Math/Science Equations.
  • Create HTML lessons.
  • Use simple but effective Textiles.
  • Faster & Stronger.
  • Upload reference PDFs.
  • Publish your content with Creative Commons protection.

Q. How do I create a lesson page?

You can start a new lesson page by following these few easy steps:

  1. Log in to LearnHub or Create an Account.
  2. Click the Lessons Tab in your personal Workspace.
  3. Click the "Create a Lesson Page" button to begin.
  4. You will be automatically relocated into the Lesson Editor.
  5. Title your Lesson Page and start writing!

Q. How do I switch between the Rich Text Editor and the Textile Editor?

You can switch between the the Rich Text Editor and the Textile Editor by heading to the Account settings in your personal Workspace. You will find the option to switch right on the main section.

Q. Can I use HTML tags/commands to build my lesson page?

Yes. The Textile Editor recognizes most <html> tags including <style>, <table>, <img>, and other basic HTML. If a HTML tag doesn't work try formatting your text with the textile reference.

Q. Can I create Math and/or Science equations?

Yes, this is a textile editor only feature. You can create a variety of simple and complex equations using the <math>...</math> tags.

For example:

a ^ 2 + b ^ 2 = c ^ 2
\frac{2}{4}=0.5

A complete How to: Equation Editor lesson has been created to help you understand and create the most complex of equations.


Using HTML and Textile commands to style your lesson:

Q: What Textile commands can I use?

There are a number of textile commands you can use to style your lesson:

BASIC FORMATTING
Textile Code Result
Bold
*bold*
bold
Italic
_italic_
italic
Underline
+underline+
underline
Cross Out
-cross out-
citation
HTML
@<style>@
<style>
Trademark & Copyright
Trademark(TM)
Copyright(C)
All Rights Reserved(R)

Trademark™

Copyright©

All Rights Reserved®

TEXT ALIGNMENT
Textile Code Result
Align Left
p<. align left
align left
Align Right
p>. align right
align right
Align Centered
p=. align center
align center
Align Justified
p<>. align justified
align justified
HEADERS
Textile Code Result
Header 1
h1. Large Header

Large Header

Header 2
h2. Medium Header

Medium Header

Header 3
h3. Small Header

Small Header

ADVANCED FORMATTING
Textile Code Result
Indented Text
LearnHub
bq. Indented LearnHub

LearnHub
Indented LearnHub
LINKS AND IMAGES
Textile Code Result
Link
"LearnHub":http://www.learnhub.com/
LearnHub
Image
!www.image.com/1.jpg!
LearnHub
Linkable Image
"!www.image.com/1.jpg!":www.learnhub.com

Q: Can I use "styles" to format my lesson?

Yes. You can use textile styles with your text by using this string command:

%{ } Text here%

The following are commands you can use within the style string:

Style Code Result
Font Size
%{font-size:16px;font-family:verdana}LearnHub% 
LearnHub
Color
%{color:red;font-family:verdana}LearnHub% 
LearnHub
Color Code
%{color:#40007F}LearnHub% 
LearnHub
Letter Spacing
%{letter-spacing:5px}LearnHub% 
L e a r n H u b
Font Family
%{font-family:times}LearnHub%
LearnHub

Here is an example of a style string:

%{font-family:times; font-size:20px;
color:blue}Teach and Learn Online.%
Teach and Learn Online.
How do I create tables?

Unlike the Rich Text editor, you can create simple tables in the Textile editor. This is a major benefit. In order to create a table you must incase it in the | tag.

For example:

| This is Cell 1 | This is Cell 2 |
The result is:
This is Cell 1 This is Cell 2

Can I add styles to my Tables?
Yes, you can add any style tag to your tables:

|{border-width:3px;font-family:verdana}. 3px Thick |
|{border-style:dotted;font-family:verdana}. Dotted |
|{border-width:5px; border-style:double;font-family:verdana}. 5px Thick & Ridged |
|{border-color:#c02323;font-family:verdana}. Red |
3px Thick
Dotted
5px Thick & Ridged
Red

Is there anything in the Rich Text Editor I can't do in the Textile Editor?
No, you can do all the same things in the Textile Editor and more.

Using the "Pro" Editor:

Q: Can I embed objects into my lessons?

"Due to protection issues, we currently only allow embedded objects to certain users."

In order to embed an object, such as a YouTube videos to LearnHub simply copy and paste the embed code provided into the editor. Remember, this can only be done in the Textile Editor.

Text Text
Text Text
Text Text Text
|\2. Text | Text |
|\2. Text | Text |
| Text | Text | Text |

  1. acrosstheuniverse saidFri, 23 May 2008 16:23:00 -0000 ( Link )

    Great lesson Adam! So comprehensive!

    Actions
    Vote
    Current Rating
    0
    Rate Up
    Rate Down
    No Votes

    Post Comments

  2. nahabed saidWed, 09 Jul 2008 23:07:52 -0000 ( Link )

    Great lesson, thanks. How can I add vertical spacing between lines in textile? HTML newb here :)

    Actions
    Vote
    Current Rating
    1
    Rate Up
    Rate Down
    1 Total Vote

    Post Comments

  3. xtab saidTue, 22 Jul 2008 17:08:26 -0000 ( Link )

    Am I the only person to have this frustrating issue? I have set my preference to Textile Editor. When I go to create or edit a Lesson, I only have an empty RichTextBox with a Save and Cancel button at the top left. That is the menu for changing fonts, inserting links or images, etc, has just totally disappeared.

    I have tried accessing from different PCs at different times and this problem still reoccurs.

    Am I missing some setting I should set?

    Actions
    Vote
    Current Rating
    1
    Rate Up
    Rate Down
    1 Total Vote

    Post Comments

  4. gauravjain26 saidSun, 03 Aug 2008 19:02:56 -0000 ( Link )

    please help me by specifing table creation method in detail say with an example “how to create a 3X3 table”

    i will be really thankful

    Actions
    Vote
    Current Rating
    1
    Rate Up
    Rate Down
    1 Total Vote

    Post Comments

  5. gauravjain26 saidMon, 04 Aug 2008 20:49:32 -0000 ( Link )

    please can anyone help me???? some lessons i need to publish are incomplete just coz of these tables..

    Actions
    Vote
    Current Rating
    0
    Rate Up
    Rate Down
    No Votes

    Post Comments

  6. lechuck saidMon, 04 Aug 2008 21:07:10 -0000 ( Link )

    Gaurav, encase your content in ”| |”

    For example:

    | Text | Text | Text |

    Actions
    Vote
    Current Rating
    0
    Rate Up
    Rate Down
    No Votes

    Post Comments

  7. gauravjain26 saidTue, 05 Aug 2008 19:27:42 -0000 ( Link )

    thanks a lot for your help lechuck . i was done with that part earlier as well. |head 1 | head 2 |. now what to do to add | head 1.1 | head 1.2| under head 1 and similarly |head 2.1|head2.2| head 2.3| ????

    Actions
    Vote
    Current Rating
    0
    Rate Up
    Rate Down
    No Votes

    Post Comments

  8. lechuck saidTue, 05 Aug 2008 19:55:49 -0000 ( Link )

    Ah I see what you mean… let me add it to the lesson.

    Actions
    Vote
    Current Rating
    0
    Rate Up
    Rate Down
    No Votes

    Post Comments

  9. lechuck saidTue, 05 Aug 2008 19:59:51 -0000 ( Link )

    Gaurav,

    See the bottom of the lesson. There is the example and the code. The /2. basically means that it will carry over 2 cells. You can place this in any frame you decide is most suitable for the look.

    Actions
    Vote
    Current Rating
    0
    Rate Up
    Rate Down
    No Votes

    Post Comments

  10. gauravjain26 saidFri, 08 Aug 2008 16:18:41 -0000 ( Link )

    thanks in tons dude! :)

    Actions
    Vote
    Current Rating
    0
    Rate Up
    Rate Down
    No Votes

    Post Comments

  11. gauravjain26 saidFri, 05 Sep 2008 15:44:23 -0000 ( Link )

    I need some help again
    I am writing a lesson but Text alignment scheme is bothering me.

    I used “p=.” followed by a space and then the “text” but in result it’s showing “p=. text” instead of aligning it to center. Please help.

    NOTE: in the same lesson, it’s working fine at many other places.
    regards.

    Actions
    Vote
    Current Rating
    0
    Rate Up
    Rate Down
    No Votes

    Post Comments

  12. gauravjain26 saidFri, 05 Sep 2008 15:48:42 -0000 ( Link )

    and can we add a pic or effect in the lesson’s background. If yes, How?

    Actions
    Vote
    Current Rating
    0
    Rate Up
    Rate Down
    No Votes

    Post Comments

  13. lechuck saidFri, 05 Sep 2008 16:10:51 -0000 ( Link )

    hm, something must be interrupting the paragraph command… try just adding straight html code:

    <center> text </center>

    That should work when textiles do not.

    Actions
    Vote
    Current Rating
    0
    Rate Up
    Rate Down
    No Votes

    Post Comments

  14. gauravjain26 saidFri, 05 Sep 2008 16:17:18 -0000 ( Link )

    Thanks for such a prompt reply.

    can you please elaborate the way to add “Share the community” feature?

    Actions
    Vote
    Current Rating
    0
    Rate Up
    Rate Down
    No Votes

    Post Comments

  15. gauravjain26 saidFri, 05 Sep 2008 17:21:33 -0000 ( Link )

    That will be really great. :)

    Actions
    Vote
    Current Rating
    0
    Rate Up
    Rate Down
    No Votes

    Post Comments

  16. gauravjain26 saidThu, 11 Sep 2008 18:09:33 -0000 ( Link )

    Hey lechuck!
    Mate how can we adjust the size on an image?

    regards

    Actions
    Vote
    Current Rating
    0
    Rate Up
    Rate Down
    No Votes

    Post Comments

  17. gauravjain26 saidFri, 12 Sep 2008 07:56:35 -0000 ( Link )

    great.

    You are a dude.

    Actions
    Vote
    Current Rating
    0
    Rate Up
    Rate Down
    No Votes

    Post Comments

  18. gauravjain26 saidMon, 15 Sep 2008 08:47:34 -0000 ( Link )

    Can we add text || to image.

    Actions
    Vote
    Current Rating
    0
    Rate Up
    Rate Down
    No Votes

    Post Comments

  19. gauravjain26 saidSat, 20 Sep 2008 20:39:08 -0000 ( Link )

    Please ignore the last message. Problem is resolved.

    Actions
    Vote
    Current Rating
    0
    Rate Up
    Rate Down
    No Votes

    Post Comments

  20. Sureshbala saidThu, 02 Oct 2008 14:03:39 -0000 ( Link )

    Great lesson and I think the comments after the lesson explains lot of new things as well. So the best way to teach in Learnhub (social learning network) is to not only share our knowledge but doubts as well.

    Actions
    Vote
    Current Rating
    -1
    Rate Up
    Rate Down
    1 Total Vote

    Post Comments

  21. rahul2learn saidTue, 27 Jan 2009 13:06:40 -0000 ( Link )

    This editor seems to be far better than the default editor….I must start using it

    Actions
    Vote
    Current Rating
    1
    Rate Up
    Rate Down
    1 Total Vote

    Post Comments

Your Comment
Textile is Enabled (View Reference)