0

我需要在WFFM中創建自定義字段類型以接受富文本,併爲前端用戶提供Sitecore的WYSIWYG編輯器。該表單將用於創建內容項目,而富文本字段將映射到該項目模板上的字段。有沒有人做過這個? Telerik編輯器可以用於此嗎?適用於營銷人員的Web表單(WFFM)富文本字段類型

+0

如果您可以使用隨Sitecore一起提供的Telerik,我不知道,那麼許可證呢?默認情況下,表單具有表單驗證 - 評估安全風險,應刪除該表單以允許Rich Text。 –

+0

正如Jan所說,確保你在前端使用Telerik許可證,否則沒有理由不能使用任何其他(開源)的所見即所得編輯器。無論如何,你可能不需要Sitecore編輯器的複雜性。 – jammykam

+0

有關如何實際創建自定義字段類型的任何見解? –

回答

2

如果您需要在前端使用簡單的WYSISYG編輯器,那麼您可以使用Web上提供的衆多開源編輯器中的任何一種。除非您擁有相關許可證,否則我會謹慎使用Sitecore中包含的Telerik編輯器。

如果您在表單上使用Multi-Line Text字段,Sitecore會在前端輸出常規<textarea>。我建議您在/sitecore/system/Modules/Web Forms for Marketers/Settings/Meta data/Css Classes下添加一個自定義css類,並在窗體設計器中選擇字段時從左側的CSS類下拉菜單中選擇該類,以便讓您將特定字段定位爲所見即所得。

添加一個對javascript文件的引用,然後實例化你的編輯器,傳入上面定義的css類,只將這些特定的textareas作爲目標。

如果您正在使用ASP.Net MVC和CKEditor(例如):

  • 添加JavaScript在/Views/Form/Index.cshtml參考。您可能需要從WFFM模塊包中將它添加到Visual Studio中。
  • 或添加<head>參考: <script src="/path-to/ckeditor/ckeditor.js"></script>
  • 添加的Index.cshtml底部(或只是您的交易</body>標記之前),實例化編輯器,只有那些<textarea>特定CSS類

例如目標

<!-- markup generated by WFFM --> 
<textarea class="wffm-rte" data-val="true" data-val-length="..." data-val-required="..." id="wffm-generated" name="wffm-generated"></textarea> 
<script> 
    // Replace all <textarea class="wffm-rte"> elements with CKEditor instances. 
    CKEDITOR.replaceAll('wffm-rte'); 
</script> 

要確保你淨化你的輸入數據,你不想要的bobby tables的情況下。

+0

我可以讓編輯器在textarea中加載,但我無法將值傳遞給我的項目。我已經從檢查操作中刪除了評估安全風險,並且該帖子正在返回成功,但是價值正在被剝離。 –

相關問題