25
4
when i insert an image inside a contenteditable everything is normal with the browser like chrome, edge... However when I use firefox caret position is skewed .I don't know what's going on, please help me . Thank you in advance.
this is my simple code :
当我在内容满意的浏览器中插入一个图像时，一切都是正常的，比如Chrome、Edge…但是当我使用Firefox的时候，插入符号的位置出现了偏差。我不知道怎么回事，请帮帮我。提前谢谢您。这是我的简单代码：
个人中心
文章发布
退出.img-styl-cted {
vertical-align: middle;
width: 24px;
height: 24px;
display: inline-block;
padding-left: 2px;
padding-right: 2px;
}
.div-ctedab {
padding:10px;
border: 1px solid;
}<div contenteditable class="div-ctedab">
<img src="https://images.immediate.co.uk/production/volatile/sites/3/2023/03/goku-dragon-ball-guru-824x490-11b2006.jpg" class="img-styl-cted"><img src="https://images.immediate.co.uk/production/volatile/sites/3/2023/03/goku-dragon-ball-guru-824x490-11b2006.jpg" class="img-styl-cted"><img src="https://images.immediate.co.uk/production/volatile/sites/3/2023/03/goku-dragon-ball-guru-824x490-11b2006.jpg" class="img-styl-cted">
</div>
this is what shows in chrome, edge...
这就是铬，边显示的.
and firefox is skewed as follows :
火狐的歪曲如下：
I don't have any solution until now and and I hope someone will share the solution to this problem
我到目前为止还没有任何解决方案，我希望有人能分享这个问题的解决方案
This is pretty weird because the cursor initially is shifted down, but as soon as you type text in Firefox it then corrects to look as you would expect. Because of this I kind of wonder if this is a Firefox bug because to me your code looks fine
这很奇怪，因为光标一开始是向下移动的，但只要你在Firefox中输入文本，它就会更正为您预期的外观。正因为如此，我想知道这是不是Firefox的错误，因为在我看来，您的代码看起来很好
25
4
0
我希望能够将包裹在跨度中的图像插入到可编辑的 div 中。我可以做到这一点没问题，但是当我开始打字时，在图像之后，它会将我的文本插入到图像跨度中。如何在刚刚插入的跨度之后定位光标？ Here是我的 f
我正在尝试将一些 MathJax 代码插入到 contentEditable div 中，如下所示: 和 JS $(document).ready(funct
我对父级 contenteditable="true"中的嵌套 contenteditable="false"元素有非常不同的行为: I'm supposed to be edit
问题: 我在 Chrome 和 Opera 中观察到一个不受欢迎的行为，当一个连接两个 p通过删除它们之间的分隔来标记。 Chrome 和 Opera 删除 contenteditable=false
我在渲染我的组件时收到以下警告: Warning: A component is contentEditable and contains children managed by React. It
我们已经使用单列网格实现了 React-Vitualized，其中的行为键盘事件 (onKeyUp/onKeyDown/onKeyPress) 启用。我们正在使用 Arrow-Key-Stepper
我有一个 contenteditable div，它包含几个 dontEdit 类的 span。有没有一种方法可以使 span 不可编辑，而 div 的其余部分保持可编辑。 editable
我正在尝试绑定(bind)一个 vue.js 事件以通过 contenteditable=true 检测元素上的更改。 这触发了我的vue.js vue中的trigger方法，但是我好像抓不到模型值
请参阅以下示例: Codepen example Some more text here not editable Hi this is my content $(document).on(
奇怪的是，这只在 Firefox 和 Opera 中被破坏(IE、Chrome 和 Safari 可以正常工作)。 有什么快速修复的建议吗？ http://ajax.googleapis.co
无论如何我可以使用这样的东西: console.log(e)}>Testing 内部react-contenteditable处理 Testing 的点击关键字？ 当我使用 html 属性时，它只需
我的插入符不在跨度之间，下面的例子 REPLY||stick together||CONFIRM||stick together||Name||stick together||Office 我所有的跨
我在使用 contenteditable 元素时遇到了不希望的行为。在 contenteditable=true 的父元素中嵌套 contenteditable=false 的 block 元素时，我
我有一个 div，它通过使用 contenteditable 用作“输入”，并且在启用时效果很好。但是在一种情况下，我需要通过设置 contenteditable='false' 来禁用“输入”，这会
目标:将 keydown 事件处理程序附加到作为 contenteditable div 子元素的 contenteditable span。 问题:如果您输入跨度，则会触发父事件而不是子事件。我想要
我有以下 HTML 旨在确保内部 span 不可编辑。这适用于其他浏览器，但不适用于 IE8。 Luke, I am your father. I'm your son?! Ewww!
我的网页中有一个 contenteditable div，但现在我需要的是，当超过 div 的最大高度时，将自动创建相同的新 div。 div 看起来也和之前的一样。不仅一个 div 会出现，它会是
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 8年前关闭。 Improve thi
从我读到的内容来看，浏览器在处理 contenteditable 元素方面存在相当多的差异。 (即 link )。当“contenteditable=true”元素包含“contenteditable
当我清除一个contenteditable div的内容时，光标立即丢失，我无法通过点击将其恢复。所以如果我清除一次就无法添加任何内容。 在这里检查一下: asdasd x 删除第一行的“
我是一名优秀的程序员,十分优秀！