Note: You are currently viewing documentation for Moodle 1.9. Up-to-date documentation for the latest stable version is available here: HTML editor.

Talk:HTML editor: Difference between revisions

From MoodleDocs
(→‎Short cut keys: two columns for presentation)
 
(12 intermediate revisions by 2 users not shown)
Line 10: Line 10:


::I use Ctrl: A, B, C, V, X all the time.  But none of the others :) --[[User:chris collman|chris collman]] 07:19, 30 March 2008 (CDT)
::I use Ctrl: A, B, C, V, X all the time.  But none of the others :) --[[User:chris collman|chris collman]] 07:19, 30 March 2008 (CDT)
What table Chris?  The short cut keys need to be put into at least two columns. Perhaps a table without borders.  --[[User:chris collman|chris collman]] 06:17, 28 June 2008 (CDT)


==Note about browsers==
==Note about browsers==
Line 34: Line 37:
====Table 1 double columns====
====Table 1 double columns====
{|  border="0" cellpadding="2" cellspacing="0" style="text-align:left"
{|  border="0" cellpadding="2" cellspacing="0" style="text-align:left"
! width="50"|Keys
! width="70"|Keys
! width="300"|Action
! width="300"|Action
! width="10"|
! width="10"|
! width="50"|Keys
! width="70"|Keys
! width="300"|Action
! width="300"|Action


Line 98: Line 101:


|}
|}
 
===Sort these tables===
====Table 1====
====Table 1====
{| class="wikitable" style="text-align:left"
{| class="wikitable" style="text-align:left"
Line 108: Line 111:
|-
|-
| Ctrl-C
| Ctrl-C
| Copy
| Copy-g1
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-V
| Ctrl-V
| Paste
| Paste-g1
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-X
| Ctrl-X
| Cut
| Cut-g1
|WORKS Mozilla
 
|-
 
| Ctrl-Z
| Undo -g1
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-P
| Ctrl-Y
| Change the font size
| Redo -g1
|NOT in Mozilla (Print page)
|WORKS Mozilla


|-
|-
| Ctrl-H
| Ctrl-F
| Change text format (headings etc.)
| Search & Replace  G1
|NOT in Mozilla
|WORKS Mozilla special popup window


|-
|-
| Ctrl-1
|}
| to Ctrl-6 Change heading level
 
|WORKS Mozilla
====Text Formating 2====


{| class="wikitable" style="text-align:left"
|-
! Keys
! Action
! Test Comment
|-
|-
| Ctrl-B
| Ctrl-B
| Make text bold  
| Make text bold-g2
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-I
| Ctrl-I
| Make text italic  
| Make text italic -g2
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-U
| Ctrl-U
| Underline text
| Underline text-g2
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-S
| Ctrl-S
| Strikethrough text  
| Strikethrough text-g2
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-,
| Ctrl-,
| Subscript  
| Subscript -g2
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-.
| Ctrl-.
| Superscript
| Superscript-g2
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-O
| Ctrl-G
| Change the font
| Change text colour  G2
|NOT in Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-0 (DUP, SEE ABOVE)
| Ctrl-
| Clean Word HTML
| Change text background colour G2
|NOT in Mozilla
 
|-
| Ctrl-0 (DUP, SEE ABOVE)
| Open File explorer window
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-Z
| Undo
|WORKS Mozilla


|-
| Ctrl-Y
| Redo
|WORKS Mozilla


|}
|}
 
====Paragraph Formating 2b====
====Table 2====
 
{| class="wikitable" style="text-align:left"
{| class="wikitable" style="text-align:left"
|-
|-
Line 200: Line 200:
! Action
! Action
! Test Comment
! Test Comment
|-
| Ctrl-L
| Justify paragraph left
|WORKS Mozilla


|-
|-
| Ctrl-E
| Ctrl-Alt-O
| Justify paragraph center
| Insert ordered numeric list G2
|WORKS Mozilla
 
|-
| Ctrl-J
| Justify paragraph full
|WORKS Mozilla  
|WORKS Mozilla  


|-
|-
| Ctrl-/
| Ctrl-Alt-U
| Text runs left to right
| Insert bullet list  G2
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-<nowiki>|</nowiki>
| Ctrl-L
| Text runs right to left  
| Justify paragraph left G2
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-;
| Ctrl-E
| Decrease paragraph indent
| Justify paragraph center G2
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-'
| Ctrl-J
| Increase paragraph indent
| Justify paragraph full  G2
|WORKS Mozilla  
|WORKS Mozilla  


|-
|-
| Ctrl-G
| Ctrl-;
| Change text colour
| Decrease paragraph indent G2
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-K
| Ctrl-'
| Change background colour
| Increase paragraph indent  G2
|WORKS Mozilla
|WORKS Mozilla  


|-
|-
| Ctrl-F
| Search & Replace
|WORKS Mozilla special popup window


|-
| Ctrl-`
| Switch to HTML source code view
|WORKS Mozilla


|-
| Ctrl-M
| Toggle fullscreen editor mode
|NOT always Mozilla


|-
|}
| Ctrl-Alt-O
| Insert ordered numeric list
|WORKS Mozilla


====Table 3====
{| class="wikitable" style="text-align:left"
|-
|-
| Ctrl-Alt-U
! Keys
| Insert bullet list
! Action
|WORKS Mozilla
! Test Comment
 
|-
|-
| Ctrl-Alt-R
| Ctrl-Alt-R
| Insert horizontal rule
| Insert horizontal rule G3
|WORKS Mozilla  
|WORKS Mozilla  


|-
|-
| Ctrl-Alt-A
| Ctrl-Alt-A  
| Create anchor
| Create anchor G3
|WORKS Mozilla  
|WORKS Mozilla  


|-
|-
| Ctrl-Alt-L
| Ctrl-Alt-L  
| Create link  
| Create link G3
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-Alt-D
| Ctrl-Alt-D  
| Unlink  
| Unlink G3
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-Alt-N
| Ctrl-Alt-N  
| Turn off autolinking
| Turn off autolinking G3
|WORKS Mozilla
|WORKS Mozilla
   
   
|-
|-
| Ctrl-Alt-I
| Ctrl-Alt-I  
| Insert image  
| Insert image G3
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-Alt-T
| Ctrl-`
| Insert table
| Switch to HTML source code view  G3
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-Alt-S
| Ctrl-M
| Insert emoticon
| Toggle fullscreen editor mode  G3
|NOT always Mozilla
 
|-
| Ctrl-Alt-T
| Insert table G3
|WORKS Mozilla
|WORKS Mozilla


|-
|-
| Ctrl-Alt-C
| Ctrl-Alt-S
| Insert special character
| Insert emoticon G3
|WORKS Mozilla
|WORKS Mozilla
|-


|}
|}
====Table 3====
====Table 4====
{| class="wikitable" style="text-align:left"
{| class="wikitable" style="text-align:left"
|-
|-
Line 322: Line 307:
! Action
! Action
! Test Comment
! Test Comment
|-
| Ctrl-/
| Text runs left to right  G4
|WORKS Mozilla
|-
| Ctrl-<nowiki>|</nowiki>
| Text runs right to left G4
|WORKS Mozilla
|-
| Ctrl-Alt-C
| Insert special character G4
|WORKS Mozilla
|-
|-
| Ctrl-=
| Ctrl-=
| Change text language for screen readers, or specify language for the Multilang filter
| Change text language for screen readers, or specify language for the Multilang filter G4
|Can't say not knowing other languages :)
|Can't say not knowing other languages :)


|-
| Ctrl-O
| Change the font
|NOT in Mozilla
|-
| Ctrl-0 (DUP, SEE ABOVE)
| Clean Word HTML
|NOT in Mozilla
|-
| Ctrl-0 (DUP, SEE ABOVE)
| Open File explorer window
|WORKS Mozilla
|-
|}
|}
== List of smiley codes? ==
Text says: "Alternatively, you can just type the corresponding code straight into your text and it will be converted later when your text is displayed..."; but '''where''' is there a list of these "corresponding codes"? They should either be listed here, or linked from here.  I would do this myself, except I can't find the list anywhere.  I'm pretty sure the list is buried somewhere in the moodle help system, but I can't find it right down (which is why I wound up here ... and was disappointed again). (Yes I know this is almost certainly not an issue for people using the rich text editor aka tinymce; but there are real people - like me - who don't...). ('''Cringe:''' OK, yeah, now I see that this page is specifically about the "HTML editor" ... would you believe I didn't even notice that? That's because I arrived here by searching and just immediately scanned the contents for something about smilies.  But even for people who do use the HTML editor, I think they may sometimes find typing smilies faster than the smiley button; and if the option is mentioned at all, it should really be made usable by providing the list!)--[[User:Barry McMullin|Barry McMullin]] 08:16, 15 April 2008 (CDT)
'''Update:''' OK, I found it, and added a link! But this is an "external" link because it is going out to the bundled moodle help system.  Maybe it should be imported into the docs wiki? I'm not sure (since I'm just a casual visitor, and this is my sole contribution to moodle docs).  Maybe a more experienced moodle-doc'er can decide whether to do this? --[[User:Barry McMullin|Barry McMullin]] 08:16, 15 April 2008 (CDT)

Latest revision as of 11:17, 28 June 2008

This page does not make it clear where one would go to in order to change the configuration of the editor itself (e.g. to add an additional font to the dropdown list) posted by Robert Huffstedtler Chris collman 05:58, 22 September 2007 (CDT)

Good point about a lack of information. I don't know much about adding fonts to the HTML editor. Did go to demo.moodle.org and add a font which appeared in the HTML editor. This page is for teachers, I am not sure how a teacher adds a font to their course. I did figure out how to add a font to all HTML editors on the site via the Admin block, but there are no instructions on the settings page nor in help ! I will make a stab HTML editor settings...Thanks--Chris collman 05:58, 22 September 2007 (CDT)

Short cut keys

I like the way that table was laid out in edit mode and learned something. Very nice clear. I added the copy, paste and cut shortcuts.

I was not sure that all those commands would work on all platforms. I use Windows and Mozilla when I went to demo.moodle.org and tried a couple of them. They seemed to work. Thanks for the addition. --Chris collman 17:48, 5 December 2007 (CST)

Noticed at least one duplicate "Cont-O". Still need to check each one in demo.moodle.org. Would like rearrange table to take up less visual space, perhaps 2 columns. And/or shorter tables placed under subheading. I suspect my splits could offend heavy users of shortcut keys.
I use Ctrl: A, B, C, V, X all the time. But none of the others :) --Chris collman 07:19, 30 March 2008 (CDT)


What table Chris? The short cut keys need to be put into at least two columns. Perhaps a table without borders. --Chris collman 06:17, 28 June 2008 (CDT)

Note about browsers

Thanks to MJR, January 24, 2008 - Moodlerooms Assignment - for this note. --Helen Foster 06:08, 1 February 2008 (CST)

oops Chris took it out. Hummm let me see if I can bring it back --Chris collman 08:45, 28 March 2008 (CDT)

What happened to this page - now a sandbox?

There appears to be a bunch of html text which has been added to the article. I don't get it, but I am not a real strong HTML editor. It is either a work in progress or the page is being used inadvertently as a sandbox. I am asking Helen for a review, because she understands these things better (big grin). --Chris collman 08:56, 24 March 2008 (CDT)

Thanks Chris, I've rolled back the page. --Helen Foster 13:44, 25 March 2008 (CDT)

Still needs work but

I keep seeing posts in forums that relate to the HTML editor. I like to refer people to MoodleDocs and notice the HTML pages are really old. So I decided to reorganize the page and add some icons for the more HTML Moodle specific tasks. There is similar information on "page content". I tried not to duplicate, nor did I think it is really necessary to cover undo, redo or how to change a font. I could be wrong there :)

I am sticking with editing this page for now. I really don't have an opinion on which page this information should be located, it just needs to exist. Best to all, my MoodleDoc edit for the day! --Chris collman 08:59, 28 March 2008 (CDT)


Sandbox Shortcut keys

Here are some common browser editing short cut or hot keys.

Note tested on a windows machine using Mozilla Firefox browser on demo.moodle.org

Table 1 double columns

Keys Action Keys Action
Ctrl-C Copy Ctrl-V Paste
Ctrl-X Cut Ctrl-P Change the font size
Ctrl-H Change text format (headings etc.) Ctrl-1 to Ctrl-6 Change heading level
Ctrl-B Make text bold Ctrl-I Make text italic
Ctrl-U Underline text Ctrl-S Strikethrough text
Ctrl-, Subscript Ctrl-. Superscript
Ctrl-0 Open File explorer window Ctrl-Z Undo
Ctrl-Y Redo Blank key Blank des

Sort these tables

Table 1

Keys Action Test Comment
Ctrl-C Copy-g1 WORKS Mozilla
Ctrl-V Paste-g1 WORKS Mozilla
Ctrl-X Cut-g1 WORKS Mozilla
Ctrl-Z Undo -g1 WORKS Mozilla
Ctrl-Y Redo -g1 WORKS Mozilla
Ctrl-F Search & Replace G1 WORKS Mozilla special popup window

Text Formating 2

Keys Action Test Comment
Ctrl-B Make text bold-g2 WORKS Mozilla
Ctrl-I Make text italic -g2 WORKS Mozilla
Ctrl-U Underline text-g2 WORKS Mozilla
Ctrl-S Strikethrough text-g2 WORKS Mozilla
Ctrl-, Subscript -g2 WORKS Mozilla
Ctrl-. Superscript-g2 WORKS Mozilla
Ctrl-G Change text colour G2 WORKS Mozilla
Ctrl-K Change text background colour G2 WORKS Mozilla

Paragraph Formating 2b

Keys Action Test Comment
Ctrl-Alt-O Insert ordered numeric list G2 WORKS Mozilla
Ctrl-Alt-U Insert bullet list G2 WORKS Mozilla
Ctrl-L Justify paragraph left G2 WORKS Mozilla
Ctrl-E Justify paragraph center G2 WORKS Mozilla
Ctrl-J Justify paragraph full G2 WORKS Mozilla
Ctrl-; Decrease paragraph indent G2 WORKS Mozilla
Ctrl-' Increase paragraph indent G2 WORKS Mozilla

Table 3

Keys Action Test Comment
Ctrl-Alt-R Insert horizontal rule G3 WORKS Mozilla
Ctrl-Alt-A Create anchor G3 WORKS Mozilla
Ctrl-Alt-L Create link G3 WORKS Mozilla
Ctrl-Alt-D Unlink G3 WORKS Mozilla
Ctrl-Alt-N Turn off autolinking G3 WORKS Mozilla
Ctrl-Alt-I Insert image G3 WORKS Mozilla
Ctrl-` Switch to HTML source code view G3 WORKS Mozilla
Ctrl-M Toggle fullscreen editor mode G3 NOT always Mozilla
Ctrl-Alt-T Insert table G3 WORKS Mozilla
Ctrl-Alt-S Insert emoticon G3 WORKS Mozilla

Table 4

Keys Action Test Comment
Ctrl-/ Text runs left to right G4 WORKS Mozilla
Ctrl-| Text runs right to left G4 WORKS Mozilla
Ctrl-Alt-C Insert special character G4 WORKS Mozilla
Ctrl-= Change text language for screen readers, or specify language for the Multilang filter G4 Can't say not knowing other languages :)
Ctrl-O Change the font NOT in Mozilla
Ctrl-0 (DUP, SEE ABOVE) Clean Word HTML NOT in Mozilla
Ctrl-0 (DUP, SEE ABOVE) Open File explorer window WORKS Mozilla

List of smiley codes?

Text says: "Alternatively, you can just type the corresponding code straight into your text and it will be converted later when your text is displayed..."; but where is there a list of these "corresponding codes"? They should either be listed here, or linked from here. I would do this myself, except I can't find the list anywhere. I'm pretty sure the list is buried somewhere in the moodle help system, but I can't find it right down (which is why I wound up here ... and was disappointed again). (Yes I know this is almost certainly not an issue for people using the rich text editor aka tinymce; but there are real people - like me - who don't...). (Cringe: OK, yeah, now I see that this page is specifically about the "HTML editor" ... would you believe I didn't even notice that? That's because I arrived here by searching and just immediately scanned the contents for something about smilies. But even for people who do use the HTML editor, I think they may sometimes find typing smilies faster than the smiley button; and if the option is mentioned at all, it should really be made usable by providing the list!)--Barry McMullin 08:16, 15 April 2008 (CDT)

Update: OK, I found it, and added a link! But this is an "external" link because it is going out to the bundled moodle help system. Maybe it should be imported into the docs wiki? I'm not sure (since I'm just a casual visitor, and this is my sole contribution to moodle docs). Maybe a more experienced moodle-doc'er can decide whether to do this? --Barry McMullin 08:16, 15 April 2008 (CDT)