insert_image.inc

<?php
global $ROOT_PATH;
include_once($ROOT_PATH.'wysiwyg_plugin.inc');

class insert_image extends wysiwyg_plugin
{

    function insert_image()
    {
        $this->_add_button('insertimage','InsertImage','Insert Image','false','34');
    }


    function paint_generic()
    {
        ?>
        <script type="text/javascript" language="Javascript">
            // Called when the user clicks on "InsertImage" button
            HTMLArea.prototype._insertImage = function() {
                var editor = this; // for nested functions

                var sel = this._getSelection();
                var range = this._createRange(sel);

                var url    = "";
                var align  = "";
                var alt    = "";
                var hspace = "";
                var vspace = "";
                var border = "0";
                var is_image = false;

                // loop through and try and find a selected image tag
                if (HTMLArea.is_gecko) {
                    var fragment = this._doc.createDocumentFragment();
                    var div = this._doc.createElement("div");
                    div.innerHTML = this.getSelectedHTML();
                    while (div.firstChild) {
                        if (div.firstChild.tagName == "IMG") {
                            is_image = true;
                            var image_tag = div.firstChild;
                            break;
                        }
                        // the following call also removes the node from div
                        fragment.appendChild(div.firstChild);
                    }
                } else if (HTMLArea.is_ie) {
                    if(range.length) {
                        if (range.item(0).tagName == "IMG") {
                            is_image = true;
                            var image_tag = range.item(0);
                        }//end if IMG
                    }//end if length
                }

                // if there is an existing image, get its properties
                if (is_image && image_tag) {
                    url    = image_tag.src;
                    align  = image_tag.align;
                    alt    = image_tag.alt;
                    hspace = (!image_tag.hspace) ? ""  : image_tag.hspace;
                    vspace = (!image_tag.vspace) ? ""  : image_tag.vspace;
                    border = (!image_tag.border) ? "0" : image_tag.border;
                }

                strPage = "<?php echo $this->get_popup_href('insert_image.php')?>?f_url=" + escape(url) + "&f_align=" + escape(align) + "&f_alt=" + escape(alt) + "&f_horiz=" + escape(hspace) + "&f_vert=" + escape(vspace) + "&f_border=" + escape(border);

                this._popupDialog("insertImage", strPage, 398, 218, true, function(param) {
                    if (!param) {
                        // user must have pressed Cancel
                        return false;
                    }

                    var url = new String(param["f_url"]);

                    var html = '<img src="' + url + '"';
                    if (param["f_align"] != "") {
                        html += ' align="' + param["f_align"] + '"';
                    }
                    if (param["f_alt"] != "") {
                        html += ' alt="' + param["f_alt"] + '"';
                    }
                    if (param["f_horiz"] != "") {
                        html += ' hspace="' + param["f_horiz"] + '"';
                    }
                    if (param["f_vert"] != "") {
                        html += ' vspace="' + param["f_vert"] + '"';
                    }
                    if (param["f_border"] != "") {
                        html += ' border="' + param["f_border"] + '"';
                    }
                    html += '>';

                    if (!is_image || HTMLArea.is_gecko) {
                        // replace text with new image
                        editor.insertHTML(html);
                    } else {
                        // we are replacing an existing image in IE
                        image_tag.outerHTML = html;
                    }

                }, null);
            };
        </script>
        <?php
    }


    function print_plugin_button_click()
    {
        ?>
        case "insertimage":
            this._insertImage();
        break;
        <?php
    }
}

?>