如何在可内容编辑的div中重新生成innerHTML后在单词中间设置插入符号位置

在可内容编辑的div中重新生成innerHTML后，在单词中间设置插入符号位置，可以通过以下步骤实现：

1. 获取div元素：首先，通过JavaScript代码获取到需要编辑的div元素，可以使用document.getElementById()或者document.querySelector()方法来获取。
2. 获取div的innerHTML内容：使用innerHTML属性获取div元素的当前内容，将其保存到一个变量中。
3. 在单词中间设置插入符号位置：对于保存的innerHTML内容，可以使用正则表达式或字符串处理方法来找到需要插入符号的位置。可以使用split()方法将内容按照空格分割成单词数组，然后遍历数组找到需要插入符号的位置。
4. 插入符号：在找到需要插入符号的位置后，可以使用字符串拼接或者数组方法将插入符号添加到相应位置。
5. 更新div的innerHTML：将更新后的innerHTML内容赋值给div元素的innerHTML属性，以更新显示。

以下是一个示例代码：

// 获取div元素
var divElement = document.getElementById("editableDiv");

// 获取div的innerHTML内容
var content = divElement.innerHTML;

// 在单词中间设置插入符号位置
var words = content.split(" ");
var insertIndex = Math.floor(words.length / 2); // 设置插入符号位置为单词数组的中间位置

// 插入符号
words[insertIndex] += " 插入符号 "; // 在单词中间添加插入符号

// 更新div的innerHTML
divElement.innerHTML = words.join(" ");

请注意，以上代码仅为示例，实际应用中可能需要根据具体需求进行适当修改。此外，对于可编辑的div元素，还需要考虑用户输入和编辑的情况，以保证插入符号的位置正确。