首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Sitecore 7.0中的自定义RTE下拉菜单

Sitecore 7.0中的自定义RTE下拉菜单
EN

Stack Overflow用户
提问于 2014-06-16 22:45:00
回答 1查看 1K关注 0票数 2

我的客户希望在RTE (sitecore 7.0版)中有一个类似Symbols dropdown的下拉列表。客户端希望为不同的符号类型提供不同的下拉列表,例如,具有希腊符号大写字母的下拉列表、具有希腊符号小写字母的下拉列表、具有数学符号的下拉列表以及具有其他/Misc符号类型的下拉列表。

我试图理解RadControls是如何工作的,以及如何在Telerik RadControl上添加它,但我无法将这个概念映射到sitecore的富文本编辑器中。此外,我还试图了解实时引擎中现有的Symbols Dropdown是如何工作的,但由于它的代码嵌入在Sitecore.Client dll中,因此我无法从中了解太多。

有人能详细介绍一下实现这一点的步骤吗?

谢谢,瓦伊巴夫。

EN

回答 1

Stack Overflow用户

发布于 2014-06-17 03:56:26

您可以将自己的自定义下拉列表或下拉按钮添加到RTE中。

切换到core数据库,并在您正在使用的RTE配置文件的工具栏中添加一个新按钮(例如/sitecore/system/Settings/Html Editor Profiles/Rich Text Full/Toolbar 1)

确保按钮的模板是Html Editor Custom Drop DownHtml Editor Custom Drop Down Button类型,可以在/sitecore/templates/System/Html Editor Profiles中找到这些类型。在“单击”字段中指定一个名称,例如InsertCustomSymbols

将子项添加到按钮,以使用Html Editor List Item模板创建所需的“符号”或文本。“Header”值是将在下拉列表中显示的内容,“value”是将插入的内容(例如,您的希腊符号)。

现在您需要处理按钮的click事件,使用以下JS创建一个文件:

代码语言:javascript
运行
复制
RadEditorCommandList["InsertCustomSymbols"] = function(commandName, editor, args) {
  var val = args.get_value();
  editor.pasteHtml(val);
  args.set_cancel(true);
}

添加JS文件的Create a patch config

代码语言:javascript
运行
复制
<clientscripts>
   <htmleditor>
     <script src="/location/to/custom.js" language="javascript" key="customJs" />
   </htmleditor>
</clientscripts>

如果你使用下拉按钮,然后添加一个css样式来设置图标,它也应该是与'Click‘字段相同的名称。

代码语言:javascript
运行
复制
<style type="text/css">                        
  span.InsertCustomSymbols
  {
    background-image:url('/path/to/icon.gif');                                                                
  }
</style>

我没有设计它的样式,但是你明白我的意思。添加你需要的数量,确保你的set the correct RTE profile

您可以在此Telerik Custom Dropdown demo中找到更多信息

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24246306

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档