SlideShare ist ein Scribd-Unternehmen logo
Aloha editor contenteditable useable
Aloha editor contenteditable useable
more than 200 billion content pages*
* http://royal.pingdom.com/2010/01/22/internet-2009-in-numbers/ says 234 million websites per 1000 pages per site
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
sm art guy
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
No Markup!
No reload!
No iframe!
No menu rubbish!
No browser crap!
just edit
just edit




            ✓click and edit everywhere in the website
            ✓see what you do when you do it
            ✓drag & drop Images
just edit




            ✓cross browser xHTML 5 Markup
            ✓easy to integrate in any App
            ✓edit floating text around non editables
                                             and a lot more
Aloha editor contenteditable useable
■ defined formattings are stored in HTML Markup.

■ HTML5 (if browser does not support 4.01 compatible)




■ any produced content has to be   xhtml1.1 compatible

■ Plugins do everything(!), the core is small

■ All characters and languages are supported

■ any state of the cursor or selection is defined

■ any function and the output are predictable
Formattings                                          Lists
                                                             All HTML Elements from HTML 5 Chapter. 4.5, 4.6,     Listen und Aufzählungen sollen wie bei Word
                                                             4.7. The implementation has to be 'HTML 4.01'        funktionieren.
                                                             Kap. 9, 10, 12 compatible.                           ■   Aufzählung (ol)
                                                                                                                  ■   Unsortiert (ul)
                                                             Formats
                                                             ■   Überschriften (h1-h6)
                                                                                                                  Tables
    Cursor navigation and Selection                          ■   feste Schriftbreite und unformatiert (pre)       Ganz einfache Tabellen sollen machbar sein. (siehe
                                                             ■   Titel einer Arbeit, Buch, Theater, etc. (cite)   mindmap)
Navigation and selection as well as all formatting options
                                                             ■   Zitatabsatz (blockquote)
should behave like the common office suites.. "MS Word
                                                             ■   Zitatsatz (q)
shortcuts" Alle shortcuts have to be customizable and        ■   Kursiv (i)
internationalizable.                                         ■   Fett (b)
                                                             ■   Abkürzungen (abbr)
                                                             ■   Programmcode (code)
Writing in paragraphes                                       ■   Hoch- und Tiefstellen (sub/sup)
                                                             ■   Durchgestrichen (span class=gtx-line-through)
 ■ [Enter]
produces a paragraph (p)
 ■ Shift+Enter
produces a line break (br)                        Link (a)
 ■ Strg+Enter                                     If you enter a link the Aloha recognizes the link and may
produces a line divider (hr)                      suggest the user link name as teh title of the link target.
Copy / Paste
In einem Fließtextfeld kann mittels Paste Inhalt eingefügt werden. Der eingefügt Inhalt soll so gut wie   Search and replace
möglich verstanden und umgesetzt werden. Plugins sollen die Inhalte verarbeiten können. So soll           Der Shortcut Strg + F (andere Möglichkeiten von Word checken, wie z.B. Strg + H) öffnet die Suchen
z.B. eine kopierte Tabelle aus Excel automatisch als Tabelle eingefügt werden. Falls ein Link             & Ersetzen Panel im Sidebar, und setzt den Focus auf das Suchfeld. Mit der Enter-Taste wird die
eingefügt wird soll ähnlich wie bei Facebook Zusatzinformationen angezeigt werden können.                 Suche abgesetzt, und das erste Suchergebnis markiert (Range). Mit jedem weiteren Druck auf die
                                                                                                          Enter-Taste oder den Suchen Button wird das nächste Vorkommen markiert. Die Suche verläuft über
An jeder Stelle sollen Blöcke kopiert werden können und an einer anderen beliebigen Stelle wieder
                                                                                                          die aktive Textbox, und ist nicht verfügbar, wenn keine Textbox aktiviert ist.
eingefügt werden können.
                                                                                                          Das Ersetzen-Feld ermöglicht einen Text zu definieren, gegen den der Suchbegriff ersetzt wird.
                                                                                                          Leertext ist erlaubt. Es gibt die Möglichkeit global oder schrittweise zu ersetzen.
Undo / Redo                                                                                               Eine mögliche Ausbaustufe der Suchfunktion ist die Suche analog zu Safari/Chrome zu gestalten,
Durchgeführte Bearbeitungsschritte können Rückgängig gemacht werden. In diesem
                                                                                                          also alle gefundenen Begriffe bei Absetzen der Suche zu markieren, den obersten besonders hervor
Zusammenhang ist zu prüfen, ob die browserseitigen Undo-Funktionalitäten alle Anwendungsfälle
                                                                                                          zu heben, und bei weiterer Betätigung des Suchen-Buttons nachfolgend alle Ergebnisse durch
abdecken, die gewünscht werden. Insbesondere bei Bearbeitungsschritten, wie dem Verändern von
                                                                                                          besondere Hervorhebung zu kennzeichnen.
Bildgrößen (also serverseitigem Resizing) kann es zu unvorhergesehenen Ergebnissen kommen,
wenn ausschließlich die Undo-Funktion des Browsers verwendet wird.
                                                                                                          Spelling
                                                                                                          Für das Bearbeiten von Inhalten - egal ob im "Live"-Modus oder als Formular - können
                                                                                                          verpflichtende Blöcke definiert werden, die mit einer Regular Expression und dazu passender,
                                                                                                          internationalisierter Fehlermeldung versehen werden. Der Editor verhindert bei inkorrekt ausgefüllten
                                                                                                          Inhalten die Veröffentlichung des Inhaltes, und signalisiert den Fehler über die Message line.
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
Aloha editor contenteditable useable
on
                                                                        so
                                                              ila ble
                                                       a va
                                               B eta

Thanks.                         http://gentics.com
http://twitter.com/draftkraft

Weitere ähnliche Inhalte

Andere mochten auch

El Ladrillo Y Sus Aplicaciones 2
El Ladrillo Y Sus Aplicaciones 2El Ladrillo Y Sus Aplicaciones 2
El Ladrillo Y Sus Aplicaciones 2
clarasalvador
 
CAJAS_FUERTES_EN_1609
CAJAS_FUERTES_EN_1609CAJAS_FUERTES_EN_1609
CAJAS_FUERTES_EN_1609
Chema Porta
 
Historia
HistoriaHistoria
Historia
Gema
 
San Valentin
San ValentinSan Valentin
San Valentin
lizethinojosa
 
Ein Buch für Wolli
Ein Buch für WolliEin Buch für Wolli
Ein Buch für Wolli
Yhuwer
 
Plan tic20 2010 2011
Plan tic20 2010 2011Plan tic20 2010 2011
Plan tic20 2010 2011
diegopc69
 
Pdf717
Pdf717Pdf717
trabajo sobre el tabaco
trabajo sobre el tabacotrabajo sobre el tabaco
trabajo sobre el tabaco
Gema
 
Diapositivas Tema 3
Diapositivas Tema 3Diapositivas Tema 3
Diapositivas Tema 3
angelablanca
 
Responsabilidad Periodismo Participativo[1]
Responsabilidad Periodismo Participativo[1]Responsabilidad Periodismo Participativo[1]
Responsabilidad Periodismo Participativo[1]
guestadb82b5
 
2º bac tutores 11_12
2º bac tutores 11_122º bac tutores 11_12
Atomos Y Moleculas
Atomos Y MoleculasAtomos Y Moleculas
Atomos Y Moleculas
Paola Elizabeth
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
mia
 
Deutschmobil 2 -Lektion 11
Deutschmobil 2 -Lektion 11Deutschmobil 2 -Lektion 11
Deutschmobil 2 -Lektion 11
Deutsche Schule Concepción - Chile
 

Andere mochten auch (19)

El Ladrillo Y Sus Aplicaciones 2
El Ladrillo Y Sus Aplicaciones 2El Ladrillo Y Sus Aplicaciones 2
El Ladrillo Y Sus Aplicaciones 2
 
CAJAS_FUERTES_EN_1609
CAJAS_FUERTES_EN_1609CAJAS_FUERTES_EN_1609
CAJAS_FUERTES_EN_1609
 
Historia
HistoriaHistoria
Historia
 
San Valentin
San ValentinSan Valentin
San Valentin
 
Rosario
RosarioRosario
Rosario
 
Ein Buch für Wolli
Ein Buch für WolliEin Buch für Wolli
Ein Buch für Wolli
 
youtube?
youtube?youtube?
youtube?
 
SeminarWissen
SeminarWissenSeminarWissen
SeminarWissen
 
Ihre zukunft
Ihre zukunftIhre zukunft
Ihre zukunft
 
Trucages
TrucagesTrucages
Trucages
 
Plan tic20 2010 2011
Plan tic20 2010 2011Plan tic20 2010 2011
Plan tic20 2010 2011
 
Pdf717
Pdf717Pdf717
Pdf717
 
trabajo sobre el tabaco
trabajo sobre el tabacotrabajo sobre el tabaco
trabajo sobre el tabaco
 
Diapositivas Tema 3
Diapositivas Tema 3Diapositivas Tema 3
Diapositivas Tema 3
 
Responsabilidad Periodismo Participativo[1]
Responsabilidad Periodismo Participativo[1]Responsabilidad Periodismo Participativo[1]
Responsabilidad Periodismo Participativo[1]
 
2º bac tutores 11_12
2º bac tutores 11_122º bac tutores 11_12
2º bac tutores 11_12
 
Atomos Y Moleculas
Atomos Y MoleculasAtomos Y Moleculas
Atomos Y Moleculas
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Deutschmobil 2 -Lektion 11
Deutschmobil 2 -Lektion 11Deutschmobil 2 -Lektion 11
Deutschmobil 2 -Lektion 11
 

Ähnlich wie Aloha editor contenteditable useable

A fool with a tool
A fool with a toolA fool with a tool
A fool with a tool
Markus Uhl
 
Was Sie schon immer über barrierefreie PDFs wissen wollten
Was Sie schon immer über barrierefreie PDFs wissen wolltenWas Sie schon immer über barrierefreie PDFs wissen wollten
Was Sie schon immer über barrierefreie PDFs wissen wollten
Markus Erle
 
15 DocPublisher - Anpassung Aussehen und Funktionen
15 DocPublisher - Anpassung Aussehen und Funktionen15 DocPublisher - Anpassung Aussehen und Funktionen
15 DocPublisher - Anpassung Aussehen und Funktionen
Notes IT
 
ORCA AVA 22 - Neue Features
ORCA AVA 22 - Neue FeaturesORCA AVA 22 - Neue Features
ORCA AVA 22 - Neue Features
ORCA Software GmbH
 
Werde Übersetzer! Werde Translation Editor!
Werde Übersetzer!  Werde Translation Editor!Werde Übersetzer!  Werde Translation Editor!
Werde Übersetzer! Werde Translation Editor!
Torsten Landsiedel
 
Barrierefreie PDF - Diesseits und Jenseits von Tags und Co.
Barrierefreie PDF - Diesseits und Jenseits von Tags und Co.Barrierefreie PDF - Diesseits und Jenseits von Tags und Co.
Barrierefreie PDF - Diesseits und Jenseits von Tags und Co.
Kerstin Probiesch
 
Internationalization by dominik-jais
Internationalization by dominik-jaisInternationalization by dominik-jais
Internationalization by dominik-jais
Dominik
 
SharePoint Gotcha - 10 Besonderheiten, die man als SharePoint Anwender kennen...
SharePoint Gotcha - 10 Besonderheiten, die man als SharePoint Anwender kennen...SharePoint Gotcha - 10 Besonderheiten, die man als SharePoint Anwender kennen...
SharePoint Gotcha - 10 Besonderheiten, die man als SharePoint Anwender kennen...
busitec GmbH
 
Fernkurs Webmaster HTML und CSS Studienheft
Fernkurs Webmaster HTML und CSS StudienheftFernkurs Webmaster HTML und CSS Studienheft
Fernkurs Webmaster HTML und CSS Studienheft
Vorname Nachname
 
Neuerungen in TYPO3 6.0
Neuerungen in TYPO3 6.0Neuerungen in TYPO3 6.0
Neuerungen in TYPO3 6.0
Wolfgang Wagner
 
Barrierefreie Webseiten
Barrierefreie WebseitenBarrierefreie Webseiten
Barrierefreie Webseiten
drubb
 
WebTech 2009: Best Practices in JavaScript und CSS (kommentiert)
WebTech 2009: Best Practices in JavaScript und CSS (kommentiert)WebTech 2009: Best Practices in JavaScript und CSS (kommentiert)
WebTech 2009: Best Practices in JavaScript und CSS (kommentiert)
Nicolai Schwarz
 
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
Karionis
 
WordPress vs. TYPO3
WordPress vs. TYPO3WordPress vs. TYPO3
WordPress vs. TYPO3
webpard UG
 
Einführung XHTML CSS JS // MM 08-11
Einführung XHTML CSS JS // MM 08-11Einführung XHTML CSS JS // MM 08-11
Einführung XHTML CSS JS // MM 08-11
Noël Bossart
 
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignThe Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
Peter Rozek
 
Java und Go im Vergleich
Java und Go im VergleichJava und Go im Vergleich
Java und Go im Vergleich
QAware GmbH
 
C Sharp Einfuehrung Teil 1
C Sharp Einfuehrung Teil 1C Sharp Einfuehrung Teil 1
C Sharp Einfuehrung Teil 1
DraphonyGames
 
Domänenspezifische Sprachen für Ausführbare Spezifikationen
Domänenspezifische Sprachen für Ausführbare SpezifikationenDomänenspezifische Sprachen für Ausführbare Spezifikationen
Domänenspezifische Sprachen für Ausführbare Spezifikationen
Jens Nerche
 

Ähnlich wie Aloha editor contenteditable useable (20)

A fool with a tool
A fool with a toolA fool with a tool
A fool with a tool
 
Was Sie schon immer über barrierefreie PDFs wissen wollten
Was Sie schon immer über barrierefreie PDFs wissen wolltenWas Sie schon immer über barrierefreie PDFs wissen wollten
Was Sie schon immer über barrierefreie PDFs wissen wollten
 
15 DocPublisher - Anpassung Aussehen und Funktionen
15 DocPublisher - Anpassung Aussehen und Funktionen15 DocPublisher - Anpassung Aussehen und Funktionen
15 DocPublisher - Anpassung Aussehen und Funktionen
 
ORCA AVA 22 - Neue Features
ORCA AVA 22 - Neue FeaturesORCA AVA 22 - Neue Features
ORCA AVA 22 - Neue Features
 
Werde Übersetzer! Werde Translation Editor!
Werde Übersetzer!  Werde Translation Editor!Werde Übersetzer!  Werde Translation Editor!
Werde Übersetzer! Werde Translation Editor!
 
Barrierefreie PDF - Diesseits und Jenseits von Tags und Co.
Barrierefreie PDF - Diesseits und Jenseits von Tags und Co.Barrierefreie PDF - Diesseits und Jenseits von Tags und Co.
Barrierefreie PDF - Diesseits und Jenseits von Tags und Co.
 
Internationalization by dominik-jais
Internationalization by dominik-jaisInternationalization by dominik-jais
Internationalization by dominik-jais
 
SharePoint Gotcha - 10 Besonderheiten, die man als SharePoint Anwender kennen...
SharePoint Gotcha - 10 Besonderheiten, die man als SharePoint Anwender kennen...SharePoint Gotcha - 10 Besonderheiten, die man als SharePoint Anwender kennen...
SharePoint Gotcha - 10 Besonderheiten, die man als SharePoint Anwender kennen...
 
Haxe
HaxeHaxe
Haxe
 
Fernkurs Webmaster HTML und CSS Studienheft
Fernkurs Webmaster HTML und CSS StudienheftFernkurs Webmaster HTML und CSS Studienheft
Fernkurs Webmaster HTML und CSS Studienheft
 
Neuerungen in TYPO3 6.0
Neuerungen in TYPO3 6.0Neuerungen in TYPO3 6.0
Neuerungen in TYPO3 6.0
 
Barrierefreie Webseiten
Barrierefreie WebseitenBarrierefreie Webseiten
Barrierefreie Webseiten
 
WebTech 2009: Best Practices in JavaScript und CSS (kommentiert)
WebTech 2009: Best Practices in JavaScript und CSS (kommentiert)WebTech 2009: Best Practices in JavaScript und CSS (kommentiert)
WebTech 2009: Best Practices in JavaScript und CSS (kommentiert)
 
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
 
WordPress vs. TYPO3
WordPress vs. TYPO3WordPress vs. TYPO3
WordPress vs. TYPO3
 
Einführung XHTML CSS JS // MM 08-11
Einführung XHTML CSS JS // MM 08-11Einführung XHTML CSS JS // MM 08-11
Einführung XHTML CSS JS // MM 08-11
 
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignThe Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
 
Java und Go im Vergleich
Java und Go im VergleichJava und Go im Vergleich
Java und Go im Vergleich
 
C Sharp Einfuehrung Teil 1
C Sharp Einfuehrung Teil 1C Sharp Einfuehrung Teil 1
C Sharp Einfuehrung Teil 1
 
Domänenspezifische Sprachen für Ausführbare Spezifikationen
Domänenspezifische Sprachen für Ausführbare SpezifikationenDomänenspezifische Sprachen für Ausführbare Spezifikationen
Domänenspezifische Sprachen für Ausführbare Spezifikationen
 

Mehr von Haymo Meran

intranet video uni krems
intranet video uni kremsintranet video uni krems
intranet video uni krems
Haymo Meran
 
Aloha Editor and Aloha Wikidocs
Aloha Editor and Aloha Wikidocs Aloha Editor and Aloha Wikidocs
Aloha Editor and Aloha Wikidocs
Haymo Meran
 
Gentics Content.Node Black Panther
Gentics Content.Node Black PantherGentics Content.Node Black Panther
Gentics Content.Node Black Panther
Haymo Meran
 
Aloha editor typo3 San Francisco
Aloha editor typo3 San FranciscoAloha editor typo3 San Francisco
Aloha editor typo3 San Francisco
Haymo Meran
 
Aloha editor alpine drupalcamp
Aloha editor alpine drupalcampAloha editor alpine drupalcamp
Aloha editor alpine drupalcamp
Haymo Meran
 
Aloha editor ossbig
Aloha editor ossbigAloha editor ossbig
Aloha editor ossbig
Haymo Meran
 
Aloha editor keynote san francisco
Aloha editor keynote san franciscoAloha editor keynote san francisco
Aloha editor keynote san francisco
Haymo Meran
 
Aloha editor jQuery conf
Aloha editor jQuery confAloha editor jQuery conf
Aloha editor jQuery conf
Haymo Meran
 
Aloha Editor DevCon 2011 Vienna keynote
Aloha Editor DevCon 2011 Vienna keynote Aloha Editor DevCon 2011 Vienna keynote
Aloha Editor DevCon 2011 Vienna keynote
Haymo Meran
 
Social media @ neuwaldegg.at/dmv10
Social media @ neuwaldegg.at/dmv10Social media @ neuwaldegg.at/dmv10
Social media @ neuwaldegg.at/dmv10
Haymo Meran
 
Aloha Editor semantic concept
Aloha Editor semantic conceptAloha Editor semantic concept
Aloha Editor semantic concept
Haymo Meran
 
E2 wine and cheese
E2 wine and cheeseE2 wine and cheese
E2 wine and cheese
Haymo Meran
 
Facebook marketing potential
Facebook marketing potentialFacebook marketing potential
Facebook marketing potential
Haymo Meran
 
Enterprise2punkt0
Enterprise2punkt0Enterprise2punkt0
Enterprise2punkt0
Haymo Meran
 
Enterprise 2.0 Realtime V4
Enterprise 2.0   Realtime V4Enterprise 2.0   Realtime V4
Enterprise 2.0 Realtime V4
Haymo Meran
 
Triff Markus Was Ist Enterprise20
Triff Markus Was Ist Enterprise20Triff Markus Was Ist Enterprise20
Triff Markus Was Ist Enterprise20
Haymo Meran
 
Networking on e-day
Networking on e-dayNetworking on e-day
Networking on e-day
Haymo Meran
 
Enterprise 2.0 portal
Enterprise 2.0 portalEnterprise 2.0 portal
Enterprise 2.0 portal
Haymo Meran
 
E20 Keynote
E20   KeynoteE20   Keynote
E20 Keynote
Haymo Meran
 

Mehr von Haymo Meran (20)

intranet video uni krems
intranet video uni kremsintranet video uni krems
intranet video uni krems
 
Aloha Editor and Aloha Wikidocs
Aloha Editor and Aloha Wikidocs Aloha Editor and Aloha Wikidocs
Aloha Editor and Aloha Wikidocs
 
social media
social mediasocial media
social media
 
Gentics Content.Node Black Panther
Gentics Content.Node Black PantherGentics Content.Node Black Panther
Gentics Content.Node Black Panther
 
Aloha editor typo3 San Francisco
Aloha editor typo3 San FranciscoAloha editor typo3 San Francisco
Aloha editor typo3 San Francisco
 
Aloha editor alpine drupalcamp
Aloha editor alpine drupalcampAloha editor alpine drupalcamp
Aloha editor alpine drupalcamp
 
Aloha editor ossbig
Aloha editor ossbigAloha editor ossbig
Aloha editor ossbig
 
Aloha editor keynote san francisco
Aloha editor keynote san franciscoAloha editor keynote san francisco
Aloha editor keynote san francisco
 
Aloha editor jQuery conf
Aloha editor jQuery confAloha editor jQuery conf
Aloha editor jQuery conf
 
Aloha Editor DevCon 2011 Vienna keynote
Aloha Editor DevCon 2011 Vienna keynote Aloha Editor DevCon 2011 Vienna keynote
Aloha Editor DevCon 2011 Vienna keynote
 
Social media @ neuwaldegg.at/dmv10
Social media @ neuwaldegg.at/dmv10Social media @ neuwaldegg.at/dmv10
Social media @ neuwaldegg.at/dmv10
 
Aloha Editor semantic concept
Aloha Editor semantic conceptAloha Editor semantic concept
Aloha Editor semantic concept
 
E2 wine and cheese
E2 wine and cheeseE2 wine and cheese
E2 wine and cheese
 
Facebook marketing potential
Facebook marketing potentialFacebook marketing potential
Facebook marketing potential
 
Enterprise2punkt0
Enterprise2punkt0Enterprise2punkt0
Enterprise2punkt0
 
Enterprise 2.0 Realtime V4
Enterprise 2.0   Realtime V4Enterprise 2.0   Realtime V4
Enterprise 2.0 Realtime V4
 
Triff Markus Was Ist Enterprise20
Triff Markus Was Ist Enterprise20Triff Markus Was Ist Enterprise20
Triff Markus Was Ist Enterprise20
 
Networking on e-day
Networking on e-dayNetworking on e-day
Networking on e-day
 
Enterprise 2.0 portal
Enterprise 2.0 portalEnterprise 2.0 portal
Enterprise 2.0 portal
 
E20 Keynote
E20   KeynoteE20   Keynote
E20 Keynote
 

Aloha editor contenteditable useable

  • 3. more than 200 billion content pages* * http://royal.pingdom.com/2010/01/22/internet-2009-in-numbers/ says 234 million websites per 1000 pages per site
  • 28. just edit ✓click and edit everywhere in the website ✓see what you do when you do it ✓drag & drop Images
  • 29. just edit ✓cross browser xHTML 5 Markup ✓easy to integrate in any App ✓edit floating text around non editables and a lot more
  • 31. ■ defined formattings are stored in HTML Markup. ■ HTML5 (if browser does not support 4.01 compatible) ■ any produced content has to be xhtml1.1 compatible ■ Plugins do everything(!), the core is small ■ All characters and languages are supported ■ any state of the cursor or selection is defined ■ any function and the output are predictable
  • 32. Formattings Lists All HTML Elements from HTML 5 Chapter. 4.5, 4.6, Listen und Aufzählungen sollen wie bei Word 4.7. The implementation has to be 'HTML 4.01' funktionieren. Kap. 9, 10, 12 compatible. ■ Aufzählung (ol) ■ Unsortiert (ul) Formats ■ Überschriften (h1-h6) Tables Cursor navigation and Selection ■ feste Schriftbreite und unformatiert (pre) Ganz einfache Tabellen sollen machbar sein. (siehe ■ Titel einer Arbeit, Buch, Theater, etc. (cite) mindmap) Navigation and selection as well as all formatting options ■ Zitatabsatz (blockquote) should behave like the common office suites.. "MS Word ■ Zitatsatz (q) shortcuts" Alle shortcuts have to be customizable and ■ Kursiv (i) internationalizable. ■ Fett (b) ■ Abkürzungen (abbr) ■ Programmcode (code) Writing in paragraphes ■ Hoch- und Tiefstellen (sub/sup) ■ Durchgestrichen (span class=gtx-line-through) ■ [Enter] produces a paragraph (p) ■ Shift+Enter produces a line break (br) Link (a) ■ Strg+Enter If you enter a link the Aloha recognizes the link and may produces a line divider (hr) suggest the user link name as teh title of the link target.
  • 33. Copy / Paste In einem Fließtextfeld kann mittels Paste Inhalt eingefügt werden. Der eingefügt Inhalt soll so gut wie Search and replace möglich verstanden und umgesetzt werden. Plugins sollen die Inhalte verarbeiten können. So soll Der Shortcut Strg + F (andere Möglichkeiten von Word checken, wie z.B. Strg + H) öffnet die Suchen z.B. eine kopierte Tabelle aus Excel automatisch als Tabelle eingefügt werden. Falls ein Link & Ersetzen Panel im Sidebar, und setzt den Focus auf das Suchfeld. Mit der Enter-Taste wird die eingefügt wird soll ähnlich wie bei Facebook Zusatzinformationen angezeigt werden können. Suche abgesetzt, und das erste Suchergebnis markiert (Range). Mit jedem weiteren Druck auf die Enter-Taste oder den Suchen Button wird das nächste Vorkommen markiert. Die Suche verläuft über An jeder Stelle sollen Blöcke kopiert werden können und an einer anderen beliebigen Stelle wieder die aktive Textbox, und ist nicht verfügbar, wenn keine Textbox aktiviert ist. eingefügt werden können. Das Ersetzen-Feld ermöglicht einen Text zu definieren, gegen den der Suchbegriff ersetzt wird. Leertext ist erlaubt. Es gibt die Möglichkeit global oder schrittweise zu ersetzen. Undo / Redo Eine mögliche Ausbaustufe der Suchfunktion ist die Suche analog zu Safari/Chrome zu gestalten, Durchgeführte Bearbeitungsschritte können Rückgängig gemacht werden. In diesem also alle gefundenen Begriffe bei Absetzen der Suche zu markieren, den obersten besonders hervor Zusammenhang ist zu prüfen, ob die browserseitigen Undo-Funktionalitäten alle Anwendungsfälle zu heben, und bei weiterer Betätigung des Suchen-Buttons nachfolgend alle Ergebnisse durch abdecken, die gewünscht werden. Insbesondere bei Bearbeitungsschritten, wie dem Verändern von besondere Hervorhebung zu kennzeichnen. Bildgrößen (also serverseitigem Resizing) kann es zu unvorhergesehenen Ergebnissen kommen, wenn ausschließlich die Undo-Funktion des Browsers verwendet wird. Spelling Für das Bearbeiten von Inhalten - egal ob im "Live"-Modus oder als Formular - können verpflichtende Blöcke definiert werden, die mit einer Regular Expression und dazu passender, internationalisierter Fehlermeldung versehen werden. Der Editor verhindert bei inkorrekt ausgefüllten Inhalten die Veröffentlichung des Inhaltes, und signalisiert den Fehler über die Message line.
  • 46. on so ila ble a va B eta Thanks. http://gentics.com http://twitter.com/draftkraft