Neidio i'r prif gynnwys

Amgodwr a Dadgodwr HTML am ddim

Amgodwch gymeriadau arbennig i endidau HTML neu dadgodwch endidau yn ôl i destun plaen. Ar unwaith, yn eich porwr.

Yn gweithio all-lein ar ôl llwytho
Allbwn:
Enghreifftiau:
Testun plaen / HTML
HTML wedi'i amgodio
Bydd yr allbwn yn ymddangos yma...
Cyfeiriad endidau HTML cyffredin
&&
<&lt;
>&gt;
"&quot;
'&#39;
·&nbsp;
©&copy;
®&reg;
™&trade;
€&euro;
—&mdash;
…&hellip;

Defnyddiau cyffredin

  • Amgodio Cynnwys ar gyfer Porthlannoedd RSSAmgodio cynnwys HTML ar gyfer disgrifiad eitem porthlannoedd RSS — ofynnol gan y safon RSS 2.0.
  • Glanhau Mewnbwn Defnyddiwr ar gyfer Allbynnau HTMLAmgodio stringiau a ddarparwyd gan ddefnyddwyr cyn eu rhoi i mewn i HTML — atal ymosodiadau chwistrellu XSS.
  • Codiwch Cymeriadau Arbennig ar gyfer E-bost HTMLCodiwch gymeriadau fel &, <, >, a © fel endidau HTML fel eu bod yn ailadrodd yn iawn ym mhob cleient e-bost.
  • Codiwch Cynnwys Defnyddiwr ar gyfer Arddangosiad GweAtal ymosodiadau XSS trwy godiwch cynnwys a gynhyrchwyd gan ddefnyddwyr cyn ei ailadrodd mewn tudalennau HTML.
  • Codiwch Cynnwys ar gyfer XMLCodiwch gymeriadau arbennig ar gyfer ffeiliau XML, ffrydiau RSS, mapiau safle a llwythi SOAP.

Sut Mae'n Gweithio

Mae amgodio a dadgodio HTML yma'n rhedeg yn gyfan gwbl yn eich porwr gan ddefnyddio disodli mynegiad rheolaidd wedi'i ysgrifennu â llaw a thabl chwilio endid-wedi'i-enwi caledgodiedig — dim llyfrgell amgodio trydydd parti, dim taith gron gweinydd. Ar gyfer dadgodio endidau wedi'u henwi anghyffredin (fel &aacute; neu &ldquo;), mae'r offeryn yn dirprwyo i ddosrannwr HTML y porwr ei hun fel wrth-gefn di-gost.

  1. 1
    Mae mynegiad rheolaidd yn sganio am nodau i'w disodli
    Wrth amgodio, mae un o ddau fynegiad rheolaidd sy'n ymwybodol o Unicode yn rhedeg ar draws eich mewnbwn: patrwm wedi'i dargedu sy'n cwmpasu ~25 nod cyffredin arwyddocaol-HTML ac arbennig, neu batrwm ehangach sy'n dal pob pwynt cod uwchben U+007F. Mae pob cyfatebiaeth yn cael ei rhyng-gipio nod wrth nod.
  2. 2
    Mae tabl chwilio neu codePointAt() yn cynhyrchu'r endid
    Ar gyfer allbwn endid-wedi'i-enwi, mae nodau cyfatebol yn cael eu chwilio mewn tabl caledgodiedig (e.e. & → &amp;, © → &copy;). Ar gyfer allbwn degol neu hecs, mae String.codePointAt() yn cael y pwynt cod Unicode ac yn ei fformatio fel &#NNN; neu &#xNNN; — trinnir parau amnewid yn gywir oherwydd bod y mynegiad rheolaidd yn defnyddio'r faner Unicode 'u'.
  3. 3
    Mae pas mynegiad rheolaidd sengl yn dadgodio endidau'n ôl i nodau
    Wrth ddadgodio, mae un pas mynegiad rheolaidd yn adnabod pob tocyn endid (&amp;, &#65;, &#x41;, ac ati) ac yn llwybro pob un i'r trinydd cywir: hecs parseInt(bôn 16), degol Number(), chwiliad-gwrthdro wedi'i enwi, neu — ar gyfer unrhyw endid nad yw yn y tabl caledgodiedig — elfen maes testun y mae ei innerHTML yn cael ei ddosrannu'n frodorol gan y porwr, gan ddychwelyd y nod cywir o dabl endid adeiledig y porwr.
  4. 4
    Mae'r canlyniad yn ymddangos ar unwaith; copïo i'r clipfwrdd drwy'r Clipboard API
    Mae'r allbwn yn cael ei ailgyfrifo'n gydamserol ar bob trawiad bysell drwy useMemo React. Mae copïo'n defnyddio navigator.clipboard.writeText() — y Clipboard API asyncroniaidd modern — â dal tawel ar gyfer cyd-destunau cyfyngedig.

Offer Cysylltiedig

Cwestiynau Cyffredin