Summernote to wszechstronny edytor WYSIWYG online, który umożliwia formatowanie tekstu i tworzenie bogatej treści bezpośrednio w przeglądarce. Dzięki integracji z backendem, jak pokazano w kodzie C#, Summernote ułatwia dynamiczne pobieranie i zapisywanie edytowanej treści w bazie danych.
Uruchomienie
/role_sys/jqs21.aspx?kod=768C-4840&uid=E1E8DDC3-768C-4840-9B95-05D05F084B3B&kodedit=ST_INS_GRID&refno=
skorowidz EDIT
działanie skryptu uzależnione jest wyboru pozycji skorowidza, który odpowiada za odczyt i zapis danych z edytora. Skorowidz zaweira konfigurację dla edytora Froala oraz dla Summernote.
Summernote
Oto opis parametrów skorowidza dla edytora Summernote:
- PRX:
EDIT- Prefiks, wskazujący, że rekord dotyczy konfiguracji edycji. - KOD:
ST_INS_MENU- Kod identyfikujący konkretną konfigurację edytora, powiązaną z menu instrukcji. - KOD1:
_menu- nazwa tabeli w bazie SQL w której zapisujemy dane z edytora. - KOD2:
INSTRUKCJA_OPIS- Nazwa kolumny w bazie danych, która zawiera tekst do edycji. - OPIS:
REFNO=@REFNO- Warunek WHERE używany do pobrania danych z bazy.@REFNOzostanie zastąpione numerem referencyjnym edytowanego rekordu. - UWAGI:
[["sStudio",["saveStudio"]],["style",["style"]],["font",["bold","underline","clear"]],["color",["color"]],["para",["ul","ol","paragraph"]],["table",["table"]],["insert",["link","picture","video"]],["height",["height"]],["view",["fullscreen","codeview","help"]]]- istotny parametr dla Summernote. Definiuje strukturę paska narzędzi edytora. Jest to tablica JSON opisująca grupy przycisków i same przyciski.sStudio: Grupa przycisków z niestandardową funkcją „saveStudio”.style: Grupa stylów.font: Grupa formatowania czcionki (pogrubienie, podkreślenie, czyszczenie stylu).color: Grupa wyboru koloru.para: Grupa ustawień paragrafu (listy, wyrównanie).table: Grupa operacji na tabelach.insert: Grupa wstawiania elementów (linki, obrazy, wideo).height: Ustawienie wysokości edytora.view: Grupa opcji widoku (pełny ekran, widok kodu, pomoc).
- KOLEJNOSC:
30000- Określa interwał autozapisu edytowanej treści (30 sekund). - IKONA:
softwarestudioConnectionString- Nazwa connection stringa do bazy danych. - UNIQUEID:
72F65C3F-A9BC-47EC-9218-B747E22EC2E7- Unikalny identyfikator rekordu.
| KOD | ST_INS_MENU | ST_INS_GRID | ST_INS_GRID_KOL |
|---|---|---|---|
| PRX | EDIT | EDIT | EDIT |
| KOD1 | _menu | x_zestawienia | x_zestawienia_kolumny |
| KOD2 | INSTRUKCJA_OPIS | INSTRUKCJA_OPIS | INSTRUKCJA_OPIS |
| OPIS | REFNO=@REFNO | ID_ZESTAWIENIE=@REFNO | ID_X_ZESTAWIENIA_KOLUMNY=@REFNO |
| KOLEJNOSC | 30000 | 33000 | 33000 |
| IKONA | softwarestudioConnectionString | softwarestudioConnectionString | softwarestudioConnectionString |
| OPIS2 | BCB9BCFA-C874-4097-9531-3D44699444AD | 0567C1FC-3B58-4BA4-B303-3EFAB4F04C96 | F858A85C-0920-45EA-869D-582FA84B2D68 |
| UNIQUEID | 72F65C3F-A9BC-47EC-9218-B747E22EC2E7 | BE6F05D7-5008-4E36-AC70-23940C218A8D | F78855B9-1201-4408-B007-4441D94BD087 |
| REFNO_POZ | 6388073198123047 | 6388075151066714 | 6388077190052534 |
| KOD | ST_DPUWA |
|---|---|
| PRX | EDIT |
| KOD1 | dpuwa |
| KOD2 | UWAGI |
| OPIS | PRX = 'EDTR’ AND ACH = '1′ AND REFNO=@REFNO |
| SCIEZKA | ach=1; refno=@REFNO; prx=AS;typdok=AS; ROLASYS=@ROLASYS; LOGIN=@KTO; ODDZIAL=@ODDZIAL;MAGAZYN=@MAGAZYN;MPK=@MPK;DDOWOD=@DATA;TYTUL=@KODEDIT |
| KOLEJNOSC | 33000 |
| IKONA | softwarestudioConnectionString |
| OPIS2 | B7A8515E-DC9A-4FFC-8E7C-EAC5D58A3FEB |
| UNIQUEID | 2F24436B-57FB-4F43-BB32-BEEFED9C579E |
- ST_DPUWA
- KOD1: dpuwa,
- KOD2: UWAGI,
- OPIS: PRX = 'EDTR’ AND ACH = '1′ AND REFNO=@REFNO
- ST_INS_MENU
- KOD1: _menu,
- KOD2: INSTRUKCJA_OPIS,
- OPIS: REFNO=@REFNO
- ST_INS_GRID
- KOD1: x_zestawienia,
- KOD2: INSTRUKCJA_OPIS,
- OPIS: ID_ZESTAWIENIE=@REFNO
- ST_INS_GRID_KOL
- KOD1: x_zestawienia_kolumny,
- KOD2: INSTRUKCJA_OPIS,
- OPIS: ID_X_ZESTAWIENIA_KOLUMNY=@REFNO