1 (edited by 2015-05-25 08:03:54)

Topic: Cutenews v2.0.2 advice to insert an image CKEditor

Hi

I am trying to insert an image into a post. I have found that it seems that one must use Media Manager to upload the image. The image is there but there is no option to INSERT it. I have tried dragging it, that doesn't work.

Doers anyone know how to do this?  Stuck  https://cutephp.com/forum/style_emoticons/default/sad.gif

This maybe completely irrelevant I am using IE 8 under XP Pro.

Re: Cutenews v2.0.2 advice to insert an image CKEditor

Hi

I am trying to insert an image into a post. I have found that it seems that one must use Media Manager to upload the image. The image is there but there is no option to INSERT it. I have tried dragging it, that doesn't work.

Doers anyone know how to do this?  Stuck  https://cutephp.com/forum/style_emoticons/default/sad.gif

This maybe completely irrelevant I am using IE 8 under XP Pro.


Add News / Edit news: Ckeditor

Click on Image Symbol -> Browse Server -> Media Manger opens -> choice your Photo, click on it -> save your news.

3 (edited by 2015-04-03 14:41:42)

Re: Cutenews v2.0.2 advice to insert an image CKEditor

Hi

I am trying to insert an image into a post. I have found that it seems that one must use Media Manager to upload the image. The image is there but there is no option to INSERT it. I have tried dragging it, that doesn't work.

Does anyone know how to do this?  Stuck  https://cutephp.com/forum/style_emoticons/default/sad.gif

This maybe completely irrelevant I am using IE 8 under XP Pro.

No it is not irrelevant! I used Firefox instead and could drag and paste the image to my news article. But there was no button or option labelled INSERT.

PS. I couldn't centre the image in CKEditor. Right clicking opens a Properties box but there is only Align left, right, or not set.  I suppose that is because center has been deprecated. I had to use

style=" display: block; margin: 0 auto;"

4 (edited by 2015-04-03 19:02:15)

Re: Cutenews v2.0.2 advice to insert an image CKEditor

No it is not irrelevant! I used Firefox instead and could drag and paste the image to my news article. But there was no button or option labelled INSERT.

PS. I couldn't centre the image in CKEditor. Right clicking opens a Properties box but there is only Align left, right, or not set.  I suppose that is because center has been deprecated. I had to use

style=" display: block; margin: 0 auto;"


Style your page with CSS: http://htmldog.com/guides/css/beginner/applyingcss/

Inline in your template or external with an separate css file.

This is the button to insert images:

Re: Cutenews v2.0.2 advice to insert an image CKEditor

Style your page with CSS: http://htmldog.com/guides/css/beginner/applyingcss/

Inline in your template or external with an separate css file.

This is the button to insert images:

That button doe NOT insert images. And besides, there is no reason as you suggest to alter any template just to centre an image in just one post.

CKEditor: the option to centre a post should be within CKEditor and it is not. CKEditor is rubbish compared to the wsiwyg editor in version 1.4.6.

Most of my web pages have several Cutenews includes inserting news in up to three columns. My websites worked under 1.4.6.  Three weeks after installing v2.0.2 I am still awaiting resolution of basic issues:

Why doesn't Search work?

Why does CKEditor insert unwanted blank lines inserting news from Microsoft Word files? I just copied and pasted using 1.4.6

And why cannot an image be inserted easily. Like using this forum!!! I had no issues under 1.4.6

It would really help if the owners of CuteNews were prepared to write an updated guide to using CuteNews, instead of relying on a few Support staff and forum users to explain how Cutenews can be and must be used. 



Re: Cutenews v2.0.2 advice to insert an image CKEditor

Add News / Edit news: Ckeditor

Click on Image Symbol -> Browse Server -> Media Manger opens -> choice your Photo, click on it -> save your news.


No Perry that doesn't work. I have replied after you having missed your reply. Sorry about that I still cannot get email updates from the forum.

If I do as you suggest the image when clicked opens a new window with the image set against a black background. Nothing else, just a screen. This was using Firefox 36.0.4 running under XP Pro. Firefox has just updated itself to 37.0.1 but it produces the same result.

Re: Cutenews v2.0.2 advice to insert an image CKEditor

To create and center an image, kindly follow the steps:

1. Create and open a news item in CKEditor.

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626404.png

2. Click Insert Image and in the opened window click the Browse Server button.

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626545.png

3. Upload an image (or choose an existing one).

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626562.png

4. Click on the title of the image.

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626578.png

5. When the image will appear in the popup window, click on the lock symbol (optionally).

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626593.png

6. You will see the image size parameters (300 pixels in width and the height of the image set by default). Click OK.

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626605.png

7. Click on Source.

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626619.png

8. Instead of the <p> tag, enveloping <img>, enter <center>, add or save the news.

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626630.png

9. You get the result.

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626643.png

To insert from Word try the following steps:

10. Go to Dashboard> System configurations.

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626660.png

In Row 1, add  ",PasteFromWord" after PasteText " to get the following:

Source,Maximize,Scayt,PasteText,PasteFromWord,Undo,Redo,Find,Replace,-,SelectAll,RemoveFormat,NumberedList,BulletedList,Outdent,Indent

After that, use the button with this icon. Simple copying / pasting in CKEDitor may not help.
We also need to mention that the plugin is the official one from the developers of CKEditor and we are not responsible for the way the information will be displayed by CKEditor and its plug-ins.

As to the search, please provide a link to the post or write here how you work with the search, for us to understand the process better.

Best regards,
CN Support team

Re: Cutenews v2.0.2 advice to insert an image CKEditor

To create and center an image, kindly follow the steps:

1. Create and open a news item in CKEditor.

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626404.png

2. Click Insert Image and in the opened window click the Browse Server button.

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626545.png

3. Upload an image (or choose an existing one).

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626562.png

4. Click on the title of the image.

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626578.png

5. When the image will appear in the popup window, click on the lock symbol (optionally).

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626593.png

6. You will see the image size parameters (300 pixels in width and the height of the image set by default). Click OK.

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626605.png

7. Click on Source.

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626619.png

8. Instead of the <p> tag, enveloping <img>, enter <center>, add or save the news.

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626630.png

9. You get the result.

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626643.png

To insert from Word try the following steps:

10. Go to Dashboard> System configurations.

https://cutephp.com/forum/uploads/monthly_04_2015/post-74486-1429626660.png

In Row 1, add  ",PasteFromWord" after PasteText " to get the following:

Source,Maximize,Scayt,PasteText,PasteFromWord,Undo,Redo,Find,Replace,-,SelectAll,RemoveFormat,NumberedList,BulletedList,Outdent,Indent

After that, use the button with this icon. Simple copying / pasting in CKEDitor may not help.
We also need to mention that the plugin is the official one from the developers of CKEditor and we are not responsible for the way the information will be displayed by CKEditor and its plug-ins.

As to the search, please provide a link to the post or write here how you work with the search, for us to understand the process better.

IMAGE UPLOAD: Thank you Support. Unfortunately, your advice doesn't work using a Windows XP Pro computer. I can use another computer though. It works on Vista and I presume 7+.

SEARCH: I resolved the Search problem and reported how I did it in another post.
WORD: The issue with documents created with Microsoft Word is that there are unwanted blank lines. I did install PastFromWord but it didn't seem to make any difference. There is a solution provided by  Albert Jankowski. (Drupal user: Albertski) I have published that solution on this forum Post#7 on Apr 14 2015.  But I need advice as to how to add the plugin to the CKeditor.

Re: Cutenews v2.0.2 advice to insert an image CKEditor

You can try using the following code. It needs to be embedded at the end of the core/ckeditor/styles.js file.

(function() {
    /**
     * Check for a paste event and replace <p> </p> with blank
     */

    CKEDITOR.on('instanceReady', function( e ) {
        e.editor.on('paste', function(ev) {

            ev.data.dataValue = ev.data.dataValue.replace(/<p[^>]*><br\s*\/?><\/p>/ig,'');
            ev.data.dataValue = ev.data.dataValue.replace(/<p[^>]*> <\/p>/ig,'');

        }, null, null, 9);
    });

    CKEDITOR.plugins.add('ckeditor_paragraph_paste_fix', {
    });
})();

Best regards,
CN Support team

Re: Cutenews v2.0.2 advice to insert an image CKEditor

You can try using the following code. It needs to be embedded at the end of the core/ckeditor/styles.js file.

(function() {
    /**
     * Check for a paste event and replace <p> </p> with blank
     */

    CKEDITOR.on('instanceReady', function( e ) {
        e.editor.on('paste', function(ev) {

            ev.data.dataValue = ev.data.dataValue.replace(/<p[^>]*><br\s*\/?><\/p>/ig,'');
            ev.data.dataValue = ev.data.dataValue.replace(/<p[^>]*> <\/p>/ig,'');

        }, null, null, 9);
    });

    CKEDITOR.plugins.add('ckeditor_paragraph_paste_fix', {
    });
})();

Thanks very much Support it works https://cutephp.com/forum/style_emoticons/default/biggrin.gif