Add Support for CKEditor. Ideally, the editor should be given some sort of graphic representation of the Insert Field. If that is not possible, some sort of placeholder would be ideal.

CommentFileSizeAuthor
#16 1.png25.08 KBman-1982
#16 2.png44.49 KBman-1982
#16 3.png62.83 KBman-1982
#16 4.png19.81 KBman-1982
#16 5.png26.72 KBman-1982
#16 Insert_image_ckeditor.patch13.83 KBman-1982
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

mollybee’s picture

mollybee CreditAttribution: mollybee commented

Omg, I love this module. CkEditor/WYSIWG module support would solve so much in my life!

Tsjippy’s picture

Tsjippy CreditAttribution: Tsjippy commented

So is this not possible at all?

Or would it work if you insert the code in the plain text editor?

davidwbarratt’s picture

davidwbarratt CreditAttribution: davidwbarratt as a volunteer and commented

#2,

If you insert into a plain text area it should work just fine. The problem is Insert Field UI, when you click "Insert" on a field, nothing happens when the text area has CKEditor running.

As long as the field token <!-- field_name[delta] --> gets saved somehow, Insert Field should insert the field properly. I think CKEditor might strip this out though if it gets enabled before saving the entity.

Tsjippy’s picture

Tsjippy CreditAttribution: Tsjippy commented

Hmm it seams not working.

I have a filed called "FotoShow". I changed to plain text editor, added "<!-- FotoShow[0] -->" and saved.

Nothing happened. I do not see the text in the normal editor, but when I change back to the plain editor I see the following:

<p><iframe frameborder="0" height="315" scrolling="no" src="https://www.youtube.com/embed/NbvGcddARH4" width="560"></iframe></p>

<p>&nbsp;</p>

<p><a href="https://www.drupal.org/node/1879686">https://www.drupal.org/node/1879686</a></p>

<p>&lt;----------------------------------- Vanaf hieronder mag je zelf helemaal los met testen ----------------------------------&gt;</p>
<!-- FotoShow[0] -->

<p><!-- FotoShow[1] --></p>

<p><!-- FotoShow[2] --></p>

<p><!-- FotoShow[3] --></p>

<p>&nbsp;</p>
davidwbarratt’s picture

davidwbarratt CreditAttribution: davidwbarratt as a volunteer and commented

#4,

I believe the plain text filter format strips out all HTML including HTML comments. Can you verify the output in view source? are you getting the html comments on output?

Tsjippy’s picture

Tsjippy CreditAttribution: Tsjippy commented

In view source I get this:

<p>&lt;----------------------------------- Vanaf hieronder mag je zelf helemaal los met testen ----------------------------------&gt;</p>
<!--FotoShow[0]--><p>FotoShow[1]</p>
<p><!-- FotoShow[2] --></p>
<p><!-- FotoShow[3] --></p>
<p> </p>
davidwbarratt’s picture

davidwbarratt CreditAttribution: davidwbarratt as a volunteer and commented

#6,

How did you get a field with the machine name "FotoShow" ? did you create it programmatically? or via a module? or is it field_FotoShow ?

Tsjippy’s picture

Tsjippy CreditAttribution: Tsjippy commented

You are right, I am using the wrong names, but the right names do not work either.

In "content types" -> "basic page" I have several fields

One of them has the friendly name FotoShow and machine name field_fotoshow it is an image field
Another has Newsletters field_nieuwsbrief it is a file field.

I have created pages based on that, so the field should be filled.

I changed the code, but it is still not working:

<p>&lt;----------------------------------- Vanaf hieronder mag je zelf helemaal los met testen ----------------------------------&gt;</p>
<!--field_fotoshow[0]--><p>field_fotoshow[1]</p>
<p><!-- field_fotoshow[2] --></p>
<p><!-- field_fotoshow[3] --></p>
<p> </p>
<!--field_nieuwsbrief[0]--><!--field_nieuwsbrief[1]-->
davidwbarratt’s picture

davidwbarratt CreditAttribution: davidwbarratt as a volunteer and commented

#8,

I'm assuming you are not using Panels and/or Display Suite?

If not, you're Manage Display page should look something like this:
https://www.drupal.org/files/project-images/manage-display_0.png

Correct?

Tsjippy’s picture

Tsjippy CreditAttribution: Tsjippy commented

correct, this is how it looks.

http://1drv.ms/1cBQwFl

davidwbarratt’s picture

davidwbarratt CreditAttribution: davidwbarratt as a volunteer and commented

#10,

It doesn't look like the fields are indented to the right of body (i.e. "body" is the parent). What theme is this? The only theme I tested it on is Seven.

Tsjippy’s picture

Tsjippy CreditAttribution: Tsjippy commented

I am on bartik

davidwbarratt’s picture

davidwbarratt CreditAttribution: davidwbarratt as a volunteer and commented

#12,

What happens when you drag the field_fotoshow to the right? If that doesn't work, can you try enabling the Seven admin theme and see if that fixes the problem?

Tsjippy’s picture

Tsjippy CreditAttribution: Tsjippy commented

I have done that, but nothing changed.
I changed the theme to seven, but that did not work either.
I have also the module "insert" enabled.
Could that be the problem?

Am I missing something else?

OFF’s picture

OFF CreditAttribution: OFF commented

Is it possible?

man-1982’s picture

man-1982 CreditAttribution: man-1982 as a volunteer commented
Category: Feature request » Support request
FileSize
Insert_image_ckeditor.patch13.83 KB
5.png26.72 KB
4.png19.81 KB
3.png62.83 KB
2.png44.49 KB
1.png25.08 KB

Advanced module for insert field. Added plugin to Ckeditor for insert and edit field.
1.Go to /admin/modules and find insert_field_ckeditor
Only local images are allowed.
2. Next step, goto /admin/config/content/ckeditor and slect our ckeditor profile
select profile
3. Further, we must find toolbar
toolbar
4. Move in section Plugin and enabled Plugin for module "Insert field"
plugin
SAVE IT

Next, go to our content and click to button
content editor
We can write field_name into field.
It hightlight field gray color inserting throuth dialogs.
When we click right button on the gray div then get popup menu with item "insert field"

PATCH

davidwbarratt’s picture

davidwbarratt CreditAttribution: davidwbarratt as a volunteer commented
Category: Support request » Task
Status: Active » Needs review