Edytor HTML dokumentacji

Prezentacja

Edytor graficzny HTML zapewnia tylko funkcje niezbędne do utworzenia akapitu w dokumentacji lub w pomocy online, nie umożliwia stworzenia kompletnej strony HTML.

Wyjść poza możliwości edytora graficznego można poprzez ingerencję w Źródło HTML, jednak używając funkcji czyszczenia można również w ten sposób usunąć nieautoryzowane zakładki.

Ostrzeżenie: Po przeprowadzeniu modyfikacji należy wyjść z edytora graficznego, aby „wyszarzyć” przycisk. z funkcji Dokumentacja i zapisać zmodyfikowany rekord na serwerze.

Ikony, przyciski i skróty klawiaturowe

Ikona na pasku

Ikona	Funkcja	Przykład
	Tworzenie akapitu	Tekst.
	Tworzenie tytułu	Tekst
	tworzenie podtytułu	Tekst
	Tekst pogrubiony lub normalny	Tekst
	Tekst z kursywą lub normalny	Tekst
	Tekst podkreślony lub normalny	Tekst
	Wyrównanie do lewej	Tekst
	Wyrównanie do środka	Tekst
	Wyjustowanie	Tekst
	Wyrównanie do prawej	Tekst
	Lista	Tekst 1 Tekst 2
	Przenieś do prawej	Tekst
	Anulowanie przeniesienia do prawej	Tekst
	Tworzenie łącza hipertekstowego	Tekst
	Obraz
	Przycisk
	Tabela	Tekst 1 Tekst 2 Tekst 3 Tekst 4
	Wybiórcze czyszczenie HTML
	Wyświetlanie i modyfikacja źródła HTML
	Alarm wskazujący problem w HTML. Służy do wyświetlania i modyfikowania kodu HTML.

Przyciski okna dialogowego

	Zapisz
	Anuluj

Główne skróty klawiaturowe

Enter	Tworzenie akapitu
Shift/Enter	Tworzenie nowego zlecenia
Ctrl/c	Kopiuj
Ctrl/v	Wklej
Ctrl/x	Usuń
Ctrl/a	Zaznacz wszystkie elementy
Ctrl/z	Anuluj poprzednią akcję
Dwukrotne kliknięcie	Następny obiekt

Zarządzanie listą

Utwórz prostą listę

Wybierz ikonę listy i wprowadź tekst. Użyj klawisza „enter” w celu wprowadzenia drugiego wiersza lub kliknij dwukrotnie klawisz "enter”, aby zamknąć listę.

• Wiersz 1
• Wiersz 2

Aby wprowadzić jednocześnie kilka wierszy tekstu na poziomie jednego wiersza na liście, użyj klawiszy „shift” i „enter”, aby utworzyć kolejne wiersze.

• Wiersz 1
• Wiersz 2
  Wiersz 2-1

Tworzenie listy zawierającej kilka poziomów

Utwórz prostą listę, aby wybrać wiersze do modyfikacji i kliknij ikonę przeniesienia na prawo tyle razy, ile to konieczne, aby „zejść” w dół przez poziomy. Ikona przeniesienia na prawo służy do wykonania przeciwstawnej operacji.
Tylko dwa pierwsze poziomy są symbolizowane przezpunktory'.

• Wiersz 1
• Wiersz 2
  Wiersz 2-1
• Wiersz 3 poziom 2
• Wiersz 4 poziom 2
• Wiersz 5 poziom
  Wiersz 5-1 poziom 3
• Wiersz 6 poziom
  Wiersz 6-1 poziom 4
• Wiersz 7

Wiesze z hipertekstem

Tworzenie

Wybierz tekst lub obraz, kliknij ikonę łącza. W oknie dialogowym wprowadź adres URL strony, a w razie potrzeby skrót docelowy (URL musi odnosić się do strony obecnie edytowanej). Zatwierdź.

Modyfikacja

Ustaw kursor na tekście łącza i kliknij ikonę łącza lub dwukrotnie kliknij łącze. Pojawia się okno dialogowe z wartością powiązania. Zmodyfikuj i zatwierdź łącze.

Usuwanie

Ustaw kursor na tekście łącza i kliknij ikonę łącza. Pojawia się okno dialogowe z wartością łącza. Usuń adres URL i zatwierdź.

Zarządzenie obrazem

Tworzenie

Należy zauważyć, że w edytorze dokumentacji obrazy są zwykle przechowywane w bazie danych jako załączniki dokumentów.

Obrazy pojawia się w następujący sposób:

Można go powiększyć w rogach.

Modyfikacja

Usuwanie

Zarządzanie przyciskami

Tworzenie

Ustaw kursor w miejscu, w którym chcesz wstawić przycisk, a następnie kliknij ikonę przycisku. Kliknij dwukrotnie stworzony przycisk, aby wprowadzić etykietę przycisku.

Modyfikacja

Kliknij dwukrotnie na stworzony przycisk, aby wprowadzić etykietę.

Usuwanie

Wybierz przycisk i kliknij klawisz „Delete” lub Ctrl/X.

Zarządzanie tabelą

Tworzenie

Ustaw kursor w miejscu, w którym chcesz wstawić tabelę, a następnie kliknij ikonę tabeli. Wprowadź liczbę kolumn, liczbę wierszy, rozmiar w pikselach dla granic (0, jeśli nie ma granic) i zdecyduj, czy pierwszy wiersz tabeli jest nagłówkiem, a następnie zatwierdź.

Przykład:

Tabela bez nagłówka

Tabela z nagłówkiem

Modyfikacja

Wybierz tabelę, aby pojawiły się jej rogi, kliknij ikonę tabeli, aby przeprowadzić zmiany, a następnie zatwierdź.
W przypadku zmiany liczby wierszy lub kolumn zmianą zostaną objęte wiersze i kolumny na końcu tabeli.
W przypadku gdy tabela nie posiadająca nagłówka jest modyfikowana na siatkę z nagłówkiem, należy przenieść pogrubienie dla całej zawartości pierwszego wiersza dla każdego elementu, odwrotną operację przeprowadza się, gdy tabela z nagłówkiem zmieniana jest na siatkę bez nagłówka.
Zakładki służą do przechodzenia z jednej komórki do następnej i wstawiania wierszy na końcu tabeli.
Rozmiar tabeli można zmieniać poprzez rozciąganie rogów.

Usuwanie

Zaznacz tabelę w taki sposób, aby pojawiły się rogi (kliknij krawędź) i kliknij „Delete” lub Ctrl/X.

Czyszczenie kodu HTML

Funkcja ta służy do usuwania nieautoryzowanych znaczników HTML. Należy jej używać szczególnie po kopiowaniu/wklejaniu tekstu z istniejącej dokumentacji.

Autoryzowane znaczniki HTML

Przykład czyszczenia

Następny kod HTML

<DIV class=Section1>
<H4><SPAN style='text-shadow: none'>Text 1<?xml:namespace prefix = o /><o:p></o:p></SPAN></H4>
<P class=MsoBodyText>Text 2.</P>
<P class=MsoBodyText>Text 2</P>
<H5><SPAN style='text-shadow: none'>Text 4<o:p></o:p></SPAN></H5>
<P class=MsoBodyText>Text 5</P>
<P class=MsoBodyText><?xml:namespace prefix = v /><v:shapetype id=_x0000_t75 stroked='f' filled='f' path='m@4@5l@4@11@9@11@9@5xe' o:preferrelative='t' o:spt='75' coordsize="'21600,21600'><v:stroke" joinstyle='miter'></v:stroke><v:formulas><v:f eqn='if lineDrawn pixelLineWidth 0'></v:f><v:f eqn='sum @0 1 0'></v:f><v:f eqn='sum 0 0 @1'></v:f><v:f eqn='prod @2 1 2'></v:f><v:f eqn='prod @3 21600 pixelWidth'></v:f><v:f eqn='prod @3 21600 pixelHeight'></v:f><v:f eqn='sum @0 0 1'></v:f><v:f eqn='prod @6 1 2'></v:f><v:f eqn='prod @7 21600 pixelWidth'></v:f><v:f eqn='sum @8 21600 0'></v:f><v:f eqn='prod @7 21600 pixelHeight'></v:f><v:f eqn='sum @10 21600 0'></v:f></v:formulas><v:path o:connecttype='rect' gradientshapeok='t' o:extrusionok='f'></v:path><o:lock aspectratio='t' v:ext='edit'></o:lock></v:shapetype><v:shape id=_x0000_i1025 style='WIDTH: 382.5pt; HEIGHT: 136.5pt' o:ole='' type='#_x0000_t75'><v:imagedata o:title='' src="'./Listes%20de%20picking_files/image001.png'></v:imagedata></v:shape></P><BR/"><P class=MsoBodyText><v:shape id=_x0000_i1026 style='WIDTH: 218,037.60cm³; HEIGHT: 138pt' o:ole='' type='#_x0000_t75'><v:imagedata o:title='' src="'./Listes%20de%20picking_files/image003.png'></v:imagedata></v:shape></P><BR/"><P class=MsoBodyText>&nbsp;<o:p></o:p></P>
</DIV>

staje się

<H4>Text 1</H4>
<P class=''>Text 2.</P>
<P class=''>Text 2</P>
<H5>Text 4</H5>
<P class=''>Text 5</P>
<P class=''></P>
<P class=''></P>
<P class=''>&nbsp;</P>

Ostrzeżenie

Nie ma możliwości powrotu do poprzedniej wersji za pomocą kombinacji klawiszy Ctrl/Z.
Polecenie czyszczenia usuwa .

Edytor tekstowy

Edytor służy do przeglądania i edycji kodu źródłowego HTML. Zmodyfikowany tekst i znaczniki są zastępowane kodem HTML i znacznikami edytora graficznego w czasie zapisywania ( przycisk).

Wszystkie znaczniki wprowadzone w edytorze tekstu, które nie należą do listy znaczników autoryzowanych są usuwane poprzez funkcję czyszczenia. Jeśli funkcja ta nie jest używana, nieautoryzowane znaczniki wzbogacają finalnie wygenerowaną dokumentację.

Czasami niezgodne adresy URL będą obecne w edytorze tekstu z atrybutami src lub href. Nie ma potrzeby modyfikować ich, zostaną poddane standaryzacji w momencie transferu danych na serwer.