Jump To Content

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 |
acrosstheuniverse
  • Authority 633
Post Body
acrosstheuniverse said:

Great lesson Adam! So comprehensive!

  • Quote
  • Posted 6 months ago.
nahabed
  • Authority 5
Post Body
nahabed said:

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

  • Quote
  • Posted 4 months ago.
libin
  • Authority 375
Post Body
libin said in response to:
nahabed
nahabed’s post:
Citation Body

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

I think there are at least two ways:

1. place a <br/> onto where you want to

2. add two new lines in between

  • Quote
  • Posted 4 months ago.
xtab
  • Authority 165
Post Body
xtab said:

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?

  • Quote
  • Posted 4 months ago.
lechuck
  • Authority 545
Post Body
lechuck said in response to:
xtab
xtab’s post:
Citation Body

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?

The Textile Editor has nothing but an open text box for you to use HTML and Textile coding as stated in the lesson. The textile editor is for those who want to control their lesson formatting with code. If you decide you want to use all the formatting options, you must use the Rich Text editor.

  • Quote
  • Posted 4 months ago.
gauravjain26
  • Authority 589
Post Body
gauravjain26 said:

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

  • Quote
  • Posted 4 months ago.
gauravjain26
  • Authority 589
Post Body
gauravjain26 said:

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

  • Quote
  • Posted 3 months ago.
lechuck
  • Authority 545
Post Body
lechuck said:

Gaurav, encase your content in ”| |”

For example:

| Text | Text | Text |

  • Quote
  • Posted 3 months ago.
gauravjain26
  • Authority 589
Post Body
gauravjain26 said:

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| ????

  • Quote
  • Posted 3 months ago.
lechuck
  • Authority 545
Post Body
lechuck said:

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

  • Quote
  • Posted 3 months ago.
lechuck
  • Authority 545
Post Body
lechuck said:

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.

  • Quote
  • Posted 3 months ago.
gauravjain26
  • Authority 589
Post Body
gauravjain26 said:

thanks in tons dude! :)

  • Quote
  • Posted 3 months ago.
lechuck
  • Authority 545
Post Body
lechuck said in response to:
gauravjain26
gauravjain26’s post:
Citation Body

thanks in tons dude! :)

My pleasure!

  • Quote
  • Posted 3 months ago.
gauravjain26
  • Authority 589
Post Body
gauravjain26 said:

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.

  • Quote
  • Posted 2 months ago.
gauravjain26
  • Authority 589
Post Body
gauravjain26 said:

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

  • Quote
  • Posted 2 months ago.
lechuck
  • Authority 545
Post Body
lechuck said:

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

<center> text </center>

That should work when textiles do not.

  • Quote
  • Posted 2 months ago.
lechuck
  • Authority 545
Post Body
lechuck said in response to:
gauravjain26
gauravjain26’s post:
Citation Body

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

There isn’t any way to add a background image to the entire lesson, sorry. You may want to create a table and put an image in the background, you may be able to work something out that way.

  • Quote
  • Posted 2 months ago.
gauravjain26
  • Authority 589
Post Body
gauravjain26 said:

Thanks for such a prompt reply.

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

  • Quote
  • Posted 2 months ago.
gauravjain26
  • Authority 589
Post Body
gauravjain26 said in response to:
lechuck
lechuck’s post:
Citation Body

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

<center> text </center>

That should work when textiles do not.

lechuck even html codes aren’t working in this particular case…. :(

  • Quote
  • Posted 2 months ago.
lechuck
  • Authority 545
Post Body
lechuck said in response to:
gauravjain26
gauravjain26’s post:
Citation Body

Thanks for such a prompt reply.

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

Ah I wouldn’t worry about adding that, there is an update coming to communities and the Share feature will be added automatically to all communities.

  • Quote
  • Posted 2 months ago.
gauravjain26
  • Authority 589
Post Body
gauravjain26 said:

That will be really great. :)

  • Quote
  • Posted 2 months ago.
gauravjain26
  • Authority 589
Post Body
gauravjain26 said:

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

regards

  • Quote
  • Posted 2 months ago.
lechuck
  • Authority 545
Post Body
lechuck said in response to:
gauravjain26
gauravjain26’s post:
Citation Body

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

regards

Add {width:300px}. between the ! and before the url.

It should look something like this:

! { width:300px }. http://learnhub.com/image.jpg !

without the spaces of course.

  • Quote
  • Posted 2 months ago.
gauravjain26
  • Authority 589
Post Body
gauravjain26 said:

great.

You are a dude.

  • Quote
  • Posted 2 months ago.
gauravjain26
  • Authority 589
Post Body
gauravjain26 said:

Can we add text || to image.

  • Quote
  • Posted 2 months ago.
gauravjain26
  • Authority 589
Post Body
gauravjain26 said:

Please ignore the last message. Problem is resolved.

  • Quote
  • Posted 2 months ago.
Sureshbala
  • Authority 674
Post Body
Sureshbala said:

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.

  • Quote
  • Posted 2 months ago.
  • Your comment will be modifiable for 10 minutes after posted.

Page Author

Avatar
chandra_avinash
Name
chandra_avinash

From Here You Can…

Information

Most Recent Related Content

Published In…