Schönschreibwortwerker
Aus OffenesProjekt
DL (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „Einen einfachen Wortwerker (Editor) erhält man durch das HTML-Ding <textarea> mein Wortlaut </textarea> in Betrieb:<br> <HTML> <textarea style=width:300px;heig…“) |
DL (Diskussion | Beiträge) |
||
| Zeile 10: | Zeile 10: | ||
<HTML> | <HTML> | ||
Demo 4a : beliebig viele NicEditoren dank getElementsByName und floatingPanel</title> | Demo 4a : beliebig viele NicEditoren dank getElementsByName und floatingPanel</title> | ||
| - | <script src='http://nicedit.de/Dateien/de/NicEdit/nicEdit.js' type='text/javascript'></script> | + | <!--script src='http://nicedit.de/Dateien/de/NicEdit/nicEdit.js' type='text/javascript'></script> |
| + | --> | ||
<script type='text/javascript'> | <script type='text/javascript'> | ||
| + | alert(1818); | ||
bkLib.onDomLoaded(function() { var myNicEditor = new nicEditor({ | bkLib.onDomLoaded(function() { var myNicEditor = new nicEditor({ | ||
fullPanel : true, | fullPanel : true, | ||
| Zeile 40: | Zeile 42: | ||
<p>Mit <a href=http://dev.w3.org/html5/spec/Overview.html target=html5 style=color:#04d>HTML5 </a> und <a href=http://nicedit.com target=nicedit style=color:#04d>NicEdit </a> von <a href=http://bkirchoff.com target=kirchoff style=color:#04d>Brian Kirchoff</a> kannst Du nicht | <p>Mit <a href=http://dev.w3.org/html5/spec/Overview.html target=html5 style=color:#04d>HTML5 </a> und <a href=http://nicedit.com target=nicedit style=color:#04d>NicEdit </a> von <a href=http://bkirchoff.com target=kirchoff style=color:#04d>Brian Kirchoff</a> 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.<p>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. | 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.<p>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. | ||
| - | + | <br> | |
<p name=aendereMich id=Absatz2><b><i>Diesen Absatz hier</i></b> kann man ändern – <b><i>geil, gell?</i></b> Versuchsweise mal draufklicken! Oder mit TAB und Tasten versuchen: Groß-Pfeiltasten zum Auswählen, Strg-B für fett usw. <br> | <p name=aendereMich id=Absatz2><b><i>Diesen Absatz hier</i></b> kann man ändern – <b><i>geil, gell?</i></b> Versuchsweise mal draufklicken! Oder mit TAB und Tasten versuchen: Groß-Pfeiltasten zum Auswählen, Strg-B für fett usw. <br> | ||
Die Auswahl zum Ändern erfolgt über seinen Namen: <span style=font-family:courier;color:#888><DIV name='aendereMich' id='Flaeche1'> ... </DIV> </span>. | Die Auswahl zum Ändern erfolgt über seinen Namen: <span style=font-family:courier;color:#888><DIV name='aendereMich' id='Flaeche1'> ... </DIV> </span>. | ||
Aktuelle Version vom 28. Januar 2012, 00:14 Uhr
Einen einfachen Wortwerker (Editor) erhält man durch das HTML-Ding
<textarea> mein Wortlaut </textarea>
in Betrieb:
Einen schöneren Wortwerker erhält man durch 50 k JavaScript:
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
