富文本编辑器 文字下面的波浪线或者小点点怎么做

img


如图, 富文本编辑器 文字下面的波浪线或者小点点怎么做 如图, 富文本编辑器 文字下面的波浪线或者小点点怎么做

img


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      p > span {
        background-image: linear-gradient(135deg, transparent 15%, red, transparent 35%), linear-gradient(45deg, transparent 65%, red, transparent 85%);
        background-size: 0.7rem 0.7rem;
        background-repeat: repeat-x;
        background-position: 0 1.8rem;
        display: inline-block;
        padding: 0.5rem;
      }
    </style>
  </head>
  <body>
    <p>This is a <span>dynamic wave line</span>!</p>
  </body>
</html>

你这应该部分词组划重点吧，把词组建一个库或者对象，编辑器输入的时候检测其中是否又满足词组的字段，然后给满足的设置下划波浪线CSS