Joomla Content Editor (JCE)

Transcription

1 Joomla Content Editor (JCE) for the Nicola Tribal Association Website Developer Team It s easy! Login to the website with your own User Name and Password (Your user name and password will be ed to you from the web site.) Once logged in, you navigate to your web page(s). Above and to the right of each article you will find the Edit icon or the word edit. Left Click to activate.. Then text editor will load up. (Depending on the speed of your internet connection and your computer, it could take a few seconds to load be patient.) The Text editor (JCE Editor) provides you with a set of WYSIWYG editor tools that makes your job of writing and editing articles for your web page a little bit easier. In a nutshell, it provides access to many of the features you may be used to using in Word or OpenOffice etc. but for your website content HTML, ie: you can make some text bold, without having to know how to write <strong>make some text bold</strong>. Style test using familiar buttons and commands, like, bold, italic, underline etc. Insert and edit tables Copy text from Word or other text documents Insert images using an easy to use file browser popup interface Create links, to other content items within the OTDC site such as your Annual Reports (Acrobat, MS Power Point, and MS Word files) Create links to other websites Run a spell check on your finished article. If you need help click on the Help Icon in the editor After you are finished editing your article, click on the Save button. (You may need to refresh / reload the page in your web browser in order to see the changes.) Warning: The server will log you out after 90 minutes of inactivity always save your work as you go. After you are finished editing all your articles, don t forget to Logout of the web site.

2 Buttons Overview Buttons Overview Name / Description Advanced Code Editor Code Editor (HTML, PHP, CSS, Javascript) with syntax highlighting Icon Advanced Link Advanced Link editor. Create and edit links to files, external sites, addresses and internal Joomla! articles / components. Anchor Creates anchor links Bold Makes selected text bold. Shortcut Key - CTRL+B Bullet List Create a bullet (unordered) list Character Map Open a character map dialog for inserting miscellaneous characters. Cut, Copy, Paste Cut, copy and paste text and html with automatic Office cleanup. Includes Paste as Plain Text option. Code Cleanup Directionality Set the text direction on a selection

3 Emotions Insert emoticons File Manager Upload and insert links to various file types with optional file icon, date and modified time values. Optional plugin that requires a subscription to download. Font BackColour Set the font background color on the Font ForeColour Set the font color on the Font Select Apply a font family to the Font Size Select Apply a font size to the Format Select Format the with the selected block element Fullscreen Toggle full-screen edit mode Help Open the Help window Horizontal Rule Insert a horizontal rule HTML Basic HTML editor Image Manager Advanced image insert with file browser

4 Image Manager Extended Advanced image insert with file browser,image thumbnailing, resizing, rotating, image popups and tooltips. Optional plugin that requires a subscription to download. Indent Increase indent Italic Italicises selected text Shortcut Key: CTRL+I Justify Center Center Align the text selection or element Justify Full Justify the Justify Left Left Align the text selection or element Justify Right Right Align the text selection or element Layers Create and position div layers Media Manager Upload and insert media files such as flash, quicktime, windows media and flash video. Optional plugin that requires a subscription to download. New Document Clears the editor contents to create a new document Non-Breaking Insert a non-breaking space

5 Numbered List Creates a numbered (ordered) list Outdent Decrease indent Preview Preview the editor contents Print Print the editor contents Article (Read More / Pagebreak) Create Joomla! Readmore and Pagebrek breaks Redo Redo the last action Remove Format Remove block and style formatting from a selection Search Replace Perforn a search and replace on the editor contents Spell Checker Run a spell check on the editor contents StrikeThrough Create a strikethough on a Style Select Select list of Joomla! template css styles. Applied to selected block element or span. Styles Edit an elements styles Subscript Position

6 below the baseline Superscript Position above the baseline Tables Create and edit tables Template Manager Create and insert reusable code snippets.optional plugin that requires a subscription to download. Underline Underline a Undo Undo the last action Unlink Remove a link from a selection Visual Aid Visual Characters XHTML Xtras Insert and edit Abbreviation, Citation, Acronym, Deletion and Insertion elements and edit the advanced properties of an element such as events, title, id, style, class, dir, lang, accceskey and tabindex