How to get image from the tinymce editor of wordpress?

Question

I have the code to display the featured image to display in post and also know to fetch the featured image path url. But i didn't know how to fetch the url path of inserted tinymce images. That Inserted Images are displaying properly on the post but i didn't know how to fetch the corresponding url of the image. Here is the code that i use.

function bdw_get_images() {

    // Get the post ID
    $iPostID = $post->ID;

    // Get images for this post
    $arrImages =& get_children('post_type=attachment&post_mime_type=image&post_parent=' . $iPostID );

    // If images exist for this page
    if($arrImages) {

        // Get array keys representing attached image numbers
        $arrKeys = array_keys($arrImages);

        /******BEGIN BUBBLE SORT BY MENU ORDER************
        // Put all image objects into new array with standard numeric keys (new array only needed while we sort the keys)
        foreach($arrImages as $oImage) {
            $arrNewImages[] = $oImage;
        }

        // Bubble sort image object array by menu_order TODO: Turn this into std "sort-by" function in functions.php
        for($i = 0; $i < sizeof($arrNewImages) - 1; $i++) {
            for($j = 0; $j < sizeof($arrNewImages) - 1; $j++) {
                if((int)$arrNewImages[$j]->menu_order > (int)$arrNewImages[$j + 1]->menu_order) {
                    $oTemp = $arrNewImages[$j];
                    $arrNewImages[$j] = $arrNewImages[$j + 1];
                    $arrNewImages[$j + 1] = $oTemp;
                }
            }
        }

        // Reset arrKeys array
        $arrKeys = array();

        // Replace arrKeys with newly sorted object ids
        foreach($arrNewImages as $oNewImage) {
            $arrKeys[] = $oNewImage->ID;
        }
        ******END BUBBLE SORT BY MENU ORDER**************/

        // Get the first image attachment
        $iNum = $arrKeys[0];

        // Get the thumbnail url for the attachment
        $sThumbUrl = wp_get_attachment_thumb_url($iNum);

        // UNCOMMENT THIS IF YOU WANT THE FULL SIZE IMAGE INSTEAD OF THE THUMBNAIL
        //$sImageUrl = wp_get_attachment_url($iNum);

        // Build the <img> string
        $sImgString = '<a href="' . get_permalink() . '">' .
                            '<img src="' . $sThumbUrl . '" width="150" height="150" alt="Thumbnail Image" title="Thumbnail Image" />' .
                        '</a>';

        // Print the image
        echo $sImgString;
    }
}

Any one give me the suggestion to fetch the image url in the inserted tinymce editor of wordpress.

Thanks, vicky

suvajit suvajit · Accepted Answer · 2013-04-26T09:45:17

preg_match_all( '/<img .*?(?=src)src=\"([^\"]+)\"/si', get_the_content(), $allpics );
foreach($allpics[1] as $pics){
      echo $pics;
}

When you extract the content of the post in wordpress loop or even fetch by get_post , using the above content will give you the url's of all the images present in the tinymce editor post content.

$post_details=get_post($post->ID);
preg_match_all( '/<img .*?(?=src)src=\"([^\"]+)\"/si', $post_details->post_content, $allpics );
foreach($allpics[1] as $pics){
    echo $pics;
}

How to get image from the tinymce editor of wordpress?

1 Answers