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



我知道我可以在CKEditor配置文件中添加异常以允许某些HTML标记,但我希望有一种更简单的方法来完成

基本上,我只需要一种简单的方法来为图像添加文字说明。知道我如何用CKEditor不会剥离的东西复制<figure><figcaption>的功能吗?

好吧,事实证明,您可以只使用<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>

<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>

编辑:下面是我刚刚发现的一个链接,它利用了CSS浮动并达到了类似的效果,文本确实以这种方式进行了包装。

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

最新更新