• Byelex is expert op het gebied van dynamische content publicatie en eenvoudige online interactie, allemaal gebaseerd op Drupal.

Autosave voor FCK Editor

Rich text editing is iets waar de meeste mensen wel aan gewend zijn. Eenvoudig opmaak toepassen, afbeeldingen en links invoegen, tabellen opmaken en elementen uit MS Word documenten plakken wordt bij elke website tegenwoordig inbegrepen.

Een blog post met inhoud kan een kwartier of soms twee uur in beslag nemen. Afhankelijk van hoe vaak je wordt onderbroken of koffie gaat halen natuurlijk. De kans is groot dat als je online je tekst verwerkt (zoals een CMS je ook eenvoudig laat doen) dat je je tekst per ongeluk kwijt raakt. Om het nog niet te hebben over de accidentele reload of back actie (Alt + pijltje-naar-links in Firefox bijvoorbeeld).

Autosave op maat voor FCK Editor

Undo is in de meeste rich text editors standaar ingebouwd. Spelling controle is tegenwoordig ook ingebakken in de meeste moderne browsers. Maar een functie die, net als in MS Word, om de 5 minuten de pagina opslaat is niet in elk CMS gemeengoed. Een serieus CMS kan anno 2008 niet meer zonder autosave, hebben we besloten.

De Autosave module die te vinden is op Drupal.org werkt out-of-thebox. De Autosave module werkt samen met TinyMCE maar niet met FCKeditor, welke wij overal hebben geïmplementeerd. Daarom hebben we Autosave aangepast zodat deze samen werkt met FCKeditor.

Onder de motorkap

FCKeditor gaat op zoek naar een textarea object in een webpagina en maakt dit onzichtbaar. Hier plaatst FCKeditor een iframe waar een wordt pagina geladen met hierin de FCKeditor. Zodra het formulier verstuurd wordt zal FCKeditor de inhoud uit de FCKeditor weer terug kopieren naar het textarea. Hierdoor wordt het formulier eigenlijk weer verstuurd alsof de editor alle tekst in het textarea getypt heeft en er nooit een FCKeditor gebruikt is. Wat de aangepaste Autosave module doet is dat het gebruik maakt van de functionaliteit om de FCKeditor inhoud naar het textarea te kopieren. De uiteindelijke aanpassing aan FCKeditor en Autosave is dus eigenlijk vrij beperkt.

Installatie

De attachment bevat de Autosave module die ook op de Drupal website te vinden is maar dan aangepast voor FCKeditor. De installatie van de module is eenvoudig:

  1. Plaats de module in de modules directory en enable de module
  2. De module is nu meteen actief. In de siteconfiguration is een pagina toegevoegd, waar de autosave interval periode ingesteld kan worden.
  3. Per content type kan de Autosave feature ingeschakeld worden
Klik op een schermafbeelding voor een vergroting
1 bijlage(n)
autosave_5.x-1.0-dev.rar (15.99 KB)

5 bezoekers hadden een reactie

  • 1. Door Paul Moers 29 Apr, 2008 | ajaxPost plugin

    Een autosafe functie voor de FCKeditor bestaat ook als uitbreiding op mijn ajaxPost plugin, zie http://www.saulmade.nl/FCKeditor/FCKPlugins.php en http://www.saulmade.nl/FCKeditor/FCKPlugins.php. Is alleen niet meteen inzetbaar in Drupal...

  • 2. Door Johnny 29 Apr, 2008 | ziet er interessant uit. wij

    ziet er interessant uit. wij hebben van u al de image manager voor FCKeditor gebruikt dus deze plugin zullen wij ook zeker eens uitproberen (en waarschijnlijk proberen te gebruiken met Drupal).

  • 3. Door Paul Moers 29 Apr, 2008 | freelance hulp

    Mocht je een handje hulp kunnen gebruiken, ik ben ook freelancer ;)

  • 4. Door Albert 05 Jun, 2008 | Netjes

    Wij gebruiken zowel TinyMCE als FCKeditor en zijn er nog niet over uit welke de betere is.

    Over het algemeen wil je de meeste knoppen die ze beiden bieden toch uitzetten omdat ze weinig meerwaarde hebben of juist de potentie om een opmaak te vernaggelen. In TinyMCE is dit gemakkelijk per knop in te stellen.

  • 5. Door Johnny 06 Jun, 2008 | In TinyMCE is dit inderdaad

    In TinyMCE is dit inderdaad wat makkelijker via de interface te regelen.

    Voor FCKeditor kan je in de code standaard een selectie van knoppen maken en dan kan je via de interface kiezen tussen de selecties die je gemaakt hebt.

    Maar een systeem zoals bij TinyMCE valt natuurlijk ook voor FCKeditor te bouwen.

  • Post new comment

    The content of this field is kept private and will not be shown publicly.
    • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <h1> <h2> <h3><br><br/> <p>
    • Lines and paragraphs break automatically.
    • Web page addresses and e-mail addresses turn into links automatically.

    Geïnteresseerd?

    Contact

    Vertel ons vrijblijvend over uw project en ontvang van ons een review of een voorstel

    byelex-black.png

    Byelex is een website en software ontwikkelaar met een passie voor het ambacht. Waarden als kwaliteit, gebruiksgemak en value-for-money staan bij Byelex hoog in het vaandel. De afgelopen 15 jaar heeft Byelex een schat van ervaring opgebouwd op het gebied van software ontwikkeling, bedrijfsprocessen, grafisch design en content management welke allemaal effectief voor klanten worden ingezet.

    Drupal Association Organizational Member
    Byelex ontwikkelt in het populaire open-source CMS Drupal. Een grote gemeenschap draagt inmiddels bij aan de ontwikkeling van Drupal en daar profiteert u van mee. Het is ook goed om te weten dat er ook 'grote jongens' zijn die Drupal gebruiken, zoals NASA, Amnesty International en AOL.

    Partners

    partner-dell.png
    partner-bridgizz.png