-
Xinha Improvements
last modified July 25 by ejucovy
[I've used [trim]...[/trim] to indicate sentences that I think could be combined for more powerful writing.]
Examples from other tools:
Drawings:
Old News:
Set of ideas started last year
Trac Ticket on Tools that were chosen
Evaluation of WYSIWYG Editors - blog post
Xinha is a compelling Open Source WYSIWYG editor component. It is one of the most powerful as its configuration and extensibility make it easy to customize. Its liberal licence makes it an ideal candidate for integration into any kind of project.(Xinha-Trac) [Small note: when writing on the web, it's my personal style preference try to embed ALL links in the text of the sentence. Otherwise they're just wasted words that water down your writing.]
[Bigger note: what is the purpose of this as an introductory paragraph? What are you trying to tell your audience here?]
[trim]OpenPlans committed to using Xinha for its wiki, blogs and possibly comments early in 2007. Ian Bicking blogged about his findings and the advantages it had over the Plone equivalent of Kupu.[/trim] It’s been integral to our work ever since and, well, we love it. [trim]After a year of intense use, we’ve garnered extensive user feedback. This shapes a lot of suggestions on improvements we would like to contribute to the community.[/trim] Design and functionality changes would really help push Xinha over the edge into becoming the greatest open source WISYWIG editor out there. This wiki houses some of the reasons why and how we would like to see development in the tool.
Desktop vs. Web Editing
Desktop word processors moved from being light weight text editing tools to user interface(UI) driven applications. Applications like Microsoft Word were some of the first to give a considerable amount of importance to WYSIWYG. They stressed on simplification of functions to a click of a button! Users were now used to fine formatting their documents without really having to worry about the code used to carry this function.
As the web becomes more and more the platform for writing and collaborating, we see the beginnings of rich text editing being implemented. Starting with email clients and followed by blogging software, collaborative wiki platforms and ocassionally commenting and mapping tools, there is an expectation for toolbars that allows for basic formatting.
Google has started a suite of tools parallel to Microsoft for their online documentation products that is a robust WYSIWYG editor these are not available for integration with other online editing tools.
The space for open source, web-based editing is broad and we should be in a place to provide users with intuitive and elegant tools that do the job!
[I like the way you've set this off now! I wish you could set it off even more with, say, a background color and a smaller right margin, but unfortunately the OpenPlans wiki doesn't give you that degree of control. How would you feel about moving the pages of this "wiki presentatio" you're writing about Xinha to somewhere else, like Google Pages for example?]
Defining the User for WYSIWYG Tools
There are three types of users who employ online editing tools.
- Writers who are comfortable writing directly online a la bloggers and commenters. They are comfortable using text editors, but may not be able to fine tune using the HTML editor.
- Power users who edit often and are comfortable with keyboard shortcuts. These users work with editors that easily allow them to toggle between tools like Bold and Underline.
- Users who would like to control the look of a page to a finer degree using HTML. They use tools like color, tables, insertion of links and images on a regular basis as it plays a key role in information presentation.
Goals
- Make Xinha the most sought after open source WYSIWYG Editor out there!
- Providing an INTUITIVE tool set to the users who would find editing a seamless process.
- Customizing the tool set so they provide maximum advantage to the community that is targeted. (math, music, writing, design etc.)
Examples from other tools:
What we are currently working with:
What is current default set on Xinha-Nightly Demo. Some of the trouble here is area lies in the fact that there are
just too many tools. By keeping the default set concise the user is presented with less of an overwhelming and
more cohesive experience.

List of tools from left to right:
- Maximize
- Pre-formats
- Font
- Size
- Bold
- Italic
- Underline
- Strike through
- Font Color
- Fill Color
- Current Style
- Subscrpit
- Superscript
- Left Align
- Center Align
- Right Align
- Justified
- Numbered List
- Bulleted List
- Indent out
- Indent in
- Horizontal Rule
- Link
- Image
- Table
- Undo last Action
- Redo last action
- Select all
- Print
- Clear MS Office Tags
- Clear Font specifications
- Remove formatting
- Toggle Borders
- Split Block
- Direction Left to right
- Direction Right to Left
- Toggle HTML view
- Help using the editor
- About this Editor
The Entire XINHA set
When all the plugins are turned on this is what you see in Xinha-nightly. This is not accounting for some of the plugins that gave errors on load. 
List of tools from left to right:
- Page Cleaner
- Layout
- Language
- Emoticos
- Page Break
- Insert scroling marquee
- Save
- Maximize/Minimize Editor
- HTML Tidy
- Document Properties
- Syntax
- Info
- CSS
- Find and Replace
- Pre-formats
- Font
- Size
- Bold
- Italics
- Underline
- Strike through
- Text color
- Fill color
- Super Script
- Sub Script
- Insert Keyword
- Drop down label
- Left Align
- Center
- Right Align
- Justify
- Numbered List
- Decimal Numbers
- Bullet list
- Left indent
- Right indent
- Formula Editor
- Horizontal Rule
- Set page background image
- Abbreviation
- Insert Special Character
- Insert web link
- Set web ID
- Insert Anchor
- Insert File link
- Insert Snippet
- Insert Image
- Insert Guido music notation
- Undo your last action
- Redo your last action
- Select All
- Clean up HTML
- Paste as Plain text
- Clear inline font specifications
- Remove formatting
- Filter
- Split block
- Direction Left to Right
- Direction Right to Left
- Toggle HTML Source
- Spell Check
- Smart replace
- Quick Tag editor
- Edit HTML for selected text
- Help using Editor
- About this Editor
- Definition list
- Definition term
- Definition description
- Insert Form
- Insert a text password or hidden field
- Insert a multiline text field
- Insert a select field
- Insert a check box
- Insert a radio button
- Insert a submit or ok button
- Form
- Text Area
- Selection Field
- Check box
- Radio button
- Text field
- Password field
- File field
- Button
- Submit Button
- Reset Button
- Image Button
- Hidden Field
- Label
- Field Set
- Insert Table
- Toggle Borders
- Table Properties
- Row Properties
- Insert Row Before
- Insert Row After
- Delete Row
- Split Row
- Insert Col Before
- Insert Col After
- Delete Col
- Split Col
Clearly this is an overwhelming experience! Where does one start? The need to simplify and customize are apparent here. There are ways to simplify without really loosing functionality. Here are some attempts to do so:
xinha details
[This isn't a great way to convey the overwhelming experience! Make the audience FEEL it, don't just TELL them about it. Seriously, I'd recommend presenting this whole thing in a more visual way where you can really take advantage of the format to convey just how scary it really is. The goal is to call the reader's attention to what's really going on in his head when he SEES xinha. Maybe think about jumbling the words together in a five-column layout .. or putting them in a "legend" on the screenshot itself, complete with (overwhelming, impossible to digest) color keys for each, or (cluttering, difficult to trace) red arrows linking the explanatory text to each button.]