contenteditable div with tailwind 在子图像后添加中断

Question

我有一个 contenteditable div，其中包含文本之间的内联图像。对于正常的 css，它工作得很好，但是当我应用 tailwind 时，它会在每个图像之后添加一个中断。这是一个例子： https://play.tailwindcss.com/YUOFRAZUEn

有什么想法吗？

Answer 1

将内联 class 添加到您的每张图片。

例如

  <img
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE4IDE2IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTIgMEgxMkwxOCA4TDEyIDE2SDJDMC45IDE2IDAgMTUuMSAwIDE0VjJDMCAwLjkgMC45IDAgMiAwWiIgZmlsbD0icmdiYSgyNTUsIDIwNywgMTA4LCAxKSIvPiA8dGV4dCBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIGZvbnQtd2VpZ2h0PSI0MDAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjciIHk9IjEyIiBmaWxsPSJ3aGl0ZSI+MTwvdGV4dD48L3N2Zz4="
class="1 tagG 0 inline"

/>

contenteditable div with tailwind 在子图像后添加中断

contenteditable div with tailwind adds breaks after child image

html

css

tailwind-css