如何使用javascript找出文本编辑器的光标位置答案

【问题标题】：How to find out the cursor position for text editor using javascript如何使用javascript找出文本编辑器的光标位置
【发布时间】：2021-05-10 07:59:22
【问题描述】：

<textarea id="edit" name="editor" class="" onclick="myFunction()">
<? 
    if($content_id !='')
    {
        if($get_updated_templat['update_content'] == '')
        {
            foreach ($content_data_get as $key => $cont_nt_value) 
            {?>
                <h4><?=$content_subject[$key] ?></h4>
                <?=$cont_nt_value ?>
            <? }
        }
        else
        {?>
            <?=$get_updated_templat['update_content'];?>
        <? }
    }
    else
    {
        foreach ($template_data_get as $key => $cont_nt_value) 
            {?>
                <h4><?=$content_subject[$key]?></h4>
                <?=$cont_nt_value?>
            <? }
    }
?>
</textarea>

我正在使用所见即所得编辑器并在其中显示保存在后端表中的数据，并尝试从模态中添加一些更多数据，因为我需要找出光标位置，但我无法找出光标位置。上面的代码是文本编辑器代码。我可以很容易地找到输入框和普通文本区域的光标位置，但对于文本编辑器我不能。有人可以帮我解决这个问题。任何帮助都将不胜感激。

【问题讨论】：

您是否尝试过使用element.addEventListener('mouseover', function(event) { console.log(event.clientX, event.clientY); });？当用户的鼠标悬停在您的元素上时，此事件处理程序会注销鼠标位置。该元素可以是您的整个文档或只是编辑器。
请指定您正在使用的所见即所得编辑器的名称。
@ZoliSzabó 我正在使用 Froala 编辑器。
@Swethashetty 试试window.getSelection

标签： javascript html jquery

【解决方案1】：

您应该查看 Froala 编辑器的官方文档。我认为https://froala.com/wysiwyg-editor/docs/methods/#html.insert 是您正在寻找的方法。

【讨论】：