除了标记标记外，匹配 < 的正则表达式应该是什么？

Question

Basically I need to match any < from a text that isn't part of a <mark> or </mark> tag. This is what I got so far, but it doesn't really work as expected and I've been trying for some time now.

/(<)(?=[^mark]|$)/g

I need the regex to work in Javascript.

I would like it to match every < except for the ones come in the mark tags.

like the < which are in ** should match in the below example.

As an example:

hello, <mark id="abc-Def">how</mark> are you?
where **<**span>are**<**/span> you <mark>from</mark>?
**<**noice id="jk">product**<**/noice>

Answer 1

Use

/<(?!\/?mark\b[^>]*>)/gi

Replace with **$&** . See proof .

Explanation

--------------------------------------------------------------------------------
  <                        '<'
--------------------------------------------------------------------------------
  (?!                      look ahead to see if there is not:
--------------------------------------------------------------------------------
    \/?                      '/' (optional (matching the most amount
                             possible))
--------------------------------------------------------------------------------
    mark                     'mark'
--------------------------------------------------------------------------------
    \b                       the boundary between a word char (\w)
                             and something that is not a word char
--------------------------------------------------------------------------------
    [^>]*                    any character except: '>' (0 or more
                             times (matching the most amount
                             possible))
--------------------------------------------------------------------------------
    >                        '>'
--------------------------------------------------------------------------------
  )                        end of look-ahead

JavaScript:

 const text = `hello, <mark id="abc-Def">how</mark> are you? where <span>are</span> you <mark>from</mark>? <noice id="jk">product</noice>`; console.log(text.replace(/<(?!\\/?mark\\b[^>]*>)/gi, `**$&**`));

Answer 2

Have you tried this? /<(?!(mark|/mark))/