如何在 JSF 上使用 Markdown 編輯器 - Primefaces

Question

有人知道如何在 JSF 上使用 Markdown 編輯器嗎？ 我知道這是可能的。

我嘗試了這些東西，但我無法讓它們工作。

http://markitup.jaysalvat.com/home/

http://toopay.github.io/bootstrap-markdown/

http://epiceditor.com/#step-4-init-epiceditor

如果您能創建一個小示例，我將不勝感激。

謝謝！！

Answer 1

存在已經基於庫 ButterFaces 中提到的 Bootstrap Markdown 完成 Markdown 語法的 JSF 實現。 只需將下一個依賴項添加到 Maven 項目：

<dependency>
  <groupId>org.butterfaces</groupId>
  <artifactId>components</artifactId>
  <version>3.4.0</version>
</dependency>

然后你可以像這樣在 JSF 頁面中使用它：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:h="http://xmlns.jcp.org/jsf/html" 
      xmlns:f="http://xmlns.jcp.org/jsf/core" 
      xmlns:b="http://butterfaces.org/components"> 
<h:head /> 
<body>
    <h:form id="formId">
        <b:markdown id="input"
                    label="label"
                    hideLabel="false"
                    value="Hallo & < > "
                    tooltip="tooltip"
                    readonly="false"
                    required="false"
                    disabled="false"
                    placeholder="Enter text..."
                    language="en"
                    autoFocus="false"
                    rendered="true">
        </b:markdown>
    </h:form> 
</body> 
</html>

該組件的來源可以在GitHub上找到。

文檔

Answer 2

使用http://markitup.jaysalvat.com/home/ ：

下載它並將 css 和 js 文件添加到您的 JSF Header 中！

現在假設你有一個像這樣形式的 textarea：

<h:form id="formID">
    <h:inputTextarea id="textAreaID" cols="10" rows="10" value="#{yourbean.textareaValue}"  >
    </h:inputTextarea>

然后通過 JQuery 以這種方式指向它：

$('#formID\\:textAreaID').markItUp(yourSettings);

如何在 JSF 上使用 Markdown 編輯器 - Primefaces

問題描述

2 個解決方案

解決方案1
3 2015-10-19 07:08:33

解決方案2
1 2014-01-16 02:05:02

如何在 JSF 上使用 Markdown 編輯器 - Primefaces

問題描述

2 個解決方案

解決方案1 3 2015-10-19 07:08:33

解決方案2 1 2014-01-16 02:05:02

解決方案1
3 2015-10-19 07:08:33

解決方案2
1 2014-01-16 02:05:02