TinyMCE met Ribbon - Part 3

Door orf op woensdag 31 augustus 2011 15:36 - Reacties (27)
Categorie: Frontend, Views: 4.610

Een kleine mededeling na maandenlange stilte:

Op tinymce.swis.nl/ staat een nieuwe demo, een kort stukje documentatie en de download van de ribbon.

In de afgelopen tijd zijn diverse bugs verholpen en zijn er kleine optimalisaties gedaan. Ook is er contact geweest met de makers van TinyMCE: Moxiecode. Zij hebben aangegeven deze ribbon niet op te nemen als extra skin van TinyMCE. Daarom nu een aparte download voor deze skin.

De website met demo, documentatie en download is nog wat karig, maar ik ga ervan uit dat tweakers met wat javascript en TinyMCE achtergrond het theme kunnen gebruiken. Zo niet, dan kun je me altijd een e-mail of DM sturen.

Volgende: TinyMCE met Ribbon - Part 2 03-'11 TinyMCE met Ribbon - Part 2

Reacties


Door Tweakers user Crim, woensdag 31 augustus 2011 15:43

Gaaf zeg :)
Ik ga het eens proberen te installeren.

Door Tweakers user Eguna, woensdag 31 augustus 2011 16:02

Hij maakt er vrij snel een puinhoopie van op de nieuwste versie van Opera, een text als Header aanwijzen en het raakt door elkaar en stukken text als bold aanpassen dan raakt de spacing compleet door de war :( Wel een zeer cool initatief natuurlijk.

Door Tweakers user orf, woensdag 31 augustus 2011 16:08

Eguna schreef op woensdag 31 augustus 2011 @ 16:02:
Hij maakt er vrij snel een puinhoopie van op de nieuwste versie van Opera, een text als Header aanwijzen en het raakt door elkaar en stukken text als bold aanpassen dan raakt de spacing compleet door de war :( Wel een zeer cool initatief natuurlijk.
Ik zie zo gauw niet echt dingen heel erg verkeerd gaan. Wel wordt er een content.css gebruikt in de demo die ÚÚn lineheight heeft, waardoor headings over meerdere regels er niet goed uit zien. De state van buttons wordt in Opera niet getoond.

Opera is (helaas) in ons CMS officieel niet ondersteund. Hoewel ons CMS er goed in werkt, zijn er te weinig gebruikers van Opera om hier rekening mee te houden. De editor is dan ook niet uitgebreid getest in Opera.

Door Tweakers user kipusoep, woensdag 31 augustus 2011 16:08

In Chrome werkt de scrollbar van het TinyMCE vlak niet...

Door Tweakers user Crim, woensdag 31 augustus 2011 16:09

Hier ook Opera dus helaas...

Door Tweakers user orf, woensdag 31 augustus 2011 16:16

kipusoep schreef op woensdag 31 augustus 2011 @ 16:08:
In Chrome werkt de scrollbar van het TinyMCE vlak niet...
Dat kan ik niet reproduceren. Heb je geen scrollbar zichtbaar of kun je niet scrollen met de scrollbar? In Chrome 13.x (Windows) werkt het hier goed.

Door Tweakers user Devilly, woensdag 31 augustus 2011 16:21

orf schreef op woensdag 31 augustus 2011 @ 16:16:
[...]


Dat kan ik niet reproduceren. Heb je geen scrollbar zichtbaar of kun je niet scrollen met de scrollbar? In Chrome 13.x (Windows) werkt het hier goed.
Hier werkt het ook goed op Google Chrome 13.0.782.215 m voor Windows.

[Reactie gewijzigd op woensdag 31 augustus 2011 16:21]


Door Tweakers user skabouter, woensdag 31 augustus 2011 16:37

Hier werkt het niet echt in Chrome 15.0.861.0

Als ik de afbeelding met de pingu´ns selecteer dan komt keurig de image tab, maar vervolgens kan ik niet meer naar andere tabs en/of de afbeelding deselecteren.

Door Tweakers user skabouter, woensdag 31 augustus 2011 16:41

In Chrome 14.0.835.122 beta-m idem

Door Tweakers user CodeCaster, woensdag 31 augustus 2011 16:49

Als ik in Chrome het plaatje sleep en neerzet op zichzelf, wordt 'ie gedupliceerd.

Door Tweakers user kipusoep, woensdag 31 augustus 2011 16:52

Hier Chrome 13.0.782.218 m. Check:
http://www.screenr.com/UKWs

Door Tweakers user orf, woensdag 31 augustus 2011 16:58

CodeCaster schreef op woensdag 31 augustus 2011 @ 16:49:
Als ik in Chrome het plaatje sleep en neerzet op zichzelf, wordt 'ie gedupliceerd.
Dat kan ik reproduceren.
skabouter schreef op woensdag 31 augustus 2011 @ 16:37:
Hier werkt het niet echt in Chrome 15.0.861.0

Als ik de afbeelding met de pingu´ns selecteer dan komt keurig de image tab, maar vervolgens kan ik niet meer naar andere tabs en/of de afbeelding deselecteren.
Dit kan ik ook reproduceren.

Voorlopig lijkt het erop dat Chrome niet supported is. :(
Er gebeuren vooral vreemde dingen met focus. Ik kan dit niet reproduceren in de demo van TinyMCE zelf.

Door Tweakers user hbvvw, woensdag 31 augustus 2011 17:26

Leuk gedaan, jammer alleen dat het er niet uitziet onder OSX of Linux.

Door Tweakers user Eguna, woensdag 31 augustus 2011 17:26

moet je nou veel hacks uithalen om dit spul knap werkend te krijgen op verschillende browsers?

Door Tweakers user FlowinG, woensdag 31 augustus 2011 18:51

Ziet er goed uit zeg :)

Een puntje: in de demo is de tab Source opgenomen. Hiermee veranderd het beeld. Logischer zou zijn: een tabje beeld met daaronder twee knoppen: Visual en Source. Wellicht zijn er betere namen te verzinnen, maar ik denk dat het duidelijker is voor de gebruiker dat het beeld veranderd zodra je op een knop klikt en niet op een tabje waarmee je normaal gesproken alleen knopjes te voorschijn wilt halen.

Door Tweakers user veldmuis, woensdag 31 augustus 2011 20:06

Ik dacht gisteren nog aan deze ribbon (en het missen van een werkende versie :+)!

Mooi werk, dank.

[Reactie gewijzigd op woensdag 31 augustus 2011 20:07]


Door Tweakers user denyos, woensdag 31 augustus 2011 20:37

Erg mooie theme en werkt al behoorlijk goed, zeker vergeleken met de eerste versie. In IE9 geeft het maken van een tabel alleen een probleem waardoor de editor niks meer lijkt te kunnen. In compatibility mode en firefox werkt het overigens wel prima.

Door Tweakers user Zeebonk, woensdag 31 augustus 2011 20:38

Ik ben het wel eens met FlowinG. Voor de rest ziet het er zeer nice uit. Misschien wel iets wat ik nog eens ga gebruiken :)

Door Tweakers user Snikker, donderdag 1 september 2011 10:32

Jammer dat ze het niet als skin willen opnemen. Misschien ter inspiratie: http://www.aloha-editor.com

Door Tweakers user Kajel, vrijdag 2 september 2011 15:10

orf schreef op woensdag 31 augustus 2011 @ 16:58:

Voorlopig lijkt het erop dat Chrome niet supported is. :(
Prachtig initiatief, maar als er dit staat, weet je dat ie te vroeg publiek is gemaakt :)
Als er 1 browser goed is met standaarden, en je product daar dus op zou moeten werken, is het Chrome :)

Door Tweakers user justahuman, vrijdag 2 september 2011 20:52

mooi en werkt gewoon goed in safari.

edit: vreemd dat safari wel werkt en chrome niet.

[Reactie gewijzigd op vrijdag 2 september 2011 20:54]


Door Tweakers user Deathraven, maandag 5 september 2011 09:39

Nice!
Had moxiecode nog een reden gegeven waarom ze de skin niet wilden opnemen als extra skin ? Ben wel benieuwd naar de beweegredenen om een goede contributie als deze af te slaan..

Door Tweakers user Deathraven, maandag 5 september 2011 15:28

Bugreport: in FF6. Open de demo -> rechtermuisknop op de pingu´n afbeelding -> afbeelding duplicatie treed op.
Ga je daarna naar de 'Source' tab -> terugschakelen naar 'start' dan treed het probleem niet meer op.

Door Tweakers user orf, maandag 5 september 2011 16:11

Deathraven schreef op maandag 05 september 2011 @ 09:39:
Nice!
Had moxiecode nog een reden gegeven waarom ze de skin niet wilden opnemen als extra skin ? Ben wel benieuwd naar de beweegredenen om een goede contributie als deze af te slaan..
Ik denk dat Moxiecode geen support wil leveren op een skin zoals dit. Aan de bug reports te zien kan ik me dat voorstellen ook.
Deathraven schreef op maandag 05 september 2011 @ 15:28:
Bugreport: in FF6. Open de demo -> rechtermuisknop op de pingu´n afbeelding -> afbeelding duplicatie treed op.
Ga je daarna naar de 'Source' tab -> terugschakelen naar 'start' dan treed het probleem niet meer op.
Mooie melding. Dit kan ik reproduceren. Ik ga de komende tijd proberen om wat tijd te vinden voor bugfixes.

Een patch aanleveren mag natuurlijk altijd. :)

[Reactie gewijzigd op maandag 5 september 2011 16:12]


Door Tweakers user orf, maandag 5 september 2011 16:13

Kajel schreef op vrijdag 02 september 2011 @ 15:10:
[...]

Prachtig initiatief, maar als er dit staat, weet je dat ie te vroeg publiek is gemaakt :)
Als er 1 browser goed is met standaarden, en je product daar dus op zou moeten werken, is het Chrome :)
Dat is niet helemaal waar. Het gaat niet zozeer om webstandaarden. Content Editable is door alle browsers verschillend ge´mplementeerd.

Door Tweakers user Deathraven, maandag 5 september 2011 16:51

orf schreef op maandag 05 september 2011 @ 16:11:
[...]


Ik denk dat Moxiecode geen support wil leveren op een skin zoals dit. Aan de bug reports te zien kan ik me dat voorstellen ook.


[...]


Mooie melding. Dit kan ik reproduceren. Ik ga de komende tijd proberen om wat tijd te vinden voor bugfixes.

Een patch aanleveren mag natuurlijk altijd. :)
Geen probleem. Zodra ik terug ben van vakantie zal ik eens een blik werpen. Moet m sowieso nog gaan integreren in onze site.

Door Tweakers user Kiphaas7, vrijdag 23 september 2011 16:28

Orf, is het misschien een idee om de hele code naar github te verplaatsen? Dan is het makkelijker voor ons om patches aan te leveren. :Y)

Reageren is niet meer mogelijk