需注意：

1. 粘贴 wysiswyg/index.ts
2. 复制 wysiswyg/index.ts
3. 设置行内元素

   siyuan/app/src/protyle/toolbar/index.ts

   Line 633 in e508557

   if (currentNewNode.nodeType !== 3 && ["code", "tag", "kbd"].includes(type)) {

研究了一下，改用 ZWNBSP 确实还会引入新的问题，所以改了也没用：

行级代码的样式之所以会留在上一行的末尾，本质是因为 ZWPS 的位置不对，不应该在 span 元素内，否则会在 span 标签之后换行了：

放到 span 元素外的话就不会有换行样式的问题了，会在 span 标签之前换行：

零宽空格放前面的话光标就不能在代码块内且位于e的前面。

我试了下感觉可以这样：code 两侧用 ​ ，里面用 ⁠

另外 kbd 也有跟 code 同样的样式问题

这个使用光标移动就不对了，最后一个1前面需要多使用一次左键。

刚刚发现给行内元素使用 display: inline-block; 好像就行了，不过会对原有样式有点影响：

更新：完全不行，直接变成 block 不是行级元素了

这样的话鼠标在代码块内上下会有问题。

似乎无解了？

好像可以用 zwnbsp + word-break: keep-all;

我这里好像不行：

感觉应该解决不了了，我试了 Notion FlowUs Wolai 飞书 语雀，都没解决这个问题

刚刚发现还有个样式问题，输入一堆空格的话会超出边界：

需要使用在父元素上

刚刚发现还有个样式问题，输入一堆空格的话会超出边界：

去掉样式上的 white-space: pre-wrap; 之后不会超出边界，后面的空格也能正常显示，但会在零宽空格处换行：

想了想感觉还是 前面说的这个方案 更有可能解决问题，难点在于光标处于 ​ 和 ⁠ 中间的时候怎样自动跳过一个字符到左边或右边

我试了下感觉可以这样：code 两侧用 ​ ，里面用 ⁠

另外 kbd 也有跟 code 同样的样式问题

不能随意添加和改动 dom 结构，目前有大量代码在维护这些结构。zwnbsp + word-break: keep-all; 有什么问题么？

zwnbsp + word-break: keep-all; 有什么问题么？

我这里不行：#11248 (comment)

参看这个回复

#11248 (comment)

这样吗：

是不是操作系统的问题，我这正常的

你再录屏看看，使用这个样式之后缓慢调整侧栏宽度的时候是怎样的？

这样好像可以：

1. 把 span[data-type="code"] 内的 ​ 换成 ⁠
2. 给 span[data-type="code"] 添加 word-break: break-all;、去除 white-space: pre-wrap;

那就先确定这个方案，涉及的改动点比较多，后面有空统一修改。

你那边确认这个可以吗：

1. 把 span[data-type="code"] 内的 ​ 换成 ⁠
2. 给 span[data-type="code"] 添加 word-break: break-all;、去除 white-space: pre-wrap;

span[data-type="code"] 不添加 word-break: break-all; 不去除 white-space: pre-wrap;
是 [data-node-id] 添加 word-break: break-all ；要修改的时候再确认一下。

行级标签也有类似的问题 https://ld246.com/article/1736315014904