我的客户希望在RTE (sitecore 7.0版)中有一个类似Symbols dropdown的下拉列表。客户端希望为不同的符号类型提供不同的下拉列表,例如,具有希腊符号大写字母的下拉列表、具有希腊符号小写字母的下拉列表、具有数学符号的下拉列表以及具有其他/Misc符号类型的下拉列表。
我试图理解RadControls是如何工作的,以及如何在Telerik RadControl上添加它,但我无法将这个概念映射到sitecore的富文本编辑器中。此外,我还试图了解实时引擎中现有的Symbols Dropdown是如何工作的,但由于它的代码嵌入在Sitecore.Client dll中,因此我无法从中了解太多。
有人能详细介绍一下实现这一点的步骤吗?
谢谢,瓦伊巴夫。
发布于 2014-06-17 03:56:26
您可以将自己的自定义下拉列表或下拉按钮添加到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
模板创建所需的“符号”或文本。“Header”值是将在下拉列表中显示的内容,“value”是将插入的内容(例如,您的希腊符号)。
现在您需要处理按钮的click事件,使用以下JS创建一个文件:
RadEditorCommandList["InsertCustomSymbols"] = function(commandName, editor, args) {
var val = args.get_value();
editor.pasteHtml(val);
args.set_cancel(true);
}
添加JS文件的Create a patch config:
<clientscripts>
<htmleditor>
<script src="/location/to/custom.js" language="javascript" key="customJs" />
</htmleditor>
</clientscripts>
如果你使用下拉按钮,然后添加一个css样式来设置图标,它也应该是与'Click‘字段相同的名称。
<style type="text/css">
span.InsertCustomSymbols
{
background-image:url('/path/to/icon.gif');
}
</style>
我没有设计它的样式,但是你明白我的意思。添加你需要的数量,确保你的set the correct RTE profile。
您可以在此Telerik Custom Dropdown demo中找到更多信息
https://stackoverflow.com/questions/24246306
复制相似问题