如何检测和标记网站中的所有文本区域

时间:2019-02-12 15:13:48

标签: jquery

我想知道在网站上查找和标记所有文本(区域)的方法。

我需要添加一种文本编辑器。

例如

my first text, outside all
<p>my p text</p>
<div>my div<span>my span inner div</span></div>
<div><img....>Text</div>
...

我应该以这种方式更改此内容


<editor id=1>my first text, outside all</editor>
<p>
<editor id=2>my p text</editor></p>
<div>
<editor id=3>my div<span>my span inner div</span></editor></div>
<div><img....>
<editor id=4>Text</editor></div>
...

感谢您的想法和帮助。

1 个答案:

答案 0 :(得分:-1)

https://codepen.io/anon/pen/gqKGgm

就像我说的那样,您想要的东西并不是完全可能的,但这可能会帮助您找出一些答案。

my first text, outside all
<p>my p text</p>
<div>my div<span>my span inner div</span></div>
<div><img....>Text</div>
$('p').each(function() {
  $(this).html('...tag-here...<editor>'+$(this).html()+'</editor>...tag-here...');
});

$('div').each(function() {
  $(this).html('...tag-here...<editor>'+$(this).html()+'</editor>...tag-here...');
});