CKEditor 4和图形小部件，如何表达"title caption"或两个无花果标题？

Question

CKEditor 4.3演示展示了一个使用HTML5figure标记的小部件示例。

作为一个用户（编辑演示文本），我不能编辑第二个figcaption（一个在图像之前，作为"图形标题"，另一个在图片之后，作为标题）：当在之前编辑（通过CKEditor的源代码）时，它会在之后，当我在图像之前添加段落（p标签）时，也会在之后。所以，用户并没有办法表达不同的"标题"one_answers"脚注"，总是把CKeditor放在图片后面。

是否有一些配置可以启用"标题字幕"

---

编辑后的源代码：

 <figure class="caption" style="float:right">
    <figcaption>HEAD - Test</figcaption>
    <img alt="Apollo-CSM-LM" 
     src="http://b.cksource.com/a/1/img/demo/apollo-csm-lm.png" width="200" />
    <figcaption>FOOT - Apollo CMS-LM spacecraft</figcaption>
 </figure>

因此，CKEditor转换为

 <figure class="caption" style="float:right">
    <img alt="Apollo-CSM-LM" 
     src="http://b.cksource.com/a/1/img/demo/apollo-csm-lm.png" width="200" />
    <figcaption>HEAD - Test</figcaption>
    <figcaption>FOOT - Apollo CMS-LM spacecraft</figcaption>
 </figure>

与<p>HEAD - Test</p>相同。如果我只使用<figcaption>HEAD - Test</figcaption>，它也会在图像后面（不可能表示"img标题之前"）。

注1："head"one_answers"foot"figcaptions在HTML5中都是有效的，如图所示。

注2：另一个问题是标题有多个段落。CKEditor将其转换为BR，这不是作者在典型期刊中所需要的。

注3：针对相关需求；使用段落、使用"图片前"标题以及使用两个标题—，请参阅稳定标准（如JATSfig元素）下的典型期刊的所有需求，或PMC上的数百万篇文章示例。

Answer 1

简短回答-不，没有配置选项。

一些细节-您正在使用图像小部件，它应该处理figure.caption>img+figcaption的情况。特定的小部件可能不适用于所有可能的输入，在这种情况下会发生这种情况。

如果你想消除这种限制，有两种方法：

1. 不要通过禁用或从HTML中删除class="caption"来使用图像小部件。例如，此HTML不会更改：

   <figure>
       <figcaption>1</figcaption>
       <img src="..." ...>
       <figcaption>2</figcaption>
   </figure>
   

   此外，回车键将在figcaption s内以标准方式工作（将创建<p>标记）。

2. 另一种方法是，如果您想使用图像小部件，则修改其行为。对于简单的小部件，可以在不接触小部件代码的情况下完成，请在widgetDefinition事件侦听器中执行。然而，图像小部件非常复杂，所以您必须更改它的代码。

   • 要更改回车键的行为，只需更改widgetDefinition.editables.caption.allowedContent——它必须包含一个p标记。这部分可以在widgetDefinition监听器中完成
   • 为了能够使用两个标题，您必须添加另一个嵌套的可编辑代码并修改插件代码，因为它只处理img+figcaption的情况