内容可编辑的 div 编辑问题

Posted 2023-05-08

【中文标题】内容可编辑的 div 编辑问题

【英文标题】：Content Editable div problems with editing

【发布时间】：2012-07-18 10:08:19

【问题描述】：

我在编辑内容可编辑 div 时遇到问题（它的样式看起来像一个文本区域）。我现在在 div 中显示这个 html。

<p>
     Hey [Recipient Name],
</p>
<p>
    I'm using <b>Planning Simple&trade;</b> to organize <b>Ranni Hill Mud Race</b>. Click on the RSVP button below to check out the details and get involved.
</p>

<p>
    Hope to see you there! <br>prince
</p>

您可以在此处查看页面http://96.126.109.96:850/test_invitation。此处邀请内容显示在内容可编辑的 div 中。如果我尝试替换整个段落，整个内容都会被扭曲。

有没有办法解决这个问题？或者是否有可定制的所见即所得编辑器，可以编辑 HTML 并应用这种样式？

【问题讨论】：

您能否详细说明您正在尝试做什么？特别是“替换整个段落”位。

@TimDown..例如，如果我尝试选择I am using Planning Simple™ to organize Ranni Hill Mud Race. Click on the RSVP button below to check out the details and get involved. （事实上我无法完全选择它）并按退格键以清除该部分，它会被扭曲。然后另一个问题是我无法在中间输入以创建新行，它会失真。 （这些都是 FireFox 最新版本）

【参考方案1】：

如果您从

中删除 float:left

.inner-cont-blk p

规则它工作得更好。

【讨论】：

非常感谢@alfonsoML ..我认为这种行为与 contenteditable div 有关。你救了我在这里。