Guten Morgen «» Willkommen im BennBoard.

20.08.2017, 05:53 Uhr

Herzlich willkommen im BennBoard. Die Inhalte der Seiten, Boxen und Navigation ändern sich je nach Benutzerstatus. Du solltest dich registrieren, um alle Funktionen der Seiten nutzen zu können. Die Registrierung und Benutzung des Boardes ist völlig kostenlos für dich. Lese dir bitte die Board Infos durch, dort wird dir die Bedienung der Seiten näher erläutert. Falls du dich bereits zu einem früheren Zeitpunkt registriert hast, kannst du dich hier anmelden.

Benn

einfach nur Benn

  • »Benn« ist männlich
  • »Benn« ist der Autor dieses Themas

Beiträge: 2 944

Wohnort: Bestensee

Beruf: Rentner

Hobbys: Kekse zersägen

  • Private Nachricht senden

1

20.04.2008, 15:44

Beiträge erstellen .. auf Themen antworten .. neues Thema erstellen .. Umgang mit dem WYSIWYG-Editor / Anleitung deutsch

Werde euch hier zeigen wie einfach es ist auf Beiträge hier im Board zu antworten oder Themen zu erstellen.

Die Bedienung des WYSIWYG-Editor (im folgenden nur noch Editor genannt) ist im Grunde sehr einfach. Es sind nicht immer alle Funktionen verfügbar .. das hängt davon ab, ob Du als .. Gast .. Registrierter Benutzer .. oder .. Moderator .. hier im Board unterwegs bist.

Grundvoraussetzung um mit dem Editor zu arbeiten ist
>> Java Script muss in eurem Browser aktiviert sein <<
ansonsten steht euch nur der "Standard Editor" zur Verfügung.



Fangen wir also an:

die Höhe des Editors kann immer unten Rechts an der kleinen Fensterlasche (kleines gepunktetes Dreieck) individuell eingestellt werden ...

als erste Klicken wir den Button .. Antworten .. oder .. Thema erstellen .. >> je nach dem was Du machen möchtest

dann schreibe deinen Text ... werde jetzt erst einmal aufzeigen was mit dem Text alles angestellt werden kann



um den Text zu verändern oder dem Text einen Link zuzuordnen ist die Vorgehensweise in etwa immer gleich

>> markiere die Textstellen oder den Text welchen Du verändern oder anpassen möchtest

>> klicke auf die Buttons oben in der Editor-Leiste (jeder Button hat eine bestimmte Funktion)

1. URL (Webseitenadressen) einem Text zuordnen ... >> Text markieren >> auf den Button .. Link einfügen .. klicken



>> in der sich öffnenden Box .. URL einfügen .. >> mit .. OK .. bestätigen (das Ergebnis der Einstellungen könnt Ihr dann immer im übernächsten Bild dieser Anleitung sehen)



2. Text in einer Punktierten Liste darstellen oder einen einzelnen eingerückten Punkt setzen

>> Text markieren >> auf den Button .. Liste .. klicken (weitere Listenpunkte werden automatisch eingefügt, wenn am Ende des Textes :: Enter :: gedrückt wird .. zweifaches drücken beendet die Listenpunkt - Darstellung und es geht in einer neuen Zeile mit dem normalen Text weiter)



(Ergebnis im nächsten Bild)

3. Text oder Bilder zentriert darstellen

>> Text oder Bild markieren >> auf den Button .. Zentrieren .. klicken (Ergebnis im übernächsten Bild zu sehen)



4. Text in einer anderen Farbe darstellen

>> markiere den Text >> klicke auf den .. Farbauswahl .. Button

>> wähle die gewünschte Farbe aus



(Ergebnis im nächsten Bild ... den Hinweis mit dem Ergebnis werde ich ab jetzt nicht mehr aufführen)

5. Text in der Größe verändern

>> markiere den Text >> klicke in das Schriftgrößen - Auswahlmenü >> wähle die Größe der Schrift



6. Rückgängig machen der Veränderungen

>> das Ergebnis gefällt Dir nicht? >> falsche Einstellung vorgenommen? >> kein Problem ... klicke den .. Rückgängig .. Button






7. Text Fett darstellen

>> markiere den Text >> klicke den .. Fett .. Button



8. Text in einer Nummerierten Liste darstellen

>> Text markieren >> auf den Button .. Nummerierte Liste .. klicken (weitere Listenpunkte werden automatisch eingefügt, wenn am Ende des Textes :: Enter :: gedrückt wird .. zweifaches drücken beendet die Listenpunkt - Darstellung und es geht in einer neuen Zeile mit dem normalen Text weiter)




9. Bild an einer bestimmten Stelle einfügen (Bild befindet sich irgendwo im I-Net .. kein hier hoch geladenes Bild)

>> klicke an die Stelle, an der das Bild eingefügt werden soll
>> klicke auf den .. Bild einfügen .. Button




>> füge die Adresse des Bildes in die sich öffnenden .. URL - Box .. ein

>> bestätige mit .. OK ..



10. kombinieren der Befehle (anwenden mehrerer Veränderungen an einem Text oder Textteil)

>>markiere den gewünschten Text oder Textabschnitt >> klicke auf die gewünschte Veränderung (hier Anführungszeichen)




>> markiere den veränderten Text erneut >> wähle die nächste gewünschte Veränderung (hier Schriftgröße)



>> markiere den veränderten Text erneut >> wähle die nächste gewünschte Veränderung (hier Schriftfarbe)



nun könnt Ihr das Ergebnis der gesamten Veränderungen an dem Text sehen ...



Kommen wir zum Thema Dateianhänge (Attachments): >> einen Dateianhang in den Beitrag einfügen oder an den Beitrag anhängen

>> klicke auf den Button .. Dateianhänge ..



>> klicke auf den Button .. Durchsuchen .. (Datei auf Deinem Rechner)



>> suche den Dateianhang welchen Du anhängen oder in den Beitrag einarbeiten möchtest auf deinem Rechner
(hier ein Bild) >> markiere die Datei und bestätige mit dem Button .. Öffnen ..



die Datei ist nun zum hochladen vorgemerkt >> bestätige den Vorgang mit dem .. Hochladen .. Button



möchtest Du noch eine Datei einarbeiten oder anhängen >> wiederhole den eben beschriebenen Vorgang



hier in diesem Beispiel soll ein Bild in den Beitrag eingearbeitet werden .. weiterhin soll eine andere Datei angehangen und zum Download bereitgestellt werden (Dateien die zum Download angeboten werden, sollten nicht eingearbeitet werden sondern nur angehangen .. es ist einfach übersichtlicher .. meine Meinung)

>> klicke an die Stelle in dem Beitrag an der die Datei eingefügt werden soll

>> klicke auf den Button .. In den Beitrag einfügen .. der Datei, welche in den Beitrag eingefügt werden soll
(hier das Bild)



nun erscheint an dieser gewünschten Stelle ein "Kürzel" oder auch Code genannt (es gibt für diesen Anhang noch keine Vorschau) Du kannst dann hinter dem "Kürzel" weiterschreiben



sollte nun Dein Beitrag fertig sein, kannst Du dir eine Vorschau des Beitrags anschauen und eventuell Änderungen an diesem vornehmen ... ist alles in Ordnung und er gefällt Dir dann kannst Du den Beitrag abschicken

>> klicke auf den Button .. Absenden ..



im folgenden Bild kann erkannt werden .. wenn auf die angehangene Datei geklickt wird öffnet sich das Download-Fenster des jeweiligen Browsers



im folgenden Bild kann erkannt werden ... wenn auf das eingearbeitete Bild geklickt wird .. öffnet es sich in einem neuen Fenster .. das eingearbeitete Bild wird in einer verkleinerten Darstellung (Vorschau) dargestellt .. nach einem klick auf die Vorschau öffnet sich das Bild in voller Größe ... wie sich das Bild öffnet ist von Board zu Board unterschiedlich (je nach dem was in dem Board an Plugins eingebaut wurde) ... hier wird das Bild zur Mitte hin herausgezoomt ...



Kommen wir nun zum Thema >> Beiträge nachträglich bearbeiten ... Videos in den Beitrag einarbeiten

>> klicke auf den Button .. Bearbeiten ..




es kann jetzt einfach der Beitrag verändert werden

>> möchte aber noch etwas auf das Thema ... Quellcode ... eingehen

es kann auch alles in der Quellcode-Ansicht bearbeitet werden

>> klicke den Button .. Quellcode




>> Videos in den Beitrag einfügen ..

>> klicke die gewünschte Stelle an der das Video eingearbeitet werden soll

>> klicke auf den .. Video .. Button (hängt von der Art des Videos ab .. YouTube oder Clipfish usw.)
(hier YouTube)



es erscheint wieder an der gewünschten Stelle ein "Kürzel"

>> trage die Video-Adresse genau in der Mitte des "Kürzels" ein (zwischen den eckigen Klammern)



>> kopiere die Adresse des Videos (hier YouTube)







>> füge die Video-Adresse ein






jetzt möchte ich noch das Video zentriert darstellen

>> markiere den gesamten code des Videos

>> klicke den .. Zentriert .. Button




der code wird automatisch erweitert auf .. Zentrierte Darstellung ..



>> wechsel zur Editor-Ansicht

>> klicke den .. Editor .. Button







>> Beitrag abschicken



das Video erscheint an der gewünschten Stelle







Ende Anleitung ... denke mal das sollte fürs erste reichen ... findet selber heraus was es da noch alles zu entdecken gibt

Ihr könnt euch den zur Anleitung genutzten Beitrag auch in der Testecke mal anschauen

Testomania

hoffe ich konnte helfen ... bis denn Benn :thumbup:



Das Board lebt und wächst durch Deine Fragen, Hinweise und Beiträge. » Mach mit!

WBB Hilfe .. nur mit Adresse zu deiner persönlichen Website im Profil

Zzarc

Premium Member

  • »Zzarc« ist weiblich

Beiträge: 117

Wohnort: Berlin

Beruf: Köchin

  • Private Nachricht senden

2

09.12.2011, 11:52

Hier im Forum ist das ja recht einfach mit dem Text erstellen, der Befehl (z.b. Zentrieren, in Farbe schreiben, kursiv, Auflisten, etc) wird sofort ausgeführt. Das ist im Wbb3 ja normal!

Bei meinem Forum habe ich allerdings noch die "gute alte" [b.] [/b.] HTML? aktiviert.

Liegt das jetzt am Forenstyle oder an einer Einstellung im ACP, dass die Befehle nicht wie hier im bennboard sofort ausgeführt werden?

if (ahnung == 0) { read FAQ; use SEARCH; use GOOGLE; } else { use brain; make post; }

Zzarc

Premium Member

  • »Zzarc« ist weiblich

Beiträge: 117

Wohnort: Berlin

Beruf: Köchin

  • Private Nachricht senden

3

09.12.2011, 13:56

Edit: Hm Hätte nur auf "Editor" Statt "Quellcode" klicken müssen on_bb21
if (ahnung == 0) { read FAQ; use SEARCH; use GOOGLE; } else { use brain; make post; }