[TYPO3-hci] Concentrate on the editors 2: RTE improvements

[Uschi Renziehausen]

Hi Boris and Masi, and, of course the rest,

I really would like to have this multiple class support as well. But I 
am very short of time currently, so I cannot find the leasure to develop 
ideas how the GUI for this feature should look like so that it is really 
user friendly.

Let us say, we do have to select lists, one for block elements, the 
other one for inline elements, and they are displayed in one row. What 
about two radios, one for add class , one for replace. Perhaps we then 
even need a third one for remove! Or another select-list for that.

The radios (or the select list) would have to interact with both the 
block the classesParagraph and the classesText (cannot remember the 
right key right now) selector.

And then there is another issue. Currently you see ALL classes defined 
for ANY of the block elements, regardless in which block element your 
cursor is. Say, in your css, you have defined in a class exclusively for 
h3, e.g. h3.foo {...}, you will see it, even if your cursor is not at 
all inside a h3 but inside p or div. How would you like to visualize 
this to the user? Serious question!

This becomes even more difficult, when block elements are nested, e.g. 
<blockquote><p>text</p></blockquote>. How should this be visualized? I 
have been told by a friend of mine that in some WYSIWYG-editors this is 
handeled by using the path in the 'status bar' of the editor. If you see 
the DOM path html ->body -> blockquote -> p and want to apply styling to 
blockquote, you select it there and then you select one of the style 
allowed for blockquote. But this, of course, you can only do, if you 
know, what blockquote is! Means that you have to know HTML. Any ideas?

Perhaps we should discuss this in the wiki? See 
http://wiki.typo3.org/index.php/Usability_-_RTE

Ciao, Uschi

redacted user wrote:
> 
>>>>
>>>> like this:
>>>> <dfn class="black">lorem ipsum</dfn>
>>>>
>>>> not like this:
>>>> <dfn><span class="black">lorem ipsum</span></dfn>
>>>
>>> You are right, Boris :) In general I would like to see the 
>>> inline-elements work like the block elements as far as possible, 
>>> because if they behave in the same way it will be easier to 
>>> comprehend for authors.
> 
> 
> but what if you like to add more than one class to an element?
> 
> 
> the beautiful way:
> <dfn class="black bigfont bg_red">lorem ipsum</span>
> 
> the lazy way:
> <dfn><span class="black"><span class="bigfont"><span 
> class="bg_red">lorem ipsum</span></span></span></dfn>
> 
> 
> or like that:
> <dfn><span class="black bigfont bg_red">lorem ipsum</span></dfn>
> 
> 
> must be defined! the first version is best practice and generates less
> code than the other ones, compatible to all browsers.
> 
> greets, boris