techblog SWIS

Leuk dat jullie het ook wel wat vinden!

Er is nog best wat werk te doen om een goede integratie te in de bestaande toolbar engine te realiseren. Als ik weer wat tijd vind ga ik hier verder aan werken. Natuurlijk meld ik het dan hier ook als ik vooruitgang boek.

[Reactie gewijzigd op donderdag 10 februari 2011 21:46]

veldmuis schreef op donderdag 10 februari 2011 @ 22:19:
Alles selecteren (ctrl-a) + opmaak wissen, en dat in herhaling, maakt een <p></p> aan? Heeft denk ik niets met jouw ribbon te maken, maar toch...

Maar dat is toch gewenst gedrag? Standaard tekst moet binnen een paragraaf komen. Pas als je wisselt naar bijvoorbeeld een heading wil je dit aanpassen.

Goed werk wel. Ga je dit verspreiden als het klaar is, en onder wat voor licentie? Ik heb behoorlijk interesse.

Waarschijnlijk komt dit onder lgpl uit.

RobIII schreef op donderdag 10 februari 2011 @ 22:21:
Ziet er nice uit! Heb je dit al eens bij moxiecode aangekaart? Ik denk dat ze hier best oren naar hebben en het ziet er echt netjes uit! Om met ene B. Stevens te spreken: Doorrrgaan, voorrral doorrrgaan

Dank!
Ik heb het al eens bij Moxiecode aangekaart. Spocke reageerde vrij enthousiast, maar is volgens mij niet voornemens om hier iets mee te doen. Ik verwacht dat wanneer dit een beetje uitontwikkeld is (als toolbar) het wel meegeleverd kan worden met Tiny.

[Reactie gewijzigd op donderdag 10 februari 2011 22:27]

Smaken verschillen, persoonlijk vind ik beide prima, in een web app however vind ik het toch maar een raar gezicht, zeker omdat je toch al wat minder ruimte hebt en de editors vaak in een vak toegepast worden denk ik dat dat wel wat problemen geeft, dan heb ik in dat geval toch liever een kleine toolbar.

Ik denk dat je onderscheid moet maken tussen een editor waarin je bijvoorbeeld een reactie geeft op een artikel of een editor waarmee je een complete tekstpagina opmaakt. Bij die laatste heb je wel de ruimte en kun je bijna full-screen de pagina opmaken. In het eerste geval heb je aan een vijftal buttons al genoeg.

En natuurlijk heb je er gelijk in dat het een kwestie van smaak is. Er zijn genoeg mensen die de ribbon verafschuwen. Persoonlijk vind ik het een goede vooruitgang in interface design.

Dank voor alle reacties.

Er zijn nog wel wat bugs in de ribbon die voornamelijk veroorzaakt worden door focus issues. Voor Internet Explorer worden er nu placeholders gezet in de editor bij een mouse-over op de ribbon. Wanneer de focus verloren gaat, wordt de placeholder gebruikt om de cursor terug te zetten en wordt de placeholder opgeruimd.

Als de ribbon als toolbar gebruikt wordt is dit niet meer nodig en zullen er waarschijnlijk minder bugs ontstaan.

Ik weet niet precies hoe het zit met copyright op de ribbon. Natuurlijk is de toolbar die je nu in alle editors ziet ook een kopie van Word. Een aantal gebruiken zelfs een Office 2003 skin.

Microsoft heeft de ribbon niet uitgevonden. In 1999 gebruikte de Lotus eSuite al een ribbon die weinig afwijkt van de ribbon van Office. Hier iets meer info over de ribbon en prior-art: Wikipedia Ribbon computing.

Als meer en meer applicaties gebruik gaan maken van de ribbon en het ook een Microsoft guideline is voor Windows applicaties dan denk ik dat een webapplicatie niet een enorm probleem is. Maar garanties heb ik natuurlijk niet.

Er is ongewild best wat tijd in gaan zitten. De eerste opzet was snel gedaan, daarna ben ik vooral bezig geweest met het oplossen van bugs waar TinyMce zelf ook mee te maken heeft. Tijdens het ontwikkelen aan de ribbon bracht Tiny een nieuwe release uit voor de ondersteuning van IE9. Helaas zorgde dat ervoor dat ik een aantal dingen opnieuw kon doen. Ook waren in die release bugs opgelost die ik zelf ook al opgelost had en dus overbodig waren.

Ik meld me zeker terug als ik een eerste opzet van de ribbon heb als toolbar binnen Tiny. Ik ga dan ook weer even contact zoeken met Moxiecode.

[Reactie gewijzigd op vrijdag 11 februari 2011 11:14]

himlims_ schreef op vrijdag 11 februari 2011 @ 14:04:
de module mp3/video enzo werkt niet

Klik op de afbeelding om de editor te testen. Veel functies werken niet in de demo omdat deze hard gekoppeld zijn aan ons CMS waarbinnen we de editor gebruiken

Voor de demo heb ik de editor uit ons CMS getrokken en op een losse pagina gezet.

Precision schreef op vrijdag 11 februari 2011 @ 14:49:
http://img607.imageshack.us/img607/6337/swiw.png
Bij de eigenschappen van een afbeelding, bij mouseover kleurt het niet blauw zoals bij de rest.

Dat is gewoon luiheid geweest. Ik gebruik css sprites en de image buttons heb ik niet allemaal een background gegeven. Sowieso wil ik images en buttons iets meer generiek maken. Nu kun je al elke willekeurige button en plugin van Tiny in de ribbon zetten, maar er worden me iets te veel losse images gebruikt. Liever groepeer ik die nog wat meer in sprites.