Problem z otrzymaniem odpowiedzi od AJAX'u

Mostek87

2017-07-27 14:55

Mostek872017-07-27 14:55

Rejestracja:prawie 12 lat
Ostatnio:około 2 lata
Postów:228

Problem przedstawia się następująco. Mam panel administratora, administrator może dodawać informacje o nowych produktach do bazy danych wpisując dane w inputy i klikając w button.

Problem polega na tym, że produkty dodawane są poprawnie, normalnie pojawiają się w bazie danych, widzę to. Nie mam zielonego pojęcia dlaczego ale ajax uważa, że zapytanie zakończyło się błędem. Może najpierw kod.

Skrypt js:

Kopiuj

$(document).ready(function()
{
	   $("#add-new-product-button").click(function()
	   {
	        var ProductName = $("#product-name").val();
			var ProductDescription = $("#product-description").val();
			var NowAvailable = $("#now-available").val();
			var NettoPrize = $("#netto-prize").val();
			var BruttoPrize = $("#brutto-prize").val();
			var Category = $("#selected-category").val();

		     $.ajax({
			 url : "/skrypty-php/dodajprodukt.php",
			 type : "POST",
			 dataType : 'html',
			 data : {
				   product_name: ProductName,
				   product_description: ProductDescription,
				   now_available: NowAvailable,
				   netto_prize: NettoPrize,
				   brutto_prize: BruttoPrize,
				   category: Category
			   },			   
			   success: function(status)
			   {
                 alert(status)
			 }}); 
			   
			   
			 
	   });	



});

I kod pliku php dodającego informacje do bazy danych

Kopiuj

$ProductName = trim($_POST['product_name']);
 $ProductDescription = trim($_POST['product_description']);
 $NowAvailable = trim($_POST['now_available']);
 $NettoPrize = trim($_POST['netto_prize']);
 $BruttoPrize = trim($_POST['brutto_prize']);
 $Category = trim($_POST['category']);
  
   $DataBase = mysqli_connect();  /*no tu usunąłem dane z oczywistych przyczyn */
     
	 if(mysqli_connect_errno())
	 {
	   echo "connection_error";
	   exit;
	 }
   $DataBase->Query("SET CHARSET utf8");
   $DataBase->Query("SET NAMES `utf8` COLLATE `utf8_polish_ci`");
   
 $Result =  $DataBase->Query("INSERT INTO produkty (id, nazwa, opis, netto, brutto, ile_dostepnych, kategoria) VALUES (NULL, '$ProductName', '$ProductDescription', $NettoPrize, $BruttoPrize, $NowAvailable, '$Category')"); 

 
 echo "sukces";

Funkcja która ma się odpalić w przypadku sukcesu nie odpala się. Alert nie zostaje wyświetlony. Co mnie dziwi bo dane pojawiają się w bazie więc na chłopski rozum wszystko działa. Dlaczego maszyna myśli, że operacja zakończyła się niepowodzeniem?

edytowany 2x, ostatnio: Mostek87 2017-07-27 15:58

axelbest 2017-07-27 15:47

No jednak z oczywistych przyczyn nie usunałeś danych do bazy :)

Mostek87 2017-07-27 19:52

całe życie zawinięty w akcji :D

Markuz

2017-07-27 15:32

Markuz2017-07-27 15:32

Rejestracja:prawie 17 lat
Ostatnio:2 dni
Postów:644

Może dlatego, że nie zwracasz html? (spróbuj zmienić dataType na text)
Sprawdź też w zakładce Sieć co otrzymujesz na zwrocie i czy w ogóle request zwraca 200.

axelbest

2017-07-27 15:47

axelbest2017-07-27 15:47

Rejestracja:ponad 17 lat
Ostatnio:dzień
Lokalizacja:Warszawa
Postów:2251

Czy tym ajaxem przesyłasz tylko część danych z forma? Jeśli przesyłasz wszystkie to polecam zserializować te dane i będziesz miał pewnie z 20 linijek kodu mniej :) Dodatkowo, przyzwyczajaj się do częstego zaglądania w dev-toolsy (ja osobiście polecam te z chrome'a) no i naucz się korzystać z debuggera.

Mostek87 2017-07-27 19:53

Pierwsze starcie z ajax'em nawet nie wiedziałem o tym. Dzięki

msm

2017-07-27 15:53

msm2017-07-27 15:53

Administrator

Rejestracja:prawie 16 lat
Ostatnio:4 miesiące

Kopiuj

$ProductName = trim($_POST['product_name']);
 $ProductDescription = trim($_POST['product_description']);
 $NowAvailable = trim($_POST['now_available']);
 $NettoPrize = trim($_POST['netto_prize']);
 $BruttoPrize = trim($_POST['brutto_prize']);
 $Category = trim($_POST['category']);

Kopiuj

 $Result =  $DataBase->Query("INSERT INTO produkty (id, nazwa, opis, netto, brutto, ile_dostepnych, kategoria) VALUES (NULL, '$ProductName', '$ProductDescription', $NettoPrize, $BruttoPrize, $NowAvailable, '$Category')");

Masz sql injection w kodzie. Polecam to szybko poprawić, albo niedługo ta baza nie będzie Twoja (nawet jak nie będziesz wklejał danych dostępowych do postów na publicznie dostępnych forach :P).

edytowany 1x, ostatnio: msm 2017-07-27 15:54

Zobacz pozostały 1 komentarz

msm 2017-07-28 11:45

1) Poprawność: powodzenia w dodawaniu np. Domino's pizza. 2) Jeśli tylko admin ma szansę na dostęp do tego panelu, to "tylko" potencjalna eskalacja włamania na admina do RCE na serwerze, zapis plików na serwerze, odczyt plików na serwerze, czytanie wszystkich tabel bazy (zależnie od uprawnień, również innych aplikacji), wyciek całej bazy. Jeśli zwykły użytkownik by mógł to zrobić to to samo, tylko nie potrzeba wcześniej się włamywać na admina.

Mostek87 2017-07-28 12:06

Ale w jaki sposób w tym wypadku miałby wstrzyknąć MySQL?

msm 2017-07-28 15:49

Noo, dając cenę brutto produktu 666.66', 1, 'szatan'); DROP TABLE produkty; na przykład (to przykład: akurat stacked queries są zazwyczaj domyślnie wyłaczone).

Mostek87 2017-07-28 16:43

Aha i wykona INSERT a potem usunie tabelę, no tak.

Mostek87 2017-07-29 11:42

A jakbyś przeprowadził MySQL injection gdy stacked queries są wyłączone?

Pijany Orzeł

2017-07-27 15:56

Pijany Orzeł2017-07-27 15:56

price - cena
prize - nagroda

Twój kod wydaje się działać, po echo daj exit/die by mieć pewność, że nic się już dalej nie wykona i powinieneś dostać zwrotkę.
Wciśnij też F12 w przeglądarce i zakładce network i xhr sprawdź jaką otrzymujesz odpowiedź

Kopiuj

<?php
if (isset($_POST['data'])) {
    echo 'sukces';
    die;
}
?>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#button").on('click', function () {
                $.ajax({
                    url: "/test.php",
                    type: "POST",
                    dataType: 'html',
                    data: {
                        data: 'test'
                    },
                    success: function (response) {
                        alert(response);
                    }
                });
            });
        });
    </script>
</head>
<body>
       <button id="button">klik</button>
</body>
</html>

Mostek87

2017-07-27 16:39

Mostek872017-07-27 16:39

Rejestracja:prawie 12 lat
Ostatnio:około 2 lata
Postów:228

Zmieniłem type na text i dałem na końcu pliku php die("sukces") i nadal nie działa. Wciskam f12 i w sekcji xhr właściwie nic się nie pojawia jedynie chwilowe skoki na wykresie.

hapertown

2017-07-27 20:04

hapertown2017-07-27 20:04

Rejestracja:prawie 10 lat
Ostatnio:około 7 lat
Postów:335

A fire bug w consoli? Jakie komunikaty z JavaScriptu? Np https://i.stack.imgur.com/W6dk6.png chodzi mi o zakładkę response i ogólnie o komunikaty z consoli. Jak coś siedzi źle w ajaxie to musi być w consoli ślad

edytowany 1x, ostatnio: hapertown 2017-07-27 20:06

Mostek87

2017-07-28 11:40

Mostek872017-07-28 11:40

Rejestracja:prawie 12 lat
Ostatnio:około 2 lata
Postów:228

No właśnie w konsoli cisza .. . https://ibb.co/cSd1s5

hapertown

2017-07-28 11:45

hapertown2017-07-28 11:45

Rejestracja:prawie 10 lat
Ostatnio:około 7 lat
Postów:335

A w zakładce Console (tam gdzie Elements, Sources) też cisza po wykonaniu kodu?

Spróbuj jeszcze użyć funkcji complete i error (wg poniższego wzroca) - któraś z tych trzech musi coś zwrócić

Kopiuj

$.ajax({
    type: 'POST',
    url: url,
    data: data,
    success: function(response)
	{
        console.log(response);
    },
    error: function(xhr) { 
         console.log(xhr.statusText + xhr.responseText);
    },
    complete: function() {
      console.log('end of ajax');
    },
});

edytowany 2x, ostatnio: hapertown 2017-07-28 11:51

Mostek87 2017-07-28 12:19

zaraz obczaję

Mostek87

2017-07-28 12:18

Mostek872017-07-28 12:18

Rejestracja:prawie 12 lat
Ostatnio:około 2 lata
Postów:228

No też cisza. A produkty cały czas się dodają normalnie, wszystko pojawia się w bazie https://ibb.co/b2oqkQ Nic nie czaję już. Niemal zawsze radziłem sobie w sytuacji gdy gdzieś pojawił się błąd, ale tutaj już skończyły mi się pomysły . . .

Mostek87

2017-07-28 12:50

Mostek872017-07-28 12:50

Rejestracja:prawie 12 lat
Ostatnio:około 2 lata
Postów:228

Po zastosowaniu się do sugestii użytkownika hapertown wygląda to tak : odpala funkcję w przypadku error'u i zwraca "error undefined" oraz odpala funkcję w przypadku complete i zwraca "end of ajax" . . .Nie wiem dlaczego on myśli, że jest jakiś błąd . .

axelbest 2017-07-28 12:56

Jak Ty to odpalasz?

Mostek87 2017-07-28 12:58

No cały kod podałem już. Dodałem tylko to co zasugerował użytkownik hapertown. Funkcje dla każdej sytuacji.

hapertown

2017-07-28 13:11

hapertown2017-07-28 13:11

Rejestracja:prawie 10 lat
Ostatnio:około 7 lat
Postów:335

Słuchaj @Mostek87 - to w takim razie musisz temat ugruźć inaczej. W Developers Tools w zakładce Network powinieneś mieć żądanie, które wysyłasz. Po kliknięciu na to żądanie, powinna Ci się pokazać zakładka z headerami i responsami. Coś ajax musi zwracać - jeżeli daje na wyjściu 200 to i cokolwiek ze skryptu PHP pokazuje, a jak daje na wyjściu 500, to znaczy że trzeba po malutku grzebać w kodzie PHP bo on generuje błąd. Musisz małymi krokami testować najprostsze rzeczy i żądanie, w końcu trafisz na element generujący błąd.

PS: O coś takiego chodzi: https://www.thirdandgrove.com/sites/default/files/inline-images/Screen-Shot-2015-04-07-at-15.21.02.png

edytowany 1x, ostatnio: hapertown 2017-07-28 13:11

Mostek87

2017-07-28 13:28

Mostek872017-07-28 13:28

Rejestracja:prawie 12 lat
Ostatnio:około 2 lata
Postów:228

No ale jak to możliwe, że kod php generuje błąd skoro produkty są dodawane do bazy danych? Poza tym u mnie w chromie w tych zakładkach co pokazałeś nic się nie wyświetla. Jak pokazałem na wcześniejszym screenie

Mostek87

2017-07-28 15:18

Mostek872017-07-28 15:18

Rejestracja:prawie 12 lat
Ostatnio:około 2 lata
Postów:228

Dobra znalazłem błąd. Okazuje się, że z jakiegoś dziwnego powodu nie dostaję odpowiedzi w sytuacji gdy guzik wywołujący zdarzenie dodania do bazy danych znajduje się wewnątrz <form> </form> jQuery zawsze w takiej sytuacji zwraca błąd. Masakra, nigdy bym na to nie wpadł. Nie powinno tak być! Straciłem 2 dni przez takie piśki!!

https://stackoverflow.com/questions/18862066/jquery-ajax-always-returns-error-data-being-added-to-database

axelbest

2017-07-28 16:23

axelbest2017-07-28 16:23

Rejestracja:ponad 17 lat
Ostatnio:dzień
Lokalizacja:Warszawa
Postów:2251

Sorrki że tak bezczelnie ale to raczej gunvo prawda :)
https://jsfiddle.net/9gLukcap/1/
Mam tam forma pisanego z palca, mam tam kod przeklejony z tego tematu. Mam link wywołujący zdarzenie który siedzi w formie (nie ma znaczenia czy jest w środku czy na zewnątrz).

Error dostawałem zawsze kiedy wysyłałem żądanie na adres który nie zwracałem poprawnej odpowiedzi - tak więc znalazłem to - https://httpbin.org/ i jak widać śmiga.
jQuery w wersji 2.2.4 - ale Ty o wersji nie pisałeś nic.

Mostek87

2017-07-28 16:40

Mostek872017-07-28 16:40

Rejestracja:prawie 12 lat
Ostatnio:około 2 lata
Postów:228

Cokolwiek byś nie napisał u mnie to zadziałało. Korzystam z

Kopiuj

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

axelbest

2017-07-28 16:47

axelbest2017-07-28 16:47

Rejestracja:ponad 17 lat
Ostatnio:dzień
Lokalizacja:Warszawa
Postów:2251

Na 3.1.1 też działa zatem jak wytlumaczysz fakt ze to co wrzuciłem na jsfiddle działa? Problem masz pewnie gdzieś indziej, może masz zdublowane id'ki lub inne atrybuty którymi się poslugujesz. Może masz zagniezdzonego forma. Fajnie by było wiedzieć, by potomni nie musieli się z tym borykać

Mostek87

2017-07-28 17:13

Mostek872017-07-28 17:13

Rejestracja:prawie 12 lat
Ostatnio:około 2 lata
Postów:228

Oczywiście potomnym należy pomagać. Jednak ja nie widzę nic nadzwyczajnego w moim kodzie. Z resztą można samemu rzucić okiem, może ktoś coś znajdzie. Tutaj usunąłem tagi <form> </form>.

Kopiuj

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Panel administratora</title>
  <meta name="author" content="Cybertron">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="robots" content="noindex">
  <link rel="stylesheet" href="/css/adminpanel.css">
  <link href='http://fonts.googleapis.com/css?family=Alegreya+SC|Amiko&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
</head> 
    <body>
        <?php include "skrypty-php/sprawdz-haslo-admina.php" ?> 
		
		<div class="add-new-item">
		  <div class="type-of-functionality">Dodaj nowy produkt</div>
	
            <div class="input-box">
			  <label class="input-description" for="product-name">Nazwa produktu:</label> <input id="product-name" class="product-information" type="text">
			</div>
			
			<div class="input-box">
			  <label class="input-description block-label" for="product-description">Opis produktu:</label> <textarea class="textarea-description" id="product-description" ></textarea>
			</div>
			
			<div class="input-box">
			  <label class="input-description" for="now-available">Ile dostępnych:</label> <input id="now-available" class="product-information" type="text">
			</div>
			
			<div class="input-box">
			  <label class="input-description" for="netto-prize">Cena netto:</label> <input id="netto-prize" class="product-information" type="text">
			</div>
			
			<div class="input-box">
			  <label class="input-description" for="brutto-prize">Cena brutto:</label> <input id="brutto-prize" class="product-information" type="text" >
			</div>
			
			<div class="input-box">
			  <label class="input-description" for="selected-category">Kategoria</label>
			  <select id="selected-category" class="category-selection">
			    <option>--wybierz--</option>
			    <option>Analizatory spalin</option>
				<option>Automaty palnikowe</option>
				<option>Armatura olejowa</option>
				<option>Armatura gazowa</option>
				<option>Zamienniki do palników</option>
				<option>Dysze olejowe</option>
				<option>Palniki gazowe i olejowe</option>
				<option>Pompy olejowe</option>
				<option>Kotły</option>
				<option>Narzędzia dla serwisantów</option>
			  </select>
			</div>
			
		<div class="input-box">
			<input type="reset" class="reset-button" value="resetuj"> <button class="add-new-product-button" id="add-new-product-button">Dodaj produkt do bazy</button>
		</div>
		
		<div id="user-feedback" class="response-information">
		Status: 
		</div>

		</div>
		
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
		<script src="/skrypty-js/obsluga-panelu-administratora.js"></script>
    </body>
</html>

Pijany Orzeł

2017-07-28 18:30

Pijany Orzeł2017-07-28 18:30

Bez js, sam html tutaj jest nic nie wart.

Upewnię się tylko, że blokowałeś submita przy podpinaniu eventów podczas wysyłania danych ajaxem i strona ci się nie przeładowywała

Mostek87 2017-07-28 18:42

Kod js podałem na poprzedniej stronie

Mostek87

2017-07-29 11:39

Mostek872017-07-29 11:39

Rejestracja:prawie 12 lat
Ostatnio:około 2 lata
Postów:228

Zagadka rozwiązana. Wychodzi na to, że jeżeli umieścimy w formie <button></button> i przez jQuery podepniemy onclick to gdy klikniemy w przycisk jQuery z automatu submituje formę i przesyła dane. Dowód? Odpalcie sobie taki kod, kliknijcie w guzik i zobaczcie co się stanie.

Kopiuj

<form target="_blank" action="docelowyplik.php">
	   <input type="text" name="bajabongo"/>
	   <button id="guzik">kliknij</button>
	</form>

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

	<script>
	   $(document).ready(function()
	   {
          $("#guzik").click(function()
		  {
		     alert("ha ha ha, submitowałem ci formę :p");
		  });
	   });
	</script>

W przykładzie przytoczonym przez użytkownika axelbest nie ma tego problemu ponieważ wydarzenie zostało podpięte nie pod <button> ale pod odnośnik(a).
Chyba zgodzicie się ze mną, że to oczywisty błąd. Przecież to, że klikam w jakiś guzik na formie nie oznacza od razu, że chcę tę formę submitować....

OverMorda

2017-07-29 14:51

OverMorda2017-07-29 14:51

Rejestracja:ponad 10 lat
Ostatnio:ponad 4 lata
Postów:100

@Mostek87: No to właśnie ma tak działać.
W tym form'ie miałeś przycisk typu:

Kopiuj

type='submit'

Co oznacza że ten przycisk ma submitować form w którym dany przycisk się znajduje.
Gdyby tam dał button z typem:

Kopiuj

type='button'

To wtedy możesz podpiąć pod ten przycisk event z jquery i będzie działać tak jak chciałeś.

Edit:
Spójrz tutaj:
https://www.w3schools.com/tags/att_button_type.asp

Kopiuj

button	The button is a clickable button
submit	The button is a submit button (submits form-data)
reset	The button is a reset button (resets the form-data to its initial values)

edytowany 1x, ostatnio: OverMorda 2017-07-29 14:53

axelbest

2017-07-29 16:09

axelbest2017-07-29 16:09

Rejestracja:ponad 17 lat
Ostatnio:dzień
Lokalizacja:Warszawa
Postów:2251

No w Twoim przypadku to oznaczało dokładnie to - submit formy. A mogłeś dać cały kod od razu byśmy szybciej namierzyli wszystko. Nawet Inputem typu submit można pchać Ajaxa. Wystarczy na evencie kliknięcia ustawić preventDefault() (z głowy pisze)

Mostek87

2017-07-31 15:57

Mostek872017-07-31 15:57

Rejestracja:prawie 12 lat
Ostatnio:około 2 lata
Postów:228

No niby mogłem. Wyszedłem z założenia, że błąd musi być gdzie indziej. Myślałem, że skoro wysyłanie formularza zapewnia

Kopiuj

<input type="submit">

to button będzie zwykłym buttonem i już. Nie sądziłem, że mogą być dwa elementy pełniące tę samą funkcję.

Liczba odpowiedzi na stronę

Treść *

Treść

Podgląd

Kliknij, aby dodać treść...

Kliknij, aby dodać załącznik lub wklej ze schowka.

Instrukcja obsługi Markdown

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H₂O i m².

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript document.write('Hello World'); ```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

Alt+L - zaznaczenie całej linii
Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

Ctrl+Enter - dodaj post
⌘+Enter - dodaj post (MacOS)

Problem z otrzymaniem odpowiedzi od AJAX'u

Pijany Orzeł

Pijany Orzeł

Smileys & People

Animals & Nature

Food & Drink

Travel & Places

Activities

Objects

Symbols

Typografia

Linki

Wewnętrzne odnośniki

Wspomnienia użytkowników

Znaczniki HTML

Skróty klawiszowe

Indeks górny oraz dolny

Składnia Tex

Kod źródłowy

Krótkie fragmenty kodu

Kod wielolinijkowy

Tabelki

Lista uporządkowana i nieuporządkowana

Składnia Markdown

Skróty klawiszowe