JavaScript - 分割选择的父级

Question

使用JavaScript（可能是Rangy）我正在尝试创建一个实用程序函数，它允许我根据选择和我传入的选择器“拆分”元素。例如，假设我们说有以下几点：

<div class="designer" contenteditable="true">
    <div class="content">
        <p>
            Here is <span style="color: pink;">some cool</span> stuff.
        <p>
    </div>
</div>

现在让我们假设用户的光标位于“some”和“cool”之间。我希望能够调用这样的函数：

$splitParent('p'):

将产生以下结果：

<div class="designer" contenteditable="true">
    <div class="content">
        <p>
            Here is <span style="color: pink;">some</span>
        <p>
        <p>
            <span style="color: pink;"> cool</span> stuff.
        <p>
    </div>
</div>

同样地称之为：

$splitParent('.content');

会产生这个：

<div class="designer" contenteditable="true">
    <div class="content">
        <p>
            Here is <span style="color: pink;">some</span>
        <p>
    </div>
    <div class="content">
        <p>
            <span style="color: pink;"> cool</span> stuff.
        <p>
    </div>
</div>

我无法想到一种直接的方法来实现这一目标。有什么想法吗？