论坛

主页 » Liferay Portal » English » 3. Development

组合视图 统一视图 树状图
讨论主题 [ 上一个 | 下一个 ]
toggle
Jan Bub
Adapt CKEDITOR
2011年10月5日 上午1:01
答复

Jan Bub

等级: Junior Member

帖子: 78

加入日期: 2011年3月2日

最近的帖子

Hi,

I want to extend the CKEditor with an video Function. Unfortunately I fail by adding an extra button. I created a hook plugin with the file ckconfig.jsp but the toolbar is not changing. Although I noticed that the toolbar view not match to the structure in die config file. Can anybody help me how to extend the ckeditor in liferay?

 1
 2<%@ page import="com.liferay.portal.kernel.util.HtmlUtil" %>
 3<%@ page import="com.liferay.portal.kernel.util.ParamUtil" %>
 4<%String cssPath = ParamUtil.getString(request, "cssPath");%>
 5
 6[color=#e80c0c][b]
 7//Ergänzungen für das Kaltura-Plugin
 8CKEDITOR.plugins.add( 'abbr',
 9{
10    init: function( ckEditor )
11    {
12        // Plugin logic goes here...
13    }
14} );
15ckEditor.addCommand( 'abbrDialog', new CKEDITOR.dialogCommand( 'abbrDialog' ) );
16ckEditor.ui.addButton( 'Abbr',
17{
18    label: 'Insert Abbreviation',
19    command: 'abbrDialog',
20    icon: this.path + 'images/icon.png'
21} );[/color][/b]
22
23CKEDITOR.addStylesSet(
24    'liferayStyles',
25    [
26
27    // Block Styles
28    {name: 'Normal', element : 'p'},
29    {name: 'Heading 1', element : 'h1'},
30    {name: 'Heading 2', element : 'h2'},
31    {name: 'Heading 3', element : 'h3'},
32    {name: 'Heading 4', element : 'h4'},
33
34    //Special classes
35    {name: 'Preformatted Text', element:'pre'},
36    {name: 'Cited Work', element:'cite'},
37    {name: 'Computer Code', element:'code'},
38
39    //Custom styles
40    {name : 'Info Message', element : 'div', attributes : {'class' : 'portlet-msg-info'}},
41    {name : 'Alert Message', element : 'div', attributes : {'class' : 'portlet-msg-alert'}},
42    {name : 'Error Message', element : 'div', attributes : {'class' : 'portlet-msg-error'}}
43    ]
44);
45
46CKEDITOR.config.contentsCss = '<%= HtmlUtil.escape(cssPath) %>/main.css';
47CKEDITOR.config.entities = false;
48CKEDITOR.config.resize_enabled = false;
49CKEDITOR.config.height = 265;
50CKEDITOR.config.stylesCombo_stylesSet = 'liferayStyles';
51CKEDITOR.config.toolbar_liferay = [
52    ['Styles', 'FontSize', '-', 'TextColor', 'BGColor'],
53    ['Bold', 'Italic', 'Underline', 'StrikeThrough'],
54    ['Subscript', 'Superscript'],
55    '/',
56    ['Undo', 'Redo', '-', 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'SelectAll', 'RemoveFormat'],
57    ['Find', 'Replace', 'SpellCheck'],
58    ['OrderedList', 'UnorderedList', '-', 'Outdent', 'Indent'],
59    ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
60    '/',
61    ['Source'],
62    ['Link', 'Unlink', 'Anchor'],
63    [b][color=#e80c0c]['Abbr'[/color][/b]],'Image', 'Flash', 'Table', '-', 'Smiley', 'SpecialChar']
64];
Jignesh Vachhani
RE: Adapt CKEDITOR
2011年10月5日 上午6:13
答复

Jignesh Vachhani

等级: Liferay Master

帖子: 780

加入日期: 2008年3月10日

最近的帖子

Jan Bub
RE: Adapt CKEDITOR
2011年10月5日 上午6:53
答复

Jan Bub

等级: Junior Member

帖子: 78

加入日期: 2011年3月2日

最近的帖子

Hey Jignesh, I can't find informations to that problem under the link but after wasting one day with "try and error" I realized that it is perhaps a bug. I tested it with the trial EE version an it works perfectly. But I am not able to fix it. At this time I only can hope for 6.1 CE. But this can not be the solution. If anybody have an idea how to fix the problem, please help.
Jelmer Kuperus
RE: Adapt CKEDITOR
2011年10月5日 上午7:35
答复

Jelmer Kuperus

等级: Liferay Legend

帖子: 1190

加入日期: 2010年3月10日

最近的帖子

Try using the attached ckeditor.jsp (by for instance creating a jsp hook or overwriting the file in webapps\ROOT\html\js\editor\ckeditor.jsp

The jsp that comes with liferay 6.0.5 / 6.0.6 has a ton of issues, and does not load the config
附件: ckeditor.jsp (4.4k)
Jan Bub
RE: Adapt CKEDITOR
2011年10月5日 上午7:49
答复

Jan Bub

等级: Junior Member

帖子: 78

加入日期: 2011年3月2日

最近的帖子

Thank you very much jelmer. I was trying to solve the bug by myself. You saved me a lot of time and my closing time. emoticon
hadi mans
RE: Adapt CKEDITOR
2011年12月17日 上午1:58
答复

hadi mans

等级: New Member

帖子: 7

加入日期: 2010年10月27日

最近的帖子

thank you for the modification

i`m facing a strange behavior

i`v add some extra html filters to the ckeditor inside ckeditor.jsp

it worked perfectly on my local machine but not working at all on line as if ckedito is not recognizing them


my code is add to the original code (my extra code in red )
 1
 2            ckEditor.on(
 3                'instanceReady',
 4                function([color=#e81616]ev[/color]) {
 5               
 6                [color=#ee0d0d]ev.editor.dataProcessor.htmlFilter.addRules(
 7    {
 8        elements:
 9        {
10            $: function (element) {
11                // Output dimensions of images as width and height
12                if (element.name == 'p') {
13                   var style = element.attributes.style;
14                   var dir = element.attributes.dir;
15                        if(dir)
16                        {
17                        if ( style )
18                        {
19                         element.attributes.style = element.attributes.style + "direction:"+dir;
20                        }
21                        else
22                        {
23                        element.attributes.style = "direction:"+dir;
24                        }
25                        delete element.attributes.dir;
26                        
27                        }
28
29                }
30
31
32
33                if (!element.attributes.style)
34                    delete element.attributes.style;
35
36                return element;
37            }
38        }
39    });[/color]
40               
41                    setInterval(
42                        function() {
43                            try {
44                                onChangeCallback();
45                            }
46                            catch(e) {
47                            }
48                        },
49                        300
50                    );
51                }
52            );{


Could you pleas advice me on this