在getSelection（）之后在父级之前追加

Question

我有一个问题。我尝试开发一个小WYSIWYG编辑器。

我想创建一个<h1>按钮，该按钮允许我生成<h1>标题（在<p>元素中选择文本后点击按钮）。

我使用window.getSelection()...获取选择。但现在，我想将append("<h1>my text selected</h1>")放在<p>之前。这是我的问题，因为我的<p>元素没有id或class。那么你知道一种方法可以在我选择文本的<p>之前添加我的附加内容吗？

我不知道我的英语不好，你会理解我的！

非常感谢你的帮助。

Answer 1

您是否尝试使用jQuery之类的内容？

$("#yourButton").click(
    function(){
      $('<h1>'+window.getSelection()+'</h1>').insertBefore("???");
    }
);

只需将"???"替换为<p>元素的位置即可。如何找到该位置取决于您编写HTML的方式。随意发布您的HTML以获得更多帮助。