CKEditor unwrap inserted images

[ngrmm]

i am using CKEditor and want the design to be like the image below

is there a way to get rid auf the <p>-tag around ther inserted image and also keep the <p>-tag around the text?

<p>text</p>

<p><img></p>

<p>text</p>

to

<p></p>

<img>

<p></p>

[ngrmm]

i solved it with

$('p img').unwrap();

maybe someone knows a better solution

[diogo]

I think your solution is the best option here. You could also add a class to that <p> instead and use it in your advantage on the css:

$('p img').parent().addClass('image-inside');

--

.image-inside {
    display: inline;
}