Heim > Artikel > Web-Frontend > Wie verarbeitet die Regelmäßigkeit Eingabeinhalte?

Wie verarbeitet die Regelmäßigkeit Eingabeinhalte?

php中世界最好的语言Original: 2018-03-30 11:33:341141Durchsuche

Dieses Mal zeige ich Ihnen, wie reguläre Methoden Eingabeinhalte verarbeiten und welche Vorsichtsmaßnahmen gelten, wenn reguläre Methoden Eingabeinhalte verarbeiten. Das Folgende ist ein praktischer Fall, werfen wir einen Blick darauf.

Was dieses kleine Skript implementiert, ist, den Inhalt im src im -Tag aus dem Inhalt des Eingabefelds zu extrahieren, dann den Inhalt an der ursprünglichen Position zu ersetzen und dann das html-Tag zu entfernen im Eingabeinhalt. , Leerzeichen und andere Operationen

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <script>
    window.onload = function () {
      var target = document.getElementById("p1");
      var but = document.getElementById("but");
      var value;
      but.onclick = function () {
        value = target.innerHTML;
        result = dealText(value);
        alert(result);
      };
    };
    function dealText(msg) {
      var text1 = imageRound(msg);
      var text2 = removeTag(text1);
      var text3 = removeBlank(text2);
      var text4 = changeNBSP(text3);
      return text4;
    }
    function DealNum(num) {
      var content = [];
      for (var i = 0; i < num.length; i++) {
        //
        content.push(defaultSrc(num[i]));
      }
      return content;
    }
    function defaultSrc(src) {
      return &#39;:avator:&#39;;
    }
    function returnValue(srcValue) {
      var num = [];
      var pattern = /([^\/]+)\./;
      var src;
      for (var i = 0; i < srcValue.length; i++) {
        src = pattern.exec(srcValue[i])[1];
        num.push(src);
      }
//      alert(num);
      var source = DealNum(num);
      return source;
    }
    function imageRound(text) {
      var reg2 = /<img.*?\>/gi;
      var s = text.match(reg2);
      var num = returnValue(s);
      var i = 0;
      var content = text.replace(reg2, function () {
        return num[i++];
      });
      return content;
    }
    function removeTag(text) {
      var text1;
      var reg = /<.*?>|<.*?\/>/g;
      text1 = text.replace(reg, "");
      return text1;
    }
    function removeBlank(text) {
      var text1;
      var reg = /\s+/g;
      text1 = text.replace(reg, "");
      return text1;
    }
    function changeNBSP(text) {
      var text1;
      var reg = /&nbsp/g;
      var reg1 = /\;/g;
      text1 = text.replace(reg, ' ');
      text1 = text1.replace(reg1, "");
      return text1;
    }
  </script>
</head>
<body>
<p contenteditable="true" id="p1">abc&nbspefg&nbsp<img src="asdjk/123.jpg"/><span>hi&nbspgk</span><img
    src="ahdkh/124.jpg"/>
  <p>lmnop</p>
  q rst uvw
</p>
<button id="but">更新</button>
</body>
</html>

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln die chinesische PHP-Website!

Empfohlene Lektüre:

Regelmäßige Implementierung von Zahlen in js mit Leerzeichen alle vier Ziffern getrennt

Wie man es macht JS Verwenden Sie regulären regulären Ausdruck, um mehrere Leerzeichen in einer Zeichenfolge durch ein Leerzeichen zu ersetzen

Das obige ist der detaillierte Inhalt vonWie verarbeitet die Regelmäßigkeit Eingabeinhalte?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php html 字符串 JS

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Ausführliche Erklärung der drei Regelmäßigkeitsmodi (gierig, zurückhaltend und besitzergreifend)Nächster Artikel：Ausführliche Erklärung der drei Regelmäßigkeitsmodi (gierig, zurückhaltend und besitzergreifend)

In Verbindung stehende Artikel

Mehr sehen