我已经获得了我的contentEditablediv
:
div {
width: 200px;
height: 300px;
border: 1px solid black;
}
<div contenteditable="true" spellcheck="false" style="font-family: Arial;">
<b>Lorem ipsum</b> dolor sit amet, <u>consectetur adipiscing elit.
Morbi sagittis</u> <s>mauris porta arcu auctor, vel aliquam ligula ornare.</s>
Sed at <span id="someId">semper neque, et dapibus metus.
Maecenas dignissim est non nunc feugiat</span>
sollicitudin. Morbi consequat euismod consectetur. Mauris orci
risus, <b>porta quis erat ac, malesuada</b> fringilla odio.
</div>
<button>Get current line HTML</button>
我希望创建一个按钮,它可以为我提供当前行的HTML代码。例如:
当我的光标在第二行时,我想要获取:
amet, <u>consectetur</u>
或者在第七行:
<span id="someId">dapibus metus. Maecenas</span>
我尝试使用Rangy来实现,但没有成功。我怎样才能使用JavaScript和/或JQuery来做到这一点?
感谢帮助。
aliquam ligula ornare。</s>
?(明天之前没有时间处理这个问题,但可能有一些方法可以解决) - Kaiido