JCE Editor
The JCE Editor is a free 3rd Party Extension that gives the option of using a more extensive text editor than the default TinyMCE.
The benefits of the JCE Text Editor over the default TinyMCE Editor are:
- More options for modifying your content
- Expanded options when creating links
- Ease of uploading to or selecting images from your images directory
- Ease in setting inline styling for images
- Improved integration with stylesheets
- Ease in creating and modifyling tables
A screenshot of the JCE Editor Text Editor for Joomla 3:
To find tutorials for the JCE Editor click here
To watch CloudAccess videos on the JCE Editor click here
JCE Editor Styles available in the FavThemes / Favourite template
The list below shows examples from the drop-down list of Styles in the JCE Editor.
- To make this list the name from the list was typed on one line, it was then highlighted and that style chosen from the list.
- Some text shows no change, but others show how the style would work. Others would probably work if an image, or appropriate component, was highlighted first.
- Sometimes the same name appears several times, the difference may be the space before or after the text.
- This is about two-thirds of the list only, I have not added the div options.
Styles:
component heading = Tahoma 24x black (wide space above/below)
row-fluid ?
default-logo (no extra space after when enter tapped) ?
default-logo (same) ?
media-logo
(goes straight to extra space as if (shift+enter tapped)
text-logo = Arimo 30px blue
slogan (Roboto 14px v.pale blue)
showRetinalLogo ?
fav-overlay (thick black line)
fav-transparent ?
h2.item-title = Tahoma 24px blue (uses colour from title in template)
component heading (same as previous component heading)
h3.itemAuthorName (same as h2.item-title)
FAV404 ?
component heading (seems to allow heading format for one word instead of whole row)
h3.itemAuthorName (same as h2.item-title)
a.k2ReadMore ?
a.k2ReadMore ?
h3.itemAuthorName (large space below)
pagination ?
k2Pagination ?
itemCommentsPagination ?
btn-large - indented (large space below)
btn-small - small indent (large space below)
btn-mini - v.mini, small indent (no space below)
btn-disabled
favnav - no space below)
ul.menubasic
ul.menubasic.menu-clear
ul.menubasic.menu-dark
ul.menubasic.menu-color
ul.menuhorizontal
ul.menuhorizontal.pull-right
Icons:
icon-plus
icon.minus (deleted enter before)
icon-list
icon-cog
Images:
img-left
img-rounded
btn-info
button-info.active
btn-info disabled / disabled.active / success etc / warning etc / danger etc / inverse etc /
span.icon-edit
a.btn.jmodedit
blockquote.blockquote-dark
blockquote.blockquote-color
lead
text-warning
text-error
text-info
text-successs
span.label-red
-blue / -green / -grey / -orange
simple-box
info-box
success-box
+ lots more.
badge
badge-info
bubble-red
bubble- lots more colours.
ul.lisi-square
ol.list-square
ul. and ol. lots more options
moduletablepull-left
moduletablefavstyle.pull-left
moduletablepull-right
moduletablefavstyle.pull-right
moduletable-sfx5
moduletablesfx(6-48)
favpro - HUGE with blue background and white text
mod???ble.favdemo - same as favpro
dl,contact-address.dl-horizontal
page-header
blog
Too many others to list - Div... / ul...