Netzwerkstatt.de
  – hier wird geschraubt

 


Willkommen

Werkstatt

JavaScript

jQuery

NicEdit

Ereignisse

Dingsen

Js und Css

Tiddlywiki

Uhr

CSS

Bilderrahmen

Farbmeister

Silbentrennung

Inhalteverwaltung (CMS)

GD2

Fachwörter / Glossar

Meister

Sozialmathe

Herausgeber


 
 
 
 
 
 Demo 4a : beliebig viele NicEditoren dank getElementsByName und floatingPanel

HTML5 und NicEdit in der rauhen Wirklichkeit

Mit HTML5 und NicEdit von Brian Kirchoff kannst Du nicht nur in Ändernflächen vom HTML-Typ TEXTAREA ändern, sondern auch in DIVs und einfachen Absätzen. Diese haben einen ganz beachtlichen Vorteil: Sie können die gewohnten Auszeichnungen (Schriftgröße, -farbe usw.) darstellen, was die Textarea-Ändernfläche eher nicht kann.

Die Ändern-Wirkweisen werden vom Betriebssystem über den HTML5-Stöberer bereitgestellt, deshalb gehen 'alles auswählen', 'rückgängig'/'erneut' ('undo' / 'redo') sowie Ziehen & Ablegen (drag and drop). Etwas verlaust (buggy) sind manche Bereiche, aber für die meisten Dinge wird dieser Wortwerker gut brauchbar sein.

Diesen Absatz hier kann man ändern – geil, gell? Versuchsweise mal draufklicken! Oder mit TAB und Tasten versuchen: Groß-Pfeiltasten zum Auswählen, Strg-B für fett usw.
Die Auswahl zum Ändern erfolgt über seinen Namen: <DIV name='aendereMich' id='Flaeche1'> ... </DIV> .
Getestet habe ich auf:
– Feuerfux
– Safari
– Chrome
– iCab
– Opera


Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1 Text 1
– – ÄNDERE MICH – – : Wortlaut zwei dick und fett-ett-et küürsiiiv und schräg Wortlaut zwei Wortlaut zwei Wortlaut zwei Wortlaut zwei Wortlaut zwei Wortlaut zwei Wortlaut zwei Wortlaut zwei Wortlaut zwei Wortlaut zwei Wortlaut zwei Wortlaut zwei Wortlaut zwei Wortlaut zwei Wortlaut zwei Wortlaut zwei Wortlaut zwei Wortlaut zwei Wortlaut zwei
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed magna dolor, faucibus ac, iaculis non, cursus et, dui. Donec non urna. Aliquam volutpat ornare augue. Phasellus egestas, nisl fermentum porttitor rutrum, magna metus rutrum risus, id fringilla magna mi nec lorem. Etiam eget metus sed justo ultricies rhoncus. Praesent rhoncus arcu non dolor. Proin eu eros. Curabitur vehicula. Nulla vehicula lectus eget eros. Nulla vel nulla at dui dictum mollis. Etiam purus felis, pretium vel, eleifend id, consectetuer nec, purus. Vivamus pretium orci ac sapien. Etiam at tortor. Nunc tincidunt mi sed sapien. Etiam lacus pede, fermentum eu, blandit ac, congue eget, metus. Quisque sed sem. Mauris at sapien. Ut luctus.

Inline Span

Lora lallt langsam: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed magna dolor, faucibus ac, iaculis non, cursus et, dui. Donec non urna. Aliquam volutpat ornare augue. Phasellus egestas, nisl fermentum porttitor rutrum, magna metus rutrum risus, id fringilla magna mi nec lorem. Etiam eget metus sed justo ultricies rhoncus. Praesent rhoncus arcu non dolor. Proin eu eros. Curabitur vehicula. Nulla vehicula lectus eget eros. Nulla vel nulla at dui dictum mollis. Etiam purus felis, pretium vel, eleifend id, consectetuer nec, purus. Vivamus pretium orci ac sapien. Etiam at tortor. Nunc tincidunt mi sed sapien. Etiam lacus pede, fermentum eu, blandit ac, congue eget, metus. Quisque sed sem. Mauris at sapien. Ut luctus.

Bekannte Fehler

-- Wenn NicEdit mit   myNicEditor.floatingPanel();   angesteuert wird, geht zwar das Bäumchen-wechsel-Dich bestens, aber es gehen nicht:
    -- die Tastenkürzel, z.B. Strg-B für fett usw.
    -- Und auch mit Klicken werden die Kennungen für fett usw. nicht richtig eingetragen.
    Auf http://nicedit.com/demos.php?demo=4 hingegen, ohne floatingPanel(), geht das.
    -- Die Stile kaskadieren nicht, sondern löschen einander aus.