Editace webových stránek

14.04.2025 12:15

Vložení kódu na webovou stránku

Pro zobrazení zdrojového kódu se zvýrazněnou syntaxí na webu lze využít on-line nástrojů jako je např. https://hilite.me/. Zde vygenerovaný kód může pak, v závislosti na zvoleném stylu, vypadat takto:

#define O1_OUT 16
#define O2_OUT 1
#define OUTC 10
#define OK 11
#define ACK 14

void setup(){
  pinMode(O1_OUT, OUTPUT);
  pinMode(O2_OUT, OUTPUT);
  pinMode(OUTC, OUTPUT); 
  pinMode(OK, OUTPUT);
  pinMode(ACK, INPUT);

  // nastavení reference a rozlišení analogových měření
  analogReference(INTERNAL4V096);
  analogReadResolution(12);
  
  Serial.begin(38400); 
  while (!Serial) { ; }                                     // čekání na otevření sériového portu
  attachInterrupt(digitalPinToInterrupt(15), rev_1, RISING); // nastaví přerušení a volání bloku "rev_1"
  attachInterrupt(digitalPinToInterrupt(2), rev_2, RISING); // nastaví přerušení a volání bloku "rev_2"

  Wire.begin();               // nastavení i2c a SSD1306
  Wire.setClock(400000L);
  oled.begin(&Adafruit128x64, I2C_ADDRESS);
  oled.setFont(fixed_bold10x15);
  oled.clear();
  oled.println("STARTUJEME");
  delay(2000);
}

 

Jiným nástrojem je https://highlight.hohli.com/ s následujícím výsledkem:

    if (ComMsg.startsWith("CONST") or ComMsg.startsWith("const")) {  // zápis přepočítávací konstanty otáček
      ComVal = ComMsg;
      ComVal.replace("CONST", "");              // očištění příkazu od hlavičky
      ComVal.replace("const", "");
      ComVal.trim();                            // odstranění případných mezer
      Const = ComVal.toFloat();                 // převod na float
      Serial.print("\n\rZapis CONST: ");
      Serial.println(Const, 6);
      //ComMsg = "";
      msec = 5000; PRN_Pauza();
      //delay(3000); PrnCs = 1;
    }

Podobně jako u jiných nástrojů lze i zde samozřejmě volit různé styly, např. takovýto tmavý:

    if (ComMsg.startsWith("CONST") or ComMsg.startsWith("const")) {  // zápis přepočítávací konstanty otáček
      ComVal = ComMsg;
      ComVal.replace("CONST", "");              // očištění příkazu od hlavičky
      ComVal.replace("const", "");
      ComVal.trim();                            // odstranění případných mezer
      Const = ComVal.toFloat();                 // převod na float
      Serial.print("\n\rZapis CONST: ");
      Serial.println(Const, 6);
      //ComMsg = "";
      msec = 5000; PRN_Pauza();
      //delay(3000); PrnCs = 1;
    }

Další nástroje lze najít na:
https://pinetools.com/syntax-highlighter, kde lze mj. vybrat přímo styl "Arduino Lite"
https://codebeautify.org/code-highlighter
https://andrewsun.com/tools/syntax-highlighter/

Velmi slibně vypadá nástroj na https://highlightjs.org/demo, kde je asi nejširší nabídka formátů a stylů, bohužel se mi nepodařilo zjistit, jak stáhnout (zkopírovat do schránky) výsledný HTML.

 

 

Zpět