Skip to main content
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index] [List Home]
Re: [e4-dev] Orion CSS preference editor
Hi Mike,

Ok I think if E4 wants to provide a CSS editor with Orion, it should provide a generic SWT OrionControl like I have done with CMControl.
The big advantage to do that is that this SWT control can be used anywhere (like you have used, in a 3.x ViewPart, in a e4 Pojo Editor in a simple View to display just CSS content with syntax color, etc)

With OrionControl you can set the mode (css, _javascript_, etc). 

If you want I can create this project for the moment in my GitHub to see in action my idea?

But the first thing is to fix problems with IE. I will investigate problems (I think with some polyfill _javascript_ functions it will fix some problems, but I'm afraid it will not enough because it seems that Orion doesn't support IE8 (according my tests)).

It should be really cool, if Orion team could help us with this topic (use Orion editor with IE8).

Many thank's

Regards Angelo


2013/9/9 Mike Wilson <Mike_Wilson@xxxxxxxxxx>

Angelo,

What I'd really be interested in is seeing you do the equivalent of CodeMirror-Eclipse using the Orion editor. If there are things in Orion that would make that difficult, we definitely want to fix them.

McQ.

Inactive hide details for Angelo zerr ---2013/09/09 08:10:45---Paul, if you are interested I could do the same thing that you hAngelo zerr ---2013/09/09 08:10:45---Paul, if you are interested I could do the same thing that you have done with Orion but with my Code

From: Angelo zerr <angelo.zerr@xxxxxxxxx>
To: E4 Project developer mailing list <e4-dev@xxxxxxxxxxx>,
Date: 2013/09/09 08:10
Subject: Re: [e4-dev] Orion CSS preference editor
Sent by: e4-dev-bounces@xxxxxxxxxxx




Paul, if you are interested I could do the same thing that you have done with Orion but with my CodeMirror Eclipse (it will be easy to do that), but I'm not sure that E4 wish to use CodeMirror.

Tell me if you are interested.

Regards Angelo


2013/9/9 Angelo zerr <angelo.zerr@xxxxxxxxx>
    Hi Paul,

    I have tried to play with your CSS Editor but it doesn't works for me. The browser displays the content of the CSS but syntax coloring + completion doesn't work. I use Windows and my Browser is IE8.

    After debugging your plugin, it seems that Orion code doesn't support IE8 (code uses JSON object, Array#forEach  which is not supported by IE8).
    For your information I have done the similiar thing with https://github.com/angelozerr/CodeMirror-Eclipse It embedds CodeMirror with SWT Browser and it works with RAP too 

    You can find online demo at http://cmeclipse-2.opensagres.eu.cloudbees.net/codemirror You will find a CSS Editor which manages completion, folding, validation, matching bracket, close bracket, etc.
    It works with IE because CodeMirror supports IE. You can change the theme of the CSS editor with Windows/Preferences -> CSS/Theme
    CodeMirror Eclipse provides too a preference page to select your browser (Mozilla, WebKit).


    Here conclusion about my little experience with SWT Browser/ HTML editor : 

    1) the JS editor used should support IE (CodeMirror supports IE).
    2) <meta http-equiv="X-UA-Compatible" content="IE=edge" /> should be included in the HTML page
    3) avoid using IE, it's better (IE is slow). For instance, CodeMirror Eclipse provides a preference page to select Web Browser (Mozzila, WebKit).
    4) editor JS must manage fullScreen mode. CodeMirror supports fullScreen so you have not the impressions that a browser is used.

    For CSS features, I think validation and completion (as you have managed) is important. After that if you can add some cool feature like folding, comments, format, matching bracket,ntext hover it should be better.

    Hope my post will help you.

    Regards Angelo


    2013/9/8 Wim Jongman <wim.jongman@xxxxxxxxx>
_______________________________________________
e4-dev mailing list
e4-dev@xxxxxxxxxxx
https://dev.eclipse.org/mailman/listinfo/e4-dev


_______________________________________________
e4-dev mailing list
e4-dev@xxxxxxxxxxx
https://dev.eclipse.org/mailman/listinfo/e4-dev


GIF image

Back to the top