具有contenteditable属性的span使其旁边的标记移到新行

是通过设置CSS样式来实现的。具体步骤如下：

1. 首先，给具有contenteditable属性的span元素添加一个CSS样式，使其显示为块级元素，从而可以独占一行。可以使用以下样式：

span[contenteditable] {
  display: block;
}

1. 然后，在需要移动标记的地方，在span元素后面插入一个新的行元素，例如div或p标签。可以使用JavaScript或jQuery来实现插入新行的操作。以下是一个使用JavaScript的示例：

var spanElement = document.querySelector('span[contenteditable]');
var newLineElement = document.createElement('div');
newLineElement.innerHTML = '标记内容';
spanElement.parentNode.insertBefore(newLineElement, spanElement.nextSibling);

1. 最后，为新插入的行元素添加相应的样式，以使其与原来的标记保持一致。

这样，具有contenteditable属性的span元素旁边的标记就会被移到新的一行中。

在云计算领域中，这种技术可以应用于各种在线编辑器、富文本编辑器等场景，使用户可以方便地编辑和排版内容。对于腾讯云的相关产品和服务，可以参考腾讯云文档中的富文本编辑器相关内容，例如腾讯云富文本编辑器组件（https://cloud.tencent.com/document/product/213/3467）。

请注意，本答案中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等品牌商，如有需要，可以自行查阅相关资料。