Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.07.2010, 10:00
Аватар для mycoding
NodeJS developer - ушел
Отправить личное сообщение для mycoding Посмотреть профиль Найти все сообщения от mycoding
 
Регистрация: 06.01.2010
Сообщений: 1,022

htmledit image
Подскажите пожалуйста.
Пробую добавить кнопку вставки изображения в htmledit.
Использую плагины.
Вот этот
/**
 * @author Shea Frederick - [url]http://www.vinylfox.com[/url]
 * @class Ext.ux.form.HtmlEditor.Image (r20)
 * @extends Ext.util.Observable
 * <p>A plugin that creates an image button in the HtmlEditor toolbar for inserting an image. The method to select an image must be defined by overriding the selectImage method. Supports resizing of the image after insertion.</p>
 * <p>The selectImage implementation must call insertImage after the user has selected an image, passing it a simple image object like the one below.</p>
 * <pre>
 *      var img = {
 *         Width: 100,
 *         Height: 100,
 *         ID: 123,
 *         Title: 'My Image'
 *      };
 * </pre>
 */
Ext.ux.form.HtmlEditor.Image = Ext.extend(Ext.util.Observable, {
    urlSizeVars: ['width','height'],
    basePath: 'image.php',
    init: function(cmp){
        this.cmp = cmp;
        this.cmp.on('render', this.onRender, this);
        this.cmp.on('initialize', this.onInit, this, {delay:100, single: true});
    },
    onEditorMouseUp : function(e){
        Ext.get(e.getTarget()).select('img').each(function(el){
            var w = el.getAttribute('width'), h = el.getAttribute('height'), src = el.getAttribute('src')+' ';
            src = src.replace(new RegExp(this.urlSizeVars[0]+'=[0-9]{1,5}([&| ])'), this.urlSizeVars[0]+'='+w+'$1');
            src = src.replace(new RegExp(this.urlSizeVars[1]+'=[0-9]{1,5}([&| ])'), this.urlSizeVars[1]+'='+h+'$1');
            el.set({src:src.replace(/\s+$/,"")});
        }, this);

    },
    onInit: function(){
        Ext.EventManager.on(this.cmp.getDoc(), {
                        'mouseup': this.onEditorMouseUp,
                        buffer: 100,
                        scope: this
                });
    },
    onRender: function() {
        var btn = this.cmp.getToolbar().addButton({
            iconCls: 'x-edit-pictures',
            handler: this.selectImage,
            scope: this,
            tooltip: {
            	title: Image_ttTitle,
            	text: Image_ttText
			}
        });
    },
    selectImage: Ext.emptyFn,
    insertImage: function(img) {
        this.cmp.insertAtCursor('<img src="'+this.basePath+'?'+this.urlSizeVars[0]+'='+img.Width+'&'+this.urlSizeVars[1]+'='+img.Height+'&id='+img.ID+'" title="'+img.Name+'" alt="'+img.Name+'">');
    }
});


Вставляю так
var addReshenieForm = new Ext.FormPanel({
					url:'/requests/add_reshenie.php',
					frame:true,					
					bodyStyle:'padding:5px 5px 0',
					defaults: {width: 230},
					items:[{
						xtype: 'combo',
						fieldLabel: 'Задачник',
						name: 'zadachnik',
						mode: 'local',
						store: zadachniki,
						displayField:'zadachnik',
						emptyText:'Выберите задачник',
						triggerAction: 'all'
					},{
						fieldLabel: 'Номер задачи',
						xtype:'textfield',
						name:'numInZadachnike'
					},{
						xtype:'htmleditor',
						name: 'reshenie',
						title:'Решение',
						hideLabel: true,
						width: 550,
						autoHeight:true,
                                                plugins:[new Ext.ux.form.HtmlEditor.Image]
					}],
					buttons:[{					
						text:'Отправить решение',
						formBind: true
					}]
				});

Выдаёт ошибку.Что-то вроде Ext.ux.form не известен.
Может у кого-нибудь есть рабочий пример, а то в интернете более менее понятно что-нибудь найти не могу.
Или может ест более легкий способ?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
image onclick underW ExtJS 5 08.07.2010 15:38
наложение карт изображений (image map) 127.0.0.1 Общие вопросы Javascript 1 21.07.2009 15:32
Проблема с write. (Opera) bomg Opera, Safari и др. 8 08.07.2009 09:59
Есть 2-a скрипта, 1-й показывает время, 2-й меню сайта. mahno Я не знаю javascript 11 30.05.2009 16:19
background image, справочник igor1102828 Элементы интерфейса 2 23.03.2008 18:53