Wywołanie funkcji php z parametrami w AJAX

asdf42

2018-03-06 22:51

asdf422018-03-06 22:51

Rejestracja:prawie 9 lat
Ostatnio:ponad 2 lata
Postów:136

Witam,
Chcę po kliknięciu w przycisk wywołać plik php który powiedzmy wykona dodawanie dwóch liczb, liczby mogą być różne więc, nie możemy podać jako parametry konkretnych wartości, tylko podać dwie zmienne pod którymi będą się kryć różne wartości. Załóżmy że są to zmienne $a i $b. Chcę ję przesłać do ajax więc zamieniam na js przypisując odpowiednio var a = $a, var b = $b;

Kopiuj

$a=5;
$b=7;

<button id="klik">przycisk</button>

print "<script type="text/javascript"><!--\n";
print "var a = $a";
print "var b = $b";
print "//--></script>\n";

Kopiuj

<script> 
$(document).ready(function(){
			$("#klik").click(function(){
				$.ajax({url: "wywolaj.php",
				data :{a,b},
				type: 'post'});
			});
		});
 </script>

plik wywolaj.php:

Kopiuj

$a =$_POST['a'];
$b =$_POST['b'];

function suma($a,$b)
{
$s= ($a+$b);
}

Chcę aby ta funkcja dodała te dwie wartości. Jak to zrobić?

Świetny Programista

2018-03-06 23:49

Świetny Programista2018-03-06 23:49

$a =$_POST['a'];
$b =$_POST['b'];

function suma($a,$b)
{
return $a + $b;
}

suma($a,$b);

asdf42

2018-03-07 08:48

asdf422018-03-07 08:48

Rejestracja:prawie 9 lat
Ostatnio:ponad 2 lata
Postów:136

Świetny Programista napisał(a):

$a =$_POST['a'];
$b =$_POST['b'];

function suma($a,$b)
{
return $a + $b;
}

suma($a,$b);

Nie działa. Problem leży gdzieś indziej

TomRZ

2018-03-07 13:41

TomRZ2018-03-07 13:41

Rejestracja:ponad 7 lat
Ostatnio:około 2 miesiące
Lokalizacja:700m n.p.m.
Postów:677

Kopiuj

data :{a:a,b:b},

asdf42

2018-03-07 16:57

asdf422018-03-07 16:57

Rejestracja:prawie 9 lat
Ostatnio:ponad 2 lata
Postów:136

TomRZ napisał(a):
Kopiuj
data :{a:a,b:b},

Również nie działa

Markuz

2018-03-07 17:06

Markuz2018-03-07 17:06

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

Zdefiniuj "nie działa". Biała strona? Jakieś błędy? Konsola przeglądarki (zakłada sieć) zwraca 200?

asdf42

2018-03-07 17:08

asdf422018-03-07 17:08

Rejestracja:prawie 9 lat
Ostatnio:ponad 2 lata
Postów:136

Markuz napisał(a):

Zdefiniuj "nie działa". Biała strona? Jakieś błędy? Konsola przeglądarki (zakłada sieć) zwraca 200?

Zmienne a i b nie przesyłają się do pliku wywolaj.php

drorat1

2018-03-07 19:26

drorat12018-03-07 19:26

Rejestracja:ponad 15 lat
Ostatnio:około 2 lata
Lokalizacja:Krasnystaw
Postów:1181

Robisz np. tak, choć zastanawiam się po co się bawić w AJAX w tym przypadku:

wywolaj.php

Kopiuj

<?php

$a = isset($_POST['a']) ? $_POST['a'] : 0;
$b = isset($_POST['b']) ? $_POST['b'] : 0;

function suma($a, $b)
{
  return $a + $b;
}

echo suma($a, $b);

oraz index.php

Kopiuj

<?php
$a = 2;
$b = 3;
?>
<!DOCTYPE html>
<html>
  <body>
    <button>Click</button>
    <p></p>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
        $('button').click(function() {
            $.ajax({
                url: 'wywolaj.php',
                type: 'POST',
                data: {
                    'a': <?= $a ?>,
                    'b': <?= $b ?>
                },
                dataType: 'text'
            }).done(function(data) {
                $('p').html(data);
            });
        });
    </script>
  </body>
</html>

Równie dobrze prostym sposobem można sobie zrobić kalkulatorek działający po stronie przeglądarki więc po co się tak bawić?

index.html

Kopiuj

<!DOCTYPE html>
<html>
<body>
    A: <input type="text" data-bind="value: a, valueUpdate: 'afterkeydown'" /><br>
    B: <input type="text" data-bind="value: b, valueUpdate: 'afterkeydown'" /><br>
    C: <span data-bind="text: c"></span>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script>
    <script>
        function ViewModel(a, b) {
            this.a = ko.observable(a);
            this.b = ko.observable(b);
            this.c = ko.pureComputed(function() {
                return Number(this.a()) + Number(this.b());
            }, this);
        };

        ko.applyBindings(new ViewModel(0, 0));
    </script>
</body>
</html>

Patryk27 2018-03-08 18:09

Nie wydaje mi się, że podawanie kodu w obcym frameworku będzie pomocne pytaczowi ;-)

asdf42 2018-03-08 19:12

Potwierdzam, będzie pomocne ;-)

asdf42

2018-03-08 18:07

asdf422018-03-08 18:07

Rejestracja:prawie 9 lat
Ostatnio:ponad 2 lata
Postów:136

drorat1 napisał(a):

Kopiuj

<!DOCTYPE html>
<html>
<body>
    A: <input type="text" data-bind="value: a, valueUpdate: 'afterkeydown'" /><br>
    B: <input type="text" data-bind="value: b, valueUpdate: 'afterkeydown'" /><br>
    C: <span data-bind="text: c"></span>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script>
    <script>
        function ViewModel(a, b) {
            this.a = ko.observable(a);
            this.b = ko.observable(b);
            this.c = ko.pureComputed(function() {
                return Number(this.a()) + Number(this.b());
            }, this);
        };

        ko.applyBindings(new ViewModel(0, 0));
    </script>
</body>
</html>

A jak bym chciał przesłać wartość z pola teksowego ajaxem do pliku wywolaj.php:

Kopiuj


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
        $('button').click(function() {
            $.ajax({
                url: 'wywolaj.php',
                type: 'POST',
                data: {
                    'wartosc': this.a
                },
            })
        });
    </script>

To jak powinno się podać ten argument? bo this.a nie przekazuje...

edytowany 1x, ostatnio: asdf42 2018-03-08 18:09

drorat1

2018-03-08 19:29

drorat12018-03-08 19:29

Rejestracja:ponad 15 lat
Ostatnio:około 2 lata
Lokalizacja:Krasnystaw
Postów:1181

Wklejam ostatni raz, nie wiem też czy w ogóle załapiesz działanie, zwłaszcza na czym polega two-way binding, faktycznie może kiepski pomysł, o ile tą bibliotekę można nazwać frameworkiem:

Kopiuj

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF8" />
    </head>
<body>
    <input type="text" data-bind="value: a" />
    <input type="text" data-bind="value: b" />
    <button data-bind="click: evaluate">=</button>
    <span data-bind="text: c"></span>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script>
    <script>
        var ViewModel = function() {
            var self = this;
            self.a = ko.observable(0);
            self.b = ko.observable(0);
            self.c = ko.observable(0);

            self.evaluate = function() {
                $.ajax({
                    url: 'wywolaj.php',
                    type: 'POST',
                    data: {
                        'a': self.a(),
                        'b': self.b()
                    },
                    dataType: 'text'
                }).done(function(data) {
                    self.c(data);
                });
            };
        };

        ko.applyBindings(new ViewModel());
    </script>
</body>
</html>

Ale podstawa do opanowania tej biblioteki która tylko współpracuje z jQuery jest tutaj:
http://learn.knockoutjs.com/
http://knockoutjs.com/examples/

Bez tego to nawet nie próbuj dalszych zabaw

edytowany 3x, ostatnio: drorat1 2018-03-08 19:38

Paweł Antyporowicz

2018-03-09 06:52

Paweł Antyporowicz2018-03-09 06:52

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

Masz problem w zapytaniu ajax. Zacznij korzystać z dokumentacji http://api.jquery.com/jquery.ajax/

Zamiast:

Kopiuj

        $('button').click(function() {
            $.ajax({
                url: 'wywolaj.php',
                type: 'POST',
                data: {
                    'zmienna': wartość                },
            })
        });

Powinno być **method ** zamiast type

Kopiuj

        $('button').click(function() {
            $.ajax({
                url: 'wywolaj.php',
                method: 'POST',
                data: {
                     'zmienna': wartość    
                },
            })
        });

edytowany 2x, ostatnio: Paweł Antyporowicz 2018-03-09 06:56

asdf42

2018-03-11 17:18

asdf422018-03-11 17:18

Rejestracja:prawie 9 lat
Ostatnio:ponad 2 lata
Postów:136

drorat1 napisał(a):

oraz index.php

Kopiuj

<?php
$a = 2;
$b = 3;
?>
<!DOCTYPE html>
<html>
  <body>
    <button>Click</button>
    <p></p>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
        $('button').click(function() {
            $.ajax({
                url: 'wywolaj.php',
                type: 'POST',
                data: {
                    'a': <?= $a ?>,
                    'b': <?= $b ?>
                },
            })
        });
    </script>
  </body>
</html>

Da się jakoś przyspieszyć czas przekazywania tych zmiennych, jest jakiś szybszy sposób? Bo jeśli wykonuje plik wykonaj.php z już przypisanymi wartościami to on wykonuje się w około 2 sekundy, natomiast z powyższym kodem gdzie klikam w przycisk i przekazuje te zmienne to wykonuje się całość od kliknięcia łącznie 15 sekund, znaczy kod dalej wykonuje się 2 sekundy tylko od kliknięci to długo trwa bo te zmienne się długo przekazują. Da się coś z tym zrobić?

edytowany 1x, ostatnio: asdf42 2018-03-11 17:19

Paweł Antyporowicz

2018-03-11 17:33

Paweł Antyporowicz2018-03-11 17:33

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

Nie mieszaj w ten sposób języków!!!
Poza tym jak chcesz zmierzyć czas wykonania funkcji to w PHP masz funkcje http://php.net/manual/en/function.microtime.php, która daje timestampa i możesz wyliczyć ile czasu zajmuje funkcja.
Nie wiem jaką implementacje funkcji masz w tym pliku php to nie za bardzo Ci pomogę, czy można tą funkcje przyspieszyć.

asdf42

2018-03-11 17:58

asdf422018-03-11 17:58

Rejestracja:prawie 9 lat
Ostatnio:ponad 2 lata
Postów:136

Paweł Antyporowicz napisał(a):

Nie wiem jaką implementacje funkcji masz w tym pliku php to nie za bardzo Ci pomogę, czy można tą funkcje przyspieszyć.

Ja chcę przyspieszyć przekazanie zmiennych do pliku wykonaj.php, bo sam kod który jest w pliku wywolaj.php wykonuje sie w takim samym czasie. Tylko to przekazanie trwa około 13 sekund, a mierze to tak:

Kopiuj

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
        $('button').click(function() {
            $.ajax({
                url: 'wywolaj.php',
                type: 'POST',
                data: {
                    'a': <?= $time1=time() ?>
                },
            })
        });
    </script>

a plik wywolaj.php

Kopiuj

<?php
 
$a = isset($_POST['a']) ? $_POST['a'] : 0;
$time2 = time();

echo ($time2-$time1);

//moj kod

?>

I takie przekazanie wykonuje 13 sekund i chce to przyspieszyć, tylko jak?

asdf42 2018-03-11 18:05

czyli zanim się zacznie mój kod wykonywać upływa około 13 sekund-czas przekazania zmiennych

Paweł Antyporowicz

2018-03-11 18:14

Paweł Antyporowicz2018-03-11 18:14

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

Kopiuj

    <script>
        $('button').click(function() {
            $.ajax({
                url: 'wywolaj.php',
                type: 'POST',
                data: {
                    'a': <?= $time1=time() ?>
                },
            })
        });
    </script>

Tutaj masz błąd. Mówiłem nie mieszaj kodów.
Czas, który Ci się wygenerował w tej funkcji jest wartością w tym momencie w którym wygenerował się widok strony...
Do timestampu w JS wykorzystaj funkcje

Kopiuj

new Date().getTime()

wtedy momencie wysłania zapytania Ajax wygeneruje Ci się odpowiednia wartość czasu unixowego.

edytowany 1x, ostatnio: Paweł Antyporowicz 2018-03-11 18:15

asdf42

2018-03-11 18:18

asdf422018-03-11 18:18

Rejestracja:prawie 9 lat
Ostatnio:ponad 2 lata
Postów:136

Skoro mam nie mieszać języków to jak to powinienem przekazać?

asdf42

2018-03-11 18:22

asdf422018-03-11 18:22

Rejestracja:prawie 9 lat
Ostatnio:ponad 2 lata
Postów:136

Paweł Antyporowicz napisał(a):
Kopiuj

Czas, który Ci się wygenerował w tej funkcji jest wartością w tym momencie w którym wygenerował się widok strony...
Kopiuj

Co nie zmienia faktu, że mój kod zaczyna się wywoływać po tym czasie...czyli jest to za długo

Paweł Antyporowicz

2018-03-11 18:41

Paweł Antyporowicz2018-03-11 18:41

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

Dałem rozwiązanie prawie jak na tacy:
Tak twoja funkcja ajax powinna wyglądać:

Kopiuj

<script>
 var timeStampInMs = function () { 
return window.performance && window.performance.now && window.performance.timing && window.performance.timing.navigationStart ? window.performance.now() + window.performance.timing.navigationStart : Date.now();
}

        $('button').click(function() {
             $.ajax({
                 url: 'wywolaj.php',
                type: 'POST',
                 data: {
                   'a': timeStampInMs();
               },
             })
        });
</script>

A tak funkcja php, która Ci pokaże czas przesłania żądania:

Kopiuj

<?php
$time2 = microtime(true);
$a = isset($_POST['a']) ? $_POST['a'] : 0;

 
echo ($time2 - $time1);

asdf42 napisał(a):

Skoro mam nie mieszać języków to jak to powinienem przekazać?

edytowany 2x, ostatnio: Paweł Antyporowicz 2018-03-11 19:04

asdf42 2018-03-11 19:04

powinno być echo ($time2 - $a); ale i tak nie chodzi...

Paweł Antyporowicz 2018-03-11 19:05

Edytowane. Zapomniałem zwrócić wartość w funkcji.

asdf42 2018-03-11 19:14

Dalej nie działa, odpal sobie i zobacz

asdf42

2018-03-11 18:53

asdf422018-03-11 18:53

Rejestracja:prawie 9 lat
Ostatnio:ponad 2 lata
Postów:136

Ale ja chce przekazać zmienne z php

Jak to powinienem zastąpić żeby nie mieszać języków a przekazać zmienne z php?
Jak to zastąpić?

Kopiuj

...
data: {
                    'a': <?= $a ?>,
                    'b': <?= $b ?>
                },
....

Paweł Antyporowicz

2018-03-11 19:09

Paweł Antyporowicz2018-03-11 19:09

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

Możesz zapisać dane w np: ukrytym inpucie a później je pobrać. Zamiast tak mieszać kod.

Kopiuj

<input type="hidden" value="<?php $zmiennaX ?>" id="zmiennaX">

var zmiennaX = document.getElementById("zmiennaX").value;

asdf42

2018-03-11 19:31

asdf422018-03-11 19:31

Rejestracja:prawie 9 lat
Ostatnio:ponad 2 lata
Postów:136

Paweł Antyporowicz napisał(a):

Możesz zapisać dane w np: ukrytym inpucie a później je pobrać. Zamiast tak mieszać kod.
Kopiuj
<input type="hidden" value="<?php $zmiennaX ?>" id="zmiennaX">

var zmiennaX = document.getElementById("zmiennaX").value;

Nie działa takie przekazanie

Kopiuj

<button>klik</button>
<input type="hidden" value="<?php $zmiennaX =66; ?>" id="zmiennaX">
<script>
	var zmiennaX = document.getElementById("zmiennaX").value;
        $('button').click(function() {
            $.ajax({
                url: 'wywolaj.php',
                type: 'POST',
                data: {
                    'a':  zmiennaX
                },
            })
        });
    </script>

Paweł Antyporowicz 2018-03-11 19:42

Brakuje funkcji echo w inputcie... <?php echo $zmiennaX =66; ?>

asdf42 2018-03-11 19:44

też nie działa

drorat1

2018-03-11 20:08

drorat12018-03-11 20:08

Rejestracja:ponad 15 lat
Ostatnio:około 2 lata
Lokalizacja:Krasnystaw
Postów:1181

Jezu Chryste co Ty kombinujesz??? Podałem wcześniej jak na tacy:

https://4programmers.net/Forum/1458358
https://4programmers.net/Forum/1458780

Najwyżej zrób download jQuery oraz opcjonalnie KnockoutJS i zamiast wczytywać to z zewnętrznych serwerów, wczytaj to z podkatalogu Twojego projektu, zapisując wcześniej te biblioteki.

A tak w ogóle to po co do takich pierdół jak sumowanie bawić się jeszcze w AJAX skoro wszystko można załatwić w samej przeglądarce???

Kopiuj

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF8" />
    </head>
<body>
    A: <input type="text" data-bind="value: a, valueUpdate: 'afterkeydown'" /><br>
    B: <input type="text" data-bind="value: b, valueUpdate: 'afterkeydown'" /><br>
    C: <span data-bind="text: c"></span>
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script>
    <script>
        function ViewModel(a, b) {
            this.a = ko.observable(a);
            this.b = ko.observable(b);
            this.c = ko.pureComputed(function() {
                return Number(this.a()) + Number(this.b());
            }, this);
        };
 
        ko.applyBindings(new ViewModel(0, 0));
    </script>
</body>
</html>

edytowany 2x, ostatnio: drorat1 2018-03-11 20:12

asdf42 2018-03-11 20:18

Sumowanie to tylko przykład, chodziło mi o przekazanie tylko tych zmiennych, ja inne działania wykonuje na tych zmiennych. Oczywiście twoje przykłady działają tylko zapytałem czy da się to jakoś przyspieszyć bo samo to przekazanie trwa 13 sekund i to jest troche za długo ...

drorat1 2018-03-11 20:22

To zrób download jQuery i zapisz na dysku i z localhosta wczytaj i napisz co się dzieje. Dziwne to żeby POST trwał 13s. Tu nie ma co przyspieszać bo w kodzie jest tak jak się używa jQuery albo Knockout i mam z tym na co dzień do czynienia.

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 underline.

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>, , , <kbd>, <del>, , <dfn>, <pre>, <blockquote>, <hr/>, ,  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 H2O i m2 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)

Wywołanie funkcji php z parametrami w AJAX

Świetny Programista

Świetny Programista napisał(a):

TomRZ napisał(a):

Markuz napisał(a):

drorat1 napisał(a):

drorat1 napisał(a):

Paweł Antyporowicz napisał(a):

Paweł Antyporowicz napisał(a):

asdf42 napisał(a):

Paweł Antyporowicz napisał(a):

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