Question

我知道我可以在CKEditor配置文件中添加异常以允许某些HTML标记，但我希望可能有更简单的方法来执行此操作

基本上，我只需要一种简单的方法来用文字标题图像。知道如何用CKEditor不会删除的东西复制<figure>和<figcaption>的功能吗？

Answer 1

好的，事实证明，您只能使用<div>和一些内联样式来复制功能。下面的格式设置为左侧，但您可以将float更改为right并将margin-right更改为margin-left以达到相同的效果。

<div style="float:left;margin-right:15px;margin-bottom:5px;font-style:italic">
    <img alt="" src="http://placehold.it/300x300" style="height:300px; width:300px" />
    <div style="max-width:300px">This is a caption</div>
</div>

＆＃13;

<div style="float:left;margin-right:15px;margin-bottom:5px;font-style:italic"><img alt="" src="http://placehold.it/300x300" style="height:300px; width:300px" /><div style="max-width:300px">This is a caption</div></div>
<p>Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p><p>Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.</p><p>Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.</p><p>Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures for reliable supply chains. Dramatically engage top-line web services vis-a-vis cutting-edge deliverables.</p><p>Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holistically pontificate installed base portals after maintainable products.</p><p>Phosfluorescently engage worldwide methodologies with web-enabled technology. Interactively coordinate proactive e-commerce via process-centric "outside the box" thinking. Completely pursue scalable customer service through sustainable potentialities.</p><p>Collaboratively administrate turnkey channels whereas virtual e-tailers. Objectively seize scalable metrics whereas proactive e-services. Seamlessly empower fully researched growth strategies and interoperable internal or "organic" sources.</p><p>Credibly innovate granular internal or "organic" sources whereas high standards in web-readiness. Energistically scale future-proof core competencies vis-a-vis impactful experiences. Dramatically synthesize integrated schemas with optimal networks.</p>

＆＃13;

编辑：下面是我刚刚发现的一个链接，它使用了CSS浮点数并实现了类似的效果，并且文本以这种方式执行包装。

http://www.w3schools.com/css/tryit.asp?filename=trycss_float3

CKEditor正在剥离<figure>和<figcaption>标签

1 个答案: