如何在 ckEditor 中使用 Gists 代码片段功能？

Question

为了创建博客 post，我有如下的文本编辑器 (ckEditor)。

代码：

<h:form>

        <p:growl id="growl" showDetail="true" />

        <pe:ckEditor id="editor" value="#{EditorController.content}"
            interfaceColor="#{EditorController.color}" checkDirtyInterval="0">
            <p:ajax event="save" listener="#{EditorController.saveListener}"
                update="growl" />
        </pe:ckEditor>

        <p:commandButton action="#{EditorController.changeColor}"
            update="editor" value="Change color with AJAX"
            style="margin-top:10px;" />

    </h:form>

我将这个 content 作为 String 保存在支持 bean 中，如下所示：

private String content;
public void saveListener() {

content = content.replaceAll("\r|\n", "");
}

输出画面如下：

代码：

<h:body>
        Hello World Result!

    <br />

    <h:outputText id="outformat" value="#{EditorController.content}" escape="false" />

</h:body>

但我希望在这一行中看到要点代码片段 "<script src="https://gist.github.com/YeWin/f906ab9eb22a1af06a8c4549cafc9a33.js?file=helloworld.java"></script>"

如下所示：

问题是如何在我的 JSF Primefaces 扩展 ckEditor 中添加这些要点代码片段功能？有可能还是我理解有误？

Answer 1

单击 Source 按钮。
然后在弹出的窗口中粘贴HTML代码（<script src=... ></script>） window.
点击ok。

有关详细信息，请参阅 ckeditor 的 sourcedialog 文档。

如何在 ckEditor 中使用 Gists 代码片段功能？

How to use Gists code snippet feature in ckEditor?

javascript

jsf

gist

ckeditor

primefaces-extensions