Question

我正在努力建立一个网站，用户可以在那里发布文章。我希望他们允许一些HTML标记。但由于用户可能不知道html，我使用一些按钮来自动插入内容，这样他们就可以为他们的内容添加一些效果。例如，如果任何用户想要写一些粗体文本，他可以单击名为“粗体”的按钮，代码将自动插入。以下是我的设计的图像。

enter image description here

一切都很好。我在最后添加所有这些代码。但编辑时并不好。让用户想在中间添加一些粗体文本。所以他希望点击中间并按下粗体按钮，但即使在最后我添加我的代码的情况下。

那么有没有办法检测鼠标点击位置并在此之后添加我的文字？任何建议（我使用的是jQuery）？

Answer 1

在鼠标单击事件中，您可以使用clientX和clientY变量查找鼠标单击点。它可以按如下方式完成：

$("#myButton").click(function(e) {
    alert(e.clientX + ", "+ e.clientY);
})

希望有所帮助

Answer 2

如果您不使用textarea，我假设您已经将该区域（例如：content_node）放置为：

content_node.designMode="on";
content_node.contentEditable= true;

然后，您只需要使用[document.execCommand]，例如：

document.execCommand("FontSize","false",sSize|iSize);
document.execCommand("Bold","false",null);