Regex replace between html tags not working well

2022-05-04 09:42 ilyasmht01 imported from Stackoverflow

I want to use this function to replace text between HTML tags:

<?php
function Obfuscate($html)
{
    $html = str_replace(array(
        "\r",
        "\n",
        "   "
    ) , '', $html);
    $html = preg_replace_callback_array([
    '/<(a|b|button|center|div|em|fieldset|font|FONT|SPAN|form|h1|h2|h3|h4|h5|h6|i|noscript|ol|optgroup|option|p|small|span|strong|sub|sup|td|textarea|th)([^<]*)>([^<>&]+)<([\/]?)\\1/' => function ($m)
    {
        $r = Replace($m[3], "yes");
        return "<" . $m[1] . $m[2] . ">" . $r . "<" . $m[4] . $m[1];
    },
    '/<(a|b|button|center|div|em|fieldset|font|FONT|SPAN|form|h1|h2|h3|h4|h5|h6|i|noscript|ol|optgroup|option|p|small|span|strong|sub|sup|td|textarea|th)([^<]*)>([^<>&]+)<([\/]?)\\1/' => function ($m)
    {
        $r = Replace($m[3], "yes");
        return "<" . $m[1] . $m[2] . ">" . $r . "<" . $m[4] . $m[1];
    }
    ], $html);
    return $html;
}


function Replace($pain_text = "", $what)
{
    $crypt = array(
        "A" => "065",
        "a" => "097",
        "B" => "066",
        "b" => "098",
        "C" => "067",
        "c" => "099",
        "D" => "068",
        "d" => "100",
        "E" => "069",
        "e" => "101",
        "F" => "070",
        "f" => "102",
        "G" => "071",
        "g" => "103",
        "H" => "072",
        "h" => "104",
        "I" => "073",
        "i" => "105",
        "J" => "074",
        "j" => "106",
        "K" => "075",
        "k" => "107",
        "L" => "076",
        "l" => "108",
        "M" => "077",
        "m" => "109",
        "N" => "078",
        "n" => "110",
        "O" => "079",
        "o" => "111",
        "P" => "080",
        "p" => "112",
        "Q" => "081",
        "q" => "113",
        "R" => "082",
        "r" => "114",
        "S" => "083",
        "s" => "115",
        "T" => "084",
        "t" => "116",
        "U" => "085",
        "u" => "117",
        "V" => "086",
        "v" => "118",
        "W" => "087",
        "w" => "119",
        "X" => "088",
        "x" => "120",
        "Y" => "089",
        "y" => "121",
        "Z" => "090",
        "z" => "122",
        "0" => "048",
        "1" => "049",
        "2" => "050",
        "3" => "051",
        "4" => "052",
        "5" => "053",
        "6" => "054",
        "7" => "055",
        "8" => "056",
        "9" => "057",
        "&" => "038",
        " " => "032",
        "_" => "095",
        "-" => "045",
        "@" => "064",
        "." => "046"
    );
    $r = "";
    for ($i = 0;$i < strlen($pain_text);$i++)
    {
        $y = substr($pain_text, $i, 1);
        if (array_key_exists($y, $crypt))
        {
            $rand1 = rand(1, 3);
            if ($what == 'yes')
            {
                $r = $r . "<span style='font-size:0px;'>&#9760;" . rand(1, 10) . "</span>" . "&#" . $crypt[$y] . ";" . "<span style='font-size:0px;'>" . rand(1, 10) . "</span>";
            }
            else
            {
                $r = $r . "&#" . $crypt[$y] . ";";
            }
        }
        else
        {
            $r = $r . $y;
        }
    }
    if ($what == 'yes')
    {
        $r = $r . "<span style='font-size:0px;'>&#9760;</span>";
        return $r;
    }
    else
    {
        return $r;
    }
}
?>

This function works well obfuscating HTML code it takes text between HTML and encodes it. The problem is when I have an HTML code when we have two HTML tags inside each other like this examples

<p><b>TEXT 1</b> TEXT 2</p>

What it does is that it encodes only what is between the inner HTML tag and avoids the other text.

So TEXT 1 is encoded but TEXT 2 is ignored. I hope you can find me a solution.

See also questions close to this topic

How to upload a video using ACF in WordPress?
I am still at learning phase in WordPress. I cannot figure out in ACF which field type should I choose to upload a video file and which code should I write to show it at the front-end. Please look into the below code. I am using the_field('') but it isn't working. Can anyone help
```
                <video width="954" height="535" controls class="tm-mb-40">

                    <source src="video/wheat-field.mp4" type="video/mp4">   
                      
                    Your browser does not support the video tag.

                </video>
```
delete a table form a database using laravel command
i need to delete a database table using laravel artisan command . not like this command php artisan migrate:rollback --step=5

i need to create like this route or controller code .

Route::get('/clear/database', function () {
```
    Artisan::call('cache:clear');
    return redirect('/');
```
});

. i also try public function dd()
```
{
    Schema::drop('table_name');
}
```
but it not working . gives me error like this SQLSTATE[23000]: Integrity constraint violation: 1451 Cannot delete or update a parent row: a foreign key constraint fails (SQL: drop table table_name)

no foreign key for the table . what should i do ?

thanks in advance!

Creating Sticky Navbar with Drop Down Menu HTML

I am creating a HTML web page which contains a sticky navbar with drop down menu. However, when I created one, the dropdown menu does not works in the sticky navbar and so goes vise versa. below is the screenshot of both the result of the two codes.

*image with dropdown menu but without sticky navbar

*image with sticky navbar but without dropdown menu

below is the code for "image with dropdown menu but without sticky navbar"

    <!DOCTYPE html>
    <html>
    <head>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-    awesome/4.7.0/css/font-awesome.min.css">
    <style>
    body {margin:0;font-family:Arial}

   .topnav {
    overflow: hidden;
    background-color: #333;
  }

  .topnav a {
    list-style-type: none;
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    position: sticky;
  }



  .active {
    background-color: #04AA6D;
    color: white;
  }

  .topnav .icon {
    display: none;
  }

  .dropdown {
    float: left;
    overflow: hidden;
  }

  .dropdown .dropbtn {
    font-size: 17px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }

  .dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
  }

  .topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #555;
    color: white;
  }

  .dropdown-content a:hover {
    background-color: #ddd;
    color: black;
  }

  .dropdown:hover .dropdown-content {
    display: block;
  }

  @media screen and (max-width: 600px) {
    .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
    .topnav a.icon {
      float: right;
      display: block;
    }
  }

  @media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {
      display: block;
      width: 100%;
      text-align: left;
    }
  }
  </style>
  </head>
  <body>
        <div class="header">
        <h2>Scroll Down</h2>
    <p>Scroll down to see the sticky effect.</p>
  </div>

  <div class="topnav" id="myTopnav">
    <a href="#home" class="active">Home</a>
    <a href="#news">News</a>
    <a href="#contact">Contact</a>
    <div class="dropdown">
      <button class="dropbtn">Dropdown 
        <i class="fa fa-caret-down"></i>
      </button>
      <div class="dropdown-content">
        <a href="#">Link 1</a>
        <a href="#">Link 2</a>
        <a href="#">Link 3</a>
      </div>
    </div> 
    <a href="#about">About</a>
    <a href="javascript:void(0);" style="font-size:15px;" class="icon"     onclick="myFunction()">&#9776;</a>
  </div>

  <div style="padding-left:16px">
    <h2>Responsive Topnav with Dropdown</h2>
    <p>Resize the browser window to see how it works.</p>
    <p>Hover over the dropdown button to open the dropdown menu.</p>
  </div>

  <h3>Sticky Navigation Bar Example</h3>
  <p>The navbar will <strong>stick</strong> to the top when you reach its scroll position.</p>
  <p><strong>Note:</strong> Internet Explorer do not support sticky positioning and Safari         requires a -webkit- prefix.</p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>
  <p>Some text to enable scrolling. </p>


  <script>
  function myFunction() {
    var x = document.getElementById("myTopnav");
    if (x.className === "topnav") {
      x.className += " responsive";
    } else {
      x.className = "topnav";
    }
  }
  </script>

  </body>
  </html>

below is the code for "image with sticky navbar but without dropdown menu"

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-    awesome/4.7.0/css/font-awesome.min.css">
<style>


body {
  font-size: 20px;
}
body {margin:0;}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px 20px;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}
    
/*======================================================================*/

body {
  background-color:white;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #38444d;
}

li {
  float: left;
}

li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
    
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}


footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}

</style>
</head>
<body>

<div class="header">
  <h2>Scroll Down</h2>
  <p>Scroll down to see the sticky effect.</p>
</div>

<ul>
  <li><a href="#home">Home</a></li>
    <li><a href="#news">News</a></li>
    <li class="dropdown">
      <a href="javascript:void(1)" class="dropbtn">Dropdown</a>
      <div class="dropdown-content">
        <a href="#">Link 1</a>
        <a href="#">Link 2</a>
        <a href="#">Link 3</a>
      </div>
    </li>
</ul>

<h3>Sticky Navigation Bar Example</h3>
<p>The navbar will <strong>stick</strong> to the top when you reach its scroll position.</p>
<p><strong>Note:</strong> Internet Explorer do not support sticky positioning and Safari requires a -webkit- prefix.</p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>
<p>Some text to enable scrolling. </p>


<footer>
  <p>Author: Hege Refsnes<br>
  <a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>


</body>
</html>

Please i need some help with this as i am new to html and css.

Javascript: Change element class if button has a certain value
```
        <div class="main-div main-div2"> 
          <button id="update-btn" class="btn update-btn"> 
              Up to date
          </button>
        </div>
```
I want to make it so if update-btn has a value of "Up to date", change the div class from "main-div main-div2" to "main-div main-div3". Otherwise, if it's any other value, change it to "main-div main-div2"

What kind of loop would be good for this Javascript function too if I want it to be checking constantly?

Thank you.

Boostrap vertical sizing with different style width and height

I am trying to set verticaly icon on profile photo card inside div to be in the middle in white box(div), but dont know why it doesnt works. When I use style="width: 300px; height: 300px; for div square I can center it on horizontaly, but not verticaly :/ Can someone explain me what I am doing wrong?

Anyway is there any way how to resize bootstrap icons except display-1???

 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    
  <div class="container-sm offset-md">
        <h1 class="p-4 m-4">Nastavení profilu</h1>
        <div class="row">
            <div class="col">
                <div class="card p-4 m-4">
                    Osobní údaje
                    <input type="text" name="name" class="form-control" placeholder="Jméno">
                    <input type="text" name="surname" class="form-control" placeholder="Příjmení">
                    <input type="email" name="email" class="form-control" placeholder="E-Mail">
                    <input type="date" name="name" class="form-control">
                </div>
                
            </div>

            <div class="col-4">
                <div class="card p-4 m-4 bg-light">
                    Profilová fotografie
                    <div class=" square text-center border display-1 m-3 bg-white mx-auto">
                        <i class="bi bi-person-fill align-middle justify-content-center text-secondary"></i>
                    </div>

                    <input type="file" id="customFile" name="file" hidden="">
                        <div class="text-center">
                            <button class="btn btn-success" for="customFile">Nahrát</button>
                            <button type="button" class="btn btn-danger">Smazat</button>
                            
                            <p class="text-muted mt-3 mb-0">Poznámka: Minimální velikost 300px x 300px</p>
                        </div>
                </div>
                
            </div>
        </div>

        <div class="row">
            <div class="col">
                <div class="card p-4 m-4">
                    Změna hesla
                </div>
                
            </div>

            <div class="col">
                <div class="card p-4 m-4">
                    Zobrazit/skrýt podrobnosti
                </div>
            </div>
        </div>
    </div>

How to get the domain and string to the first slash
For example like this
```
 url = https://example.com/test/myname/myname.jpg
 result = re.search('(?:https?://)?(?P<host>.*?)(?:[:#?/@]|$)', url)
```
I can get the example.com with this.

However I want to get the example.com/test (string before first /)

how can I do this?
How to check if data URI is valid in PHP?

How to validate data uri ex: "data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2..."
Extracting Date from String with Regular Expressions for Python
Can anyone tell me why the following isn't working:

I am reading lines from a file, some lines have a date at the beginning and some lines do not. I wanted to use regex to detect if a line I am reading in from the file has a date at the beginning, if it does then I want to do some further parsing. If it does not, I just want to ignore it. The following is a sample line:

" JAN 01 19 BALANCE FORWARD: 32 CHQ PLAN 33 222.13 "

When I use the re.findall, it appears my regular expression is incorrect as I am hoping to extract the date "JAN 01 19" but instead all I get returned is "JAN":
```
line = " JAN 01 19 BALANCE FORWARD: 32 CHQ PLAN 33                        222.13        "
print(re.findall(r"(JAN|FEB|MAR|APR|MAY|JUN|JUL|AUG|SEP|OCT|NOV|DEC) \d{2} \d{2}", line))
```
Output:
```
['JAN']
```
What I am hoping to see is:
```
['JAN 01 19']
```
From what I understand of regex, the (JAN|FEB|MAR|APR|MAY|JUN|JUL|AUG|SEP|OCT|NOV|DEC) part should be checking for one of these months in the string, I then have a space and then I am looking for a 2 digit number with \d{2}, then another space and then another 2 digit number with \d{2}.

I tried testing this out on https://regex101.com/ and I seem to get a match of 'JAN 01 19' so I am really unsure why the regular expression is not working when I move this to Python.

Combining XMLAGG and REGEXP_REPLACE

Problem: Have free-form text fields with some (U+000B) characters that end up appearing in the text and causing some errors in my SQL extracts when I use XMLAGG:

ORA-64451: Conversion of special character to escaped character failed.

I was attempting to write-in a REGEXP_REPLACE code to remove these characters that keep appearing but I'm struggling to get it to complete. When I run the REGEXP_REPLACE code I've written to test on a confirmed row of data with this problem, it runs:

select PARENT_REQUEST_ID,
REGEXP_REPLACE(worklog_details,'\s{2,}', '') as inbound_call_notes
from ARADMIN.FTS_WORKLOG

where worklog_type is not null AND
parent_request_id ='000000001234567'

Below is the full SQL script I've been trying to work the REGEXP_REPLACE into:

SELECT 
ti.CUSTOMER_ID as CID,
ti.billing_id as BID,
ti.TROUBLE_ID,
ti.REPORTED_BY,
ti.DISPATCHED,
to_char(to_date('01-JAN-1970','dd-mon-yyyy')+((ti.create_date/60/60-7)/24), 'DD/MM/YYYY HH:MI:SS AM') as createday,
to_char(to_date('01-JAN-1970','dd-mon-yyyy')+((ti.create_date/60/60-7)/24), 'YY-MM') as createmo,
to_char(to_date('01-JAN-1970','dd-mon-yyyy')+((ti.date_closed/60/60-7)/24), 'DD/MM/YYYY HH:MI:SS AM') as closeday,
to_char(to_date('01-JAN-1970','dd-mon-yyyy')+((ti.date_closed/60/60-7)/24), 'YY-MM') as closemo,
ti.CATEGORY1 as CAT1,
ti.CATEGORY2 as CAT2,
ti.CATEGORY3 as CAT3,
inbound_call_notes,
ti.RESOLUTION_CODE1 as RES1,
ti.RESOLUTION_CODE2 as RES2,
ti.RESOLUTION_CODE3 as RES3

FROM
aradmin.fts_ticket ti
LEFT JOIN (select PARENT_REQUEST_ID,
rtrim(xmlagg(xmlelement(e,worklog_details,', ').extract('//text()') order by PARENT_REQUEST_ID).getclobval(),', ') as inbound_call_notes
  from ARADMIN.FTS_WORKLOG
  where worklog_type is not null
  GROUP BY PARENT_REQUEST_ID) wk ON wk.PARENT_REQUEST_ID = ti.TROUBLE_ID

WHERE
ti.trouble_id IN ('000000001234567')

Is it a matter of putting the REGEXP_REPLACE before rtrim(xmlagg(xmlelement)) or do I need to go about this a little bit differently? This is some newer territory I'm venturing into, so my experience is limited.

VSCode snippet regex for extracting directory and replacing slashes?

I'm struggling to find a VSCode transformation regex that allows me take a string like this:
MyProject.Api/Data/RandomPath/Entities/User.ts
and produce:
MyProject.Api.Data.RandomPath.Entities

I can get this working in two passes; one to remove the last slash and filename, and another to replace the slashes with dots. Unfortunately VSCode snippets don't allow chaining, and I haven't been able to figure out how to combine these two passes into one.

Any help would be great, thanks!

Related questions

Regex replace between html tags not working well

See also questions close to this topic