Forums / Extensions / Call for testers: new Online Editor

Call for testers: new Online Editor

Author Message

Piotrek Karaś

Monday 18 February 2008 9:00:02 pm

<i>Another thing: Double-clicking on text works correctly on my system. No aditional space is marked.</i>

Yup, that's right. I don't know how I haven't noticed that before, but it doesn't only apply to the MCE, but actually any text in the browser... weird ;)

--
Company: mediaSELF Sp. z o.o., http://www.mediaself.pl
eZ references: http://ez.no/partners/worldwide_partners/mediaself
eZ certified developer: http://ez.no/certification/verify/272585
eZ blog: http://ez.ryba.eu

André R.

Tuesday 19 February 2008 12:55:24 am

Felix: tested in Safari 3.0.4 on Windows, and it looks ok to me. Looks like a case of browser cache trouble.

eZ Online Editor 5: http://projects.ez.no/ezoe || eZJSCore (Ajax): http://projects.ez.no/ezjscore || eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription
@: http://twitter.com/andrerom

André R.

Tuesday 19 February 2008 1:32:07 am

> Piotrek: 5) Button grouping:

Added this to svn but it doesn't work in ie7 and probably not ie6.
Since I don't have any more time to work on features that are not on the roadmap(ie bugs tends to take a lot of time..), I'll have to leave it up to you(any one interested?) to find out what ie bugs on here, alternatively I have to remove it and try to put it on the v1.1 roadmap.

The relevant css code is in design/standard/javascript/theme/ez/skins/default/ui.css:

.defaultSkin div.mceToolbar span.mceToolbarElement { float: left; height: 26px; clear: none; }
.defaultSkin div.mceToolbar div.mceToolbarGroupingElement { float: left; height: 26px; }

You can get the html by using firebug, but if it needs to change you can look up the generator in
design/standard/javascript/theme/ez/editor_template.js "_toolbarRenderFlowHTML".

eZ Online Editor 5: http://projects.ez.no/ezoe || eZJSCore (Ajax): http://projects.ez.no/ezjscore || eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription
@: http://twitter.com/andrerom

Georg Franz

Tuesday 19 February 2008 5:17:57 am

Hi André,

is in the final version of the editor a "remove all formats" button (or some automatic thingy)? Or is it only possible to remove the not supported formatting / html tags by saving the draft?

I am asking because a lot of editors are copying text from ms word and IE to the online editor.

I've tried copying some ms word content (FF 2 and IE 7) into the online editor, after saving the draft there are too much whitespace / new lines in the text between e.g. the paragraphs.

Best wishes,
Georg.

Best wishes,
Georg.

--
http://www.schicksal.com Horoskop website which uses eZ Publish since 2004

André R.

Tuesday 19 February 2008 8:06:42 am

Georg Franz:
> is in the final version of the editor a "remove all formats" button (or some automatic thingy)?
> Or is it only possible to remove the not supported formatting / html tags by saving the draft?

No plans to enable it by default at this moment, but you can try it out by adding 'cleanup' to Buttons[] in eztinymce.ini. Keep us posted on how it works!

> I've tried copying some ms word content (FF 2 and IE 7) into the online editor, after saving the
> draft there are too much whitespace / new lines in the text between e.g. the paragraphs.

Is it worse then the old editor? Or is it the same?

Piotrek Karaś:
> 2) Not sure if the default icon set is not missing "indent" and "outdent" icons

Added this to the todo list, TinyMCE just ads margin to the paragraph, so it doesn't work by just enabling the buttons.

> 3) Would "find" and "replace" icons cause any problems? What about "non-breakable space"?

These (the functions you mention) should be safe to enable in eztinymce.ini, button reference:
http://wiki.moxiecode.com/index.php/TinyMCE:Control_reference

> 4) I agree that the MCE's default font could be adjusted to match admin interface's standards.
> 6) Spelling: Previus=Previous
> 7) Have no luck trying to insert a link... keeps cutting highlighted text out...

Fixed in v0.93

eZ Online Editor 5: http://projects.ez.no/ezoe || eZJSCore (Ajax): http://projects.ez.no/ezjscore || eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription
@: http://twitter.com/andrerom

Piotrek Karaś

Tuesday 19 February 2008 9:10:47 am

<i>> 4) I agree that the MCE's default font could be adjusted to match admin interface's standards.
Fixed in v0.93</i>

Almost, but the content is still mostly Verdana. This is of little difference for cleartype settings, but is quite annoying/noticeable for those using sharp fonts, does not improve look&feel. I suggest that you use the eZ's default <b>Arial, Helvetica, sans-serif;</b>, especially in the content.css, first line.

--
Company: mediaSELF Sp. z o.o., http://www.mediaself.pl
eZ references: http://ez.no/partners/worldwide_partners/mediaself
eZ certified developer: http://ez.no/certification/verify/272585
eZ blog: http://ez.ryba.eu

Radek Kuchta

Tuesday 19 February 2008 12:04:13 pm

Hi,

I have tested eZ OE MCE with Vista (IE & FF).
For now, I have found two problems:
1. Anchor - when I was trying to insert anchor, it was disappeared after appling;
2. Heading5 & Heading6 give me H6 - is that correct?

The standard TinyMCE editor has bbcode plugin which allows to use the BB tags. Do you plan to provide this functionality for XML?

http://ez.no/certification/verify/272582

Felix Laate

Wednesday 20 February 2008 12:00:08 am

Hi again,

I tested ver 0.93 on my mac with Safari 3 and Firefox 2.

It certainly looks better now. Well done!

But I did experience some wierd stuff. I disabled the editor to hava look at the code, and when I turned it on again (without changing anything) I got this:

Utkastet kunne ikke lagres.
Påkrevde data mangler eller er ugyldige:

Summary: Attributten 'mce_href' er ikke tillatt i elementet <link>.
Body: Ukjent tag: <img>.
Caption (Image): Tag-en <paragraph> kan ikke være tom.

It's norwegian I know, but Andy is an expert :-)

Felix

Publlic Relations Manager
Greater Stavanger
www.greaterstavanger.com

Piotrek Karaś

Wednesday 20 February 2008 12:05:44 am

It would be nice to have a version information somewhere.

--
Company: mediaSELF Sp. z o.o., http://www.mediaself.pl
eZ references: http://ez.no/partners/worldwide_partners/mediaself
eZ certified developer: http://ez.no/certification/verify/272585
eZ blog: http://ez.ryba.eu

André R.

Wednesday 20 February 2008 1:04:52 am

Piotrek Karaś:
> Arial, Helvetica, sans-serif;, especially in the content.css, first line.
done

Radek K:
> 1. Anchor - when I was trying to insert anchor, it was disappeared after appling;
fixed

> 2. Heading5 & Heading6 give me H6 - is that correct?
This is controlled by the output templates and has nothing to do with the editor, test by creating a h1 tag, you'll get a h2 tag in the output both using this and the old editor.
The reason is to disallow editors from being able to "destroy" the document structure (only one h1 is allowed pr page in accordion to w3c html standards, and that one is generated by the object name attribute in the templates).
You can change this behaviour by overriding the content/datatype/view/ezxmltags/header.tpl template.

> 3. bbcode
Not currently, it is plans to change the underlying eZ xml with the Document component from eZ Components at some point. But I'll look into that plugin when I get time.

Felix Laate:

Draft could not be saved!
Required data was not valid:
Summary: Attribute 'mce_href' is not allowed on element <link>.
Body: Unknown tag: <img>.
Caption (Image): Tag <paragraph> can not be empty

Looks like you disabled editor, pressed back in your browser and tried to save the draft / publish..

Piotrek Karaś:
> It would be nice to have a version information somewhere.

For now it is in <your site>/ezinfo/about , but there should be a help popup like the old editor, so could put the version number there as well.

eZ Online Editor 5: http://projects.ez.no/ezoe || eZJSCore (Ajax): http://projects.ez.no/ezjscore || eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription
@: http://twitter.com/andrerom

Ekkehard Dörre

Thursday 21 February 2008 4:37:19 am

Hi all,

thanks,

Changes from OE:
* No more paper clip, now you see the relations as they will be on the web page <i>(excluding styling) </i>

To use the page CSS there is a plugin, but I didn't check it out:
http://www.bram.us/projects/tinymce-plugins/tinymce-classes-and-ids-plugin-bramus_cssextras/
The script is released under a creative commons Attribution-ShareAlike 2.5 license.

<i>[...] bramus_cssextras is a plugin for TinyMCE which enables the usage of CSS classes and CSS ids on any HTML element within TinyMCE. Together with an external CSS file, set via the TinyMCE content_css setting, bramus_cssextras bridges the (visual) gap between the content entered through TinyMCE and the actual output;

[...]

Where content_css only lets you view the CSS styles applied on elements (and supports the setting of classes only on <a> elements), bramus_cssextras takes it to the next level by letting you set these CSS styles, based on CSS Class Selectors and CSS ID Selectors, on any element, giving the user more power on the visual representation then ever before (imagine one being able to choose 20 different classes or a handful of ids to apply on p elements with the ease of a click).
[...]
</i>

Greetings, ekke

http://www.coolscreen.de - Over 40 years of certified eZ Publish know-how: http://www.cjw-network.com
CJW Newsletter: http://projects.ez.no/cjw_newsletter - http://cjw-network.com/en/ez-publ...w-newsletter-multi-channel-marketing

André R.

Thursday 21 February 2008 7:17:55 am

New version out, v0.94:
* Enabled undo support in tag popup's
* Fixed anchor insert
* Preview of embed object tags while editing / inserting
* Added th support (in cell properties popup)
* made merge cell work like old OE (no popup, use ctrl key to select cells)
* experimental support for indenting / outdenting added on lists
( one issue left: BLOCKQUOTE tag is added if you indent first list element )

Ekke:
Looks cool, I'll look into that to see if it would fit our needs.
EDIT: It doesn't, it looks up id and class selector and let you choose them on tags, not a approach that would work on eZ Publish.

eZ Online Editor 5: http://projects.ez.no/ezoe || eZJSCore (Ajax): http://projects.ez.no/ezjscore || eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription
@: http://twitter.com/andrerom

Piotrek Karaś

Thursday 21 February 2008 10:48:32 am

<i>New version out, v0.94:
* Added th support (in cell properties popup)
* experimental support for indenting / outdenting added on lists
( one issue left: BLOCKQUOTE tag is added if you indent first list element )</i>

Can't locate these two... ;(

<i>* made merge cell work like old OE (no popup, use ctrl key to select cells)</i>

Works, but requires training ;)

Anyways, getting smooth! ;)

--
Company: mediaSELF Sp. z o.o., http://www.mediaself.pl
eZ references: http://ez.no/partners/worldwide_partners/mediaself
eZ certified developer: http://ez.no/certification/verify/272585
eZ blog: http://ez.ryba.eu

Pål Messenlien

Thursday 21 February 2008 11:43:32 am

Install from svn
Error when editing image object after adding it to the page.

This is how i got the error:
Uploaded a new picture and added it.
Then tried to edit the settings and change the alignment of the image.

Using Firefox on Ubuntu and Firebug installed
Error message from Firebug when i click OK

ez.$$("#embed_preview div")[0] has no properties
specificTagEditor(img#eZObject_275 logo-Ubuntu_medium.p...)medium (line 154)
insertEmbedTag()ez_tinymce_popup.... (line 108)
onsubmit(submit )medium (line 1)
[Break on this error] el.innerHTML = ez.$$('#embed_preview div')[0].el.innerHTML;

--------------------------------------------
Høgskolen i Lillehammer
Lillehammer University College
http://www.hil.no
--------------------------------------------
Messenlien IT
http://messenlien.com
-------------------------------------------

André R.

Friday 22 February 2008 2:12:46 am

Piotrek Karaś:
> New version out, v0.94:
> * Added th support (in cell properties popup)

Select a table cell, click on td / th in the path to get it's properties.

> * experimental support for indenting / outdenting added on lists
> ( one issue left: BLOCKQUOTE tag is added if you indent first list element )

Enable the buttons in eztinymce.ini.

> * made merge cell work like old OE (no popup, use ctrl key to select cells)
> Works, but requires training ;)

True, how is this done in word ?
In open office you use shift to select more then one cell, and then you can merge them.

Pål Messenlien:
> Error when editing image object after adding it to the page.

Thanks, fixed it in svn as well as added preview of image align changes.

eZ Online Editor 5: http://projects.ez.no/ezoe || eZJSCore (Ajax): http://projects.ez.no/ezjscore || eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription
@: http://twitter.com/andrerom

Stéphane Bullier

Friday 22 February 2008 6:29:08 am

Hello André,

There is a problem with the upload of the new version 0.94.

http://ez.no/content/download/224575/1509861/file/eztinymce0_94.zip

Error kernel 3 : Object is unavailable

Stéphane

Ole Morten Halvorsen

Friday 22 February 2008 7:17:00 am

Hi Stéphane,

Try again now :)

Ole M.

Senior Software Engineer - Vision with Technology

http://www.visionwt.com
http://www.omh.cc
http://www.twitter.com/omh

eZ Certified Developer
http://ez.no/certification/verify/358441
http://ez.no/certification/verify/272578

Piotrek Karaś

Saturday 23 February 2008 5:44:49 am

<i>>> * experimental support for indenting / outdenting added on lists
>> ( one issue left: BLOCKQUOTE tag is added if you indent first list element )
>Enable the buttons in eztinymce.ini.</i>

Yes, sorry, haven't noticed that. Two things:
1) I suggest switching the order: outdent, then indent (I have no very strong arguments here ;)
2) When you select/highlight one list element for indentation, it works fine. When you select more, then the indentation icon/button becomes inactive. This works fine in the MCE demos. Also, group outdent seems to be working fine.

<i>> Select a table cell, click on td / th in the path to get it's properties. </i>

Wow, I wasn't aware of that MCE functionality ;) Thanks.

<i>>> * made merge cell work like old OE (no popup, use ctrl key to select cells)
>> Works, but requires training ;)
>True, how is this done in word ?
>In open office you use shift to select more then one cell, and then you can merge them.</i>

It works fine. I required training ;)

Thanks!

--
Company: mediaSELF Sp. z o.o., http://www.mediaself.pl
eZ references: http://ez.no/partners/worldwide_partners/mediaself
eZ certified developer: http://ez.no/certification/verify/272585
eZ blog: http://ez.ryba.eu

Piotrek Karaś

Saturday 23 February 2008 6:23:59 am

This might be a future feature request.

It would be great if it was possible to have multiple customizable editor layouts/functionality for different content class attributes. It could be *.ini-based or class-attribute-based setting that would allow different button- and/or plugin sets. For example, for content class attribute ID:431 only bold, italic and new line formatting could be allowed.

I do realize that just the presentation layer will not be enough, it must be validated in the PHP layer, but maybe new OE is a chance to move on?

--
Company: mediaSELF Sp. z o.o., http://www.mediaself.pl
eZ references: http://ez.no/partners/worldwide_partners/mediaself
eZ certified developer: http://ez.no/certification/verify/272585
eZ blog: http://ez.ryba.eu

André R.

Saturday 23 February 2008 9:02:03 am

> 2) When you select/highlight one list element for indentation, it works fine.
> When you select more, then the indentation icon/button becomes inactive.
> This works fine in the MCE demos. Also, group outdent seems to be working fine.

That's because I currently validate that a parent tag is a LI, to disable the button on all other tags.

>> Select a table cell, click on td / th in the path to get it's properties.
> Wow, I wasn't aware of that MCE functionality ;) Thanks.

It's not, its my take on tag editing in a right click free world..

> attribute id specific settings future feature request.

This is on the roadmap for future version with the eZ Componets Document component, I might implement a ini based presentation only thing for now if someone wants it, but the idea is to controll this from the class attribute settings. For instance setting a xml field to use bbcode/ wikicode++ instead, if you want to disable relations, tables or custom tags and so on..

eZ Online Editor 5: http://projects.ez.no/ezoe || eZJSCore (Ajax): http://projects.ez.no/ezjscore || eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription
@: http://twitter.com/andrerom