CKEDITOR和样式配置只有工具栏

时间:2014-12-31 10:15:21

标签: styles ckeditor endeca

我尝试在Oracle Framework中配置CKEDITOR" Endeca v 11.1.0"但有些事情是错的。 我只能像这样配置toobar:

[
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] },
'/',
{ name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
{ name: 'colors', items: [ 'TextColor', 'BGColor' ] },
{ name: 'tools', items: [ 'Maximize', 'ShowBlocks' ] },
{ name: 'others', items: [ '-' ] },
{ name: 'about', items: [ 'About' ] }
];

我无法配置我想要的样式。 默认情况下,我有ckeditor的风格,这是正常的。我没有设置好的style.js配置良好。

我想配置特定的样式,我已经阅读了这样的文档:http://docs.ckeditor.com/#!/guide/dev_styles 但我怎么能在我的配置中这样做:

CKEDITOR.stylesSet.add( 'my_styles', [
// Block-level styles
{ name: 'Blue Title', element: 'h2', styles: { 'color': 'Blue' } },
{ name: 'Red Title' , element: 'h3', styles: { 'color': 'Red' } },
// Inline styles
{ name: 'CSS Style', element: 'span', attributes: { 'class': 'my_style' } },
{ name: 'Marker: Yellow', element: 'span', styles: { 'background-color': 'Yellow' } }
]);

如何才能在工具栏配置中设置特定样式? 请求帮助

3 个答案:

答案 0 :(得分:0)

在11.1中,CK Editor的配置文件位置已更改。它移动到.jar内。检查build-config.js的ToolsAndFrameworks \ 11.1.0 \ server \ workspace \ state \ sling_ifcr-11.1.0 \ startup \ 25 \ richTextEditor-11.1.0.jar文件

答案 1 :(得分:0)

谢谢你的答案。

我的行动:

  • 提取war文件" ifcr-11.1.0.war"在 " /ToolsAndFrameworks/11.1.0/server/webapps/ifcr-11.1.0.war"
  • extract" richTextEditor-11.1.0.jar" in" icfr-11.1.0 / WEB-INF / resources / bundles / 25"
  • 对文件进行修改" richTextEditor-11.1.0 / content / ckeditor_4.3.3_full / ckeditor / style.js"因为我的特殊风格。

我已打开build-config.js,但我看不到样式的配置。

  • 我重建了包richTextEditor-11.1.0.jar和ifcr-11.1.0.war并重新启动tomcat,我无法在ToolsAndFrameworks \ 11.1.0 \ server \ workspace \ state \上看到修改sling_ifcr-11.1.0 \启动\ 25 \使用RichTextEditor-11.1.0.jar。

  • 我已尝试删除ToolsAndFrameworks \ 11.1.0 \ server \ workspace \ state \ sling_ifcr-11.1.0 \ startup *上的所有文件和文件夹,并重新启动tomcat以部署工件和其他但我的文件夹&#34 ; ToolsAndFrameworks \ 11.1.0 \服务器\工作空间\状态\ sling_ifcr-11.1.0 \启动\"是空的。

  • 一个疯狂的事情是我的webapp在没有此文件夹和文件的情况下成功运行。

  • 是否有缓存或其他?

答案 2 :(得分:0)

我将提供您可能找不到帮助的建议:)而不是创建自定义编辑器以在体验管理器中使用(然后在升级期间必须维护它等),可能更好的是给他们一个完全独立于XM的编辑器UI。然后,当他们有好的HTML来复制并粘贴到XM中时。

另一个想法:不是直接创建Flex编辑器(就像你正在做的那样),而是创建一个轻量级的Flex编辑器,启动一个弹出窗口(这将是一个直接在XM之外托管的webapp)。然后让弹出窗口返回一个HMTL块作为文本。这将允许您创建一个花哨的编辑器,但不受Flex约束。

我无法分享第二个建议的完整代码示例,但在Flex中,您可以通过以下方式打开弹出窗口:

 ExternalInterface.call("window.open",
       popupUrl, "Select Value",
       "menubar=1,resizeable=1,width=1000,height=800,location=yes,menubar=yes,scrollbars=1,toolbar=1");

...其中popupUrl将是您的exteranl Web应用程序的URL。

然后,在webapp中,当你想传回一个值时,你可以这样做:

windowOpener = window.opener.document.xmgrSwfElement;
windowOpener.selectValue(path);
window.close();