Sitecore 7.0中的自定義RTE下拉菜單

我的客戶希望有一個類似於RTE中的符號下拉菜單（sitecore版本7.0）的下拉菜單。客戶希望對不同的符號類型有不同的下拉菜單，例如，希臘符號大寫的下拉列表，具有希臘符號小寫字母的下拉列表，具有數學符號的下拉列表和具有其他/雜項類型的符號的下拉列表。Sitecore 7.0中的自定義RTE下拉菜單

我試着瞭解RadControls是如何工作的，以及如何在Telerik RadControl上添加這個功能，但我無法將該概念映射到sitecore的富文本編輯器。此外，我試圖瞭解RTE中的符號Dropdown是如何工作的，但是因爲它的代碼嵌入在Sitecore.Client中，所以我不能從中理解。

有人可以請詳細說明步驟來實現嗎？

謝謝， Vaibhav。

來源

2014-06-16 Vaibhav

更多的信息這另一個問題可能是有用的：http://stackoverflow.com/questions/21485295/sitecore-create-drop-down-button-in-rte-從主數據庫填充 –

您可以將您自己的自定義放置列表或放置按鈕添加到RTE。

切換到core數據庫和RTE的工具欄中添加一個新的按鍵配置文件使用的是（例如/sitecore/system/Settings/Html Editor Profiles/Rich Text Full/Toolbar 1）

確認按鈕的模板是Html Editor Custom Drop Down型或Html Editor Custom Drop Down Button的，這些都可以找到在/sitecore/templates/System/Html Editor Profiles。在「點擊」字段中輸入姓名，例如InsertCustomSymbols

將子項添加到您的按鈕以使用Html Editor List Item模板創建您需要的「符號」或文本。「標題」值將顯示在下拉列表中，「值」是插入的內容（例如希臘語符號）。

Sitecore RTE Profile

現在需要處理按鈕的點擊事件，創建具有以下JS文件：

RadEditorCommandList["InsertCustomSymbols"] = function(commandName, editor, args) { 
    var val = args.get_value(); 
    editor.pasteHtml(val); 
    args.set_cancel(true); 
}

Create a patch config添加的JS文件：

<clientscripts> 
    <htmleditor> 
    <script src="/location/to/custom.js" language="javascript" key="customJs" /> 
    </htmleditor> 
</clientscripts>

如果您使用下拉按鈕，然後添加CSS樣式來設置圖標，它也應該與'點擊'字段同名。

<style type="text/css">       
    span.InsertCustomSymbols 
    { 
    background-image:url('/path/to/icon.gif');                 
    } 
</style>

RTE Custom list

我沒有風格，但你的想法。添加儘可能多的你需要的，確保你set the correct RTE profile。

你可以找到在這個Telerik Custom Dropdown demo

來源

2014-06-16 19:56:26 jammykam

非常好。這看起來很全面。事實上，你放入的大部分信息都是我已經經歷過的，但我無法連接所有的點。讓我試試這個，我會更新這個帖子的成功/失敗狀態。 – Vaibhav

太棒了，我[寫了一篇博客文章]（http://jammykam.wordpress.com/2014/06/17/add-custom-drop-down-list-to-rich-text-editor-in-sitecore/ ）多一點信息。 – jammykam

快速的問題，我遵循你提到的步驟，我可以得到RTE的下拉菜單。但我無法看到任何物品（小物品）。你有沒有想過告訴我什麼，或者我錯過了什麼？這些是我在我的RTE-Core數據庫中創建的項目。！[新下拉按鈕] [1] ！[請在此輸入圖像的描述] [2] 而這正是進來RTE。 [此處輸入圖像的描述] [3] [1]：！http://i.stack.imgur.com/QRb3q.png [2]：http://i.stack.imgur.com /oCeym.png [3]：http://i.stack.imgur.com/HjtnR.png 我絕對錯過了這裏的東西。請幫助並驗證它。 – Vaibhav

Sitecore 7.0中的自定義RTE下拉菜單

回答

相關問題