Dodawanie elementu HTML.

Learn DXPR BuilderBuild pagesAdd contentTekst en media

Otrzymujesz miejsce na stronie, w którym działa twój własny kod, na przykład wpis społecznościowy albo widżet rezerwacji. Użyj go, gdy osadzenie zewnętrzne albo własny kod nie ma pasującego elementu.

Karta artykułu CNN z tekstem "Happy 100th Birthday, David Attenborough" i zdjęciem portretowym, wyrenderowana na stronie przez element HTML

Dodaj element HTML

Otwórz swoją stronę po zalogowaniu: przyciski kreatora pojawiają się po najechaniu na obszar treści. Twoja pierwsza strona przedstawia podstawy.

  1. Najedź na kolumnę i kliknij + na jej pasku sterowania albo kliknij Add Elements na pustej stronie. Otwórz zakładkę Treść i kliknij HTML. Element pojawi się na górze kolumny i otworzy się okno ustawień.
  2. Skopiuj kod osadzenia z opcji Embed albo Share w serwisie. Wklej go do edytora Raw HTML.
  3. Kliknij Zapisz w oknie dialogowym. Następnie kliknij Zapisz na pasku narzędzi u góry obszaru treści, aby zapisać stronę.

Co widzisz

Twoje osadzenie działa w edytorze, gdy tylko klikniesz Zapisz w oknie dialogowym, ponieważ kreator też uruchamia tam jego skrypt. Na filmie kalendarz Google z amerykańskimi świętami pokazuje się, gdy tylko okno się zamknie. Odwiedzający zobaczą go po zapisaniu i opublikowaniu strony.

Skonfiguruj element HTML

Najedź na element i otwórz More > Settings na jego pasku sterowania. Opcje:

  • Raw HTML: edytor kodu dla HTML, CSS albo JavaScript. Skrypty działają w edytorze i na opublikowanej stronie.
  • HTML ID: opcjonalne ID, aby wskazać element przez CSS albo JavaScript.
  • HTML classes: opcjonalne klasy CSS dla otoki elementu.

Jeśli go nie widać

  • HTML nie występuje w zakładce Treść. Twój profil użytkownika go ukrywa. Poproś administratora o włączenie go na stronie Profile użytkowników.
  • Zniknął po przeładowaniu. Strona nie została zapisana. Dodaj go ponownie i kliknij Zapisz na pasku narzędzi u góry obszaru treści.
  • Osadzenie pokazuje się jako zwykły tekst albo nagi cytat. Skrypt osadzenia jeszcze się nie wczytał albo brakuje jego wiersza <script>. Odczekaj kilka sekund albo wklej pełny kod osadzenia ponownie.
  • Pole ma kod, ale odwiedzający nic nie widzą. Twoja witryna stosuje filtry formatu tekstu dla odwiedzających, a format może usuwać znaczniki takie jak <script> albo <iframe>. Redaktorzy nadal widzą działający kod. Poproś administratora o wyczyszczenie opcji Apply text format filters to frontend content na stronie Ustawienia ogólne albo o zezwolenie na te znaczniki w formacie tekstu. Następnie przeładuj opublikowaną stronę.
  • Układ poniżej elementu się sypie. Kod ma niezamknięty znacznik. Sprawdź, czy każdy otwierający znacznik ma swój zamykający.

Co dalej?

Panel Styl, aby zmienić odstępy i tło elementu HTML.