Double Ampersand && dando «señal no válida o inesperada» en el bloque Gutenberg

Un usuario preguntó 👇

Estoy usando este código en un bloque HTML personalizado y obtengo un error de señal no válido o inesperado.

if (!(code > 47 && code < 58) && !(code > 64 && code < 91) && !(code > 96 && code < 123)) {

¿Alguna idea de por qué está pasando eso? Veo que dos de los «&& s» se cambian a «&&» pero no todos, por lo que parece ser inconsistente; ¿Cómo resolver este error?

<style>
body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}

.form-inline {  
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline label {
  margin: 5px 10px 5px 0;
}

.form-inline input {
  vertical-align: middle;
  margin: 5px 10px 5px 0;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.form-inline button {
  padding: 10px 20px;
  background-color: dodgerblue;
  border: 1px solid #ddd;
  color: white;
  cursor: pointer;
  width: 100%;
}

.form-inline button:hover {
  background-color: royalblue;
}

.form-inline input {
    margin: 10px 0;
    width: 100%;
  }
  
  .form-inline {
    max-width: 750px;
    margin: 0 auto;
  }
}
</style>

<center>
    <h2>Bitcoin SV-sending Form</h2>
    <p>Send BSV at the click of a button.</p>
</center>

<div class="form-inline payout">

    <label for="sendto">Send to:</label>
    <input type="text" id="sendto" placeholder="Enter Public Address" name="sendto">

    <label for="sats">How Many Satoshis (BSV):</label>
    <input type="text" id="sats" placeholder="Enter Amount (Satoshis)" name="sats">
    
    <label for="pwd">Your Key:</label>
    <input type="text" id="pwd" placeholder="Enter Key" name="pswd">
    
    <button onclick="sendIt()" type="button">Submit</button>

</div>

<script src='https://unpkg.com/datapay'></script>

<script>

function isAlphaNumeric(str) {
  var code, i, len;

  for (i = 0, len = str.length; i < len; i++) {
    code = str.charCodeAt(i);
    if (!(code > 47 && code < 58) && !(code > 64 && code < 91) && !(code > 96 && code < 123)) {
      return false;
    }
  }
  return true;
};

function sendIt() {
    const sendTo = document.getElementById('sendto').value;
    const privateKey = document.getElementById('pwd').value;
    const sats = document.getElementById('sats').value;
    
    if (isAlphaNumeric(sendTo) && isAlphaNumeric(privateKey) && isAlphaNumeric(sats)) {
      datapay.send({
        data: ["0x00000020", "Tokenized TX"],
        pay: { 
            key: privateKey,
            fee: 333,
            to: [{
                address: sendTo,
                value: parseInt(sats)
            }] 
        }
      });
      console.log("Hey");
    } 
    else {
      alert('Please input alphanumeric characters only');
    } 
}
</script>

Chun

(@bcworkz)

Hace 2 años, 1 mes

No bloquee código que no sea HTML. El editor lo tratará como texto sin formato y lo procesará a través de htmlentities () y wpautop (), corrompiendo su código. No rinde homenaje a los bloques

Tiene tres opciones para agregar código que no sea HTML a una página. Aplique los segmentos de código deseados en una plantilla personalizada. Aplicar mediante un acceso directo personalizado. Aplicar a través de un bloque de editor personalizado.

Bueno, tal vez haya una cuarta parte. Hay plugins que permiten insertar código PHP de forma arbitraria. No estoy seguro de si son compatibles con el editor de bloques. Este enfoque introduce vulnerabilidades de seguridad adicionales. En mi opinión, estos plugins están disponibles para aquellos que no pueden implementar uno de los anteriores y no se preocupan demasiado por la seguridad.

¿Solucionó tu problema??

SíNo

0 / 0