html div 光标位置,可编辑div光标定位问题和在指定光标处插入html代码的解决

对于可编辑的div元素，你可以使用selection和range对象来定位光标位置，并在指定光标处插入html代码。

以下是一个示例代码：

// 获取可编辑div元素
var editableDiv = document.getElementById("editable");

// 获取选区对象
var selection = window.getSelection();

// 创建range对象
var range = document.createRange();

// 将range对象定位到可编辑div元素的末尾
range.setStart(editableDiv, editableDiv.childNodes.length);
range.collapse(true);

// 将选区对象设为创建的range对象
selection.removeAllRanges();
selection.addRange(range);

// 在当前光标位置插入html代码
var html = "<p>要插入的html代码</p>";
var fragment = range.createContextualFragment(html);
range.insertNode(fragment);

请注意，上述代码中的`editable`应替换为你的可编辑div元素的id。同时，你可以根据需要调整range对象的起始位置，以定位光标的位置。

希望这可以帮助你解决问题！