javascript - Jquery 获取选择并在按下按钮时在其周围添加字符

Question

这是我当前的代码。我希望为一些微小的控件制作一个小型的跨浏览器 Markdown 编辑器。这是我到目前为止所拥有的:

http://jsfiddle.net/spadez/c3hHC/3/

我想要做的是在 jquery 中获取当前选择(如果选择了文本框中的任何内容)，如果单击粗体，则在所选文本前面和后面添加以下内容:

**

当单击粗体按钮时，似乎将所选文本括在两侧的两颗星中，我需要执行以下操作:

Listen for a click: .click(function()
append: .append()
prepend: .prepend()

任何人都可以帮助我使用 jquery 获取当前选择，以便我可以在两侧添加星星吗？

Answer 1

您可以使用my jQuery plug-in for this .

演示:http://jsfiddle.net/timdown/bAxee/5/

代码:

$('#description').surroundSelectedText("**", "**");

如果您不需要支持 IE <= 8，以下答案将无需 jQuery 插件即可完成工作:

How do I use JavaScript to change the position of a cursor and then place new content at it?