CKEditor:不使用 div 图标化代码

发布于 2024-10-21 05:03:07 字数 398 浏览 4 评论 0原文

大家好,我已经实现了一个插件(顺便说一句,在本网站的其他地方提到过),它以所见即所得模式显示图标而不是编辑文档的一部分。您可以在此处查看其实际效果

http://www.youtube.com/watch?v=OhKIofzLAp0< /a>

为了做到这一点,我使用 div 标签包装上述代码片段,并使用 CSS 来实现所需的行为。尽管如此,在某些情况下 div 并不合适,因为它们也用于布局页面中的元素。

所以我的问题是,如何在不使用 div 标签或任何其他可能对输出产生影响的技巧(即假元素或虚拟容器等)的情况下获得相同的结果?

提前致谢!

Hi all I've implemented a plugin (mentioned elsewhere in this site, BTW) that shows an icon rather than parts of edited document in WYSIWYG mode. You can see it in action here

http://www.youtube.com/watch?v=OhKIofzLAp0

In order to do that I wrap the aforementioned snippets using div tags and use CSS to achieve desired behavior. Nonetheless , under certain circumstances divs are not suitable because they are used to layout elements in a page as well.

So my question is, how could I achieve the same results without using div tags nor any other trick that might have some impact on the output (i.e. something like fake elements or dummy containers, ...)?

Thnx in advance !

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

何以笙箫默 2024-10-28 05:03:07

我不明白它如何影响布局?我可以看一个例子吗?如果您的 div 有一个独特的类,您应该能够控制它在页面上的显示方式,包括根本不显示。

I don't understand how it is affecting the layout? Can I see an example? If your div has a unique class you should be able to control how it will display on the page, including not displaying at all.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文