Hello,
Hi,
I am totally new to CKEditor, hence please bear with my stupid questions. I have a CMS that uses CKEditor to enter articles into a DB. I have been asked to write a plugin to the editor to do a particular task which is as follows:
I have an image in the editor. When I click on the image to select it and click on a button that I coded it gets me the image html like
Now I need to find out if the image tag is wrapped with furthermore html like:
if yes, I need to be able to edit the text in the span tag and be able to add inline style to DIV or P, if not I need to wrap
with :
What I already did:
----------------------
When there is just
in the editor, I am able to find out that it does not have any parent and able to construct
but not able to replace :
with:
And also, when there are parent elements like
I am able to see if parent element exists but not able to rewrite the text in the <span> tag.
P.S: The editor may have lot of other text/images etc which I don't want to touch. The above should happen only when an image is selected and around the image until I reach the grand parent of that selected image.
Could someone please please help me with this and put me in the right direction? Your help is much appreciated.
Thanks,
L
Hi,
I am totally new to CKEditor, hence please bear with my stupid questions. I have a CMS that uses CKEditor to enter articles into a DB. I have been asked to write a plugin to the editor to do a particular task which is as follows:
I have an image in the editor. When I click on the image to select it and click on a button that I coded it gets me the image html like
<img src="imageurl" border="0" />
Now I need to find out if the image tag is wrapped with furthermore html like:
<div class="photo"> <p class="inner" style="some:style;"> <img src="imageurl" border="0"><span>some text here</span> </p> </div>
if yes, I need to be able to edit the text in the span tag and be able to add inline style to DIV or P, if not I need to wrap
<img src="imageurl" border="0" />
with :
<div class="photo"> <p class="inner" style="some:style;"> <img src="imageurl" border="0"><span>some text here</span> </p> </div>
What I already did:
----------------------
When there is just
<img src="imageurl" border="0" />
in the editor, I am able to find out that it does not have any parent and able to construct
<div class="photo"> <p class="inner" style="some:style;"> <img src="imageurl" border="0"><span>some text here</span> </p> </div>
but not able to replace :
<img src="imageurl" border="0" />
with:
<div class="photo"> <p class="inner" style="some:style;"> <img src="imageurl" border="0"><span>some text here</span> </p> </div>
And also, when there are parent elements like
<div class="photo"> <p class="inner" style="some:style;"> <img src="imageurl" border="0"><span>some text here</span> </p> </div>
I am able to see if parent element exists but not able to rewrite the text in the <span> tag.
P.S: The editor may have lot of other text/images etc which I don't want to touch. The above should happen only when an image is selected and around the image until I reach the grand parent of that selected image.
Could someone please please help me with this and put me in the right direction? Your help is much appreciated.
Thanks,
L