Loading ...
Sorry, an error occurred while loading the content.

43101RTE Icon Insertion, dont display custom image

Expand Messages
  • geronimox1986
    Jan 1, 2009
    • 0 Attachment
      Hi. Im implementing an RTE and after adding a custom icon, i cant make
      it load a custom image.
      If someone could help me, =)
      Here is the application
      http://onativia.dynalias.com:8080/webgolf/admin/index.php?sb=0&op=noticia&sop=nueva


      /////My Code/////
      //RICH TEXT EDITOR
      YAHOO.namespace("editor");
      YAHOO.editor.crear = function(){
      var miConfig = {
      height: '300px',
      width: '700px',
      dompath: true,
      focusAtStart: false
      };
      var miEditor = new YAHOO.widget.Editor('editor1', miConfig);
      miEditor.on('toolbarLoaded', function() {
      var imgConfig = {
      type: 'push',
      label: 'Subir Imagen',
      value: 'subirimagenicon'
      };
      miEditor.toolbar.addButtonToGroup(imgConfig,
      'insertitem');

      miEditor.toolbar.on('subirimageniconClick', function() {
      this.execCommand('inserthtml', 'cant see the image
      on the push button<br> even it is wel referenciated');
      }, miEditor, true);
      });
      miEditor._defaultToolbar.titlebar="<b>Desarrollo de la
      Noticia</b>";
      miEditor._defaultToolbar.grouplabels=false;
      miEditor.render();
      }
      YAHOO.util.Event.onDOMReady(YAHOO.editor.crear);



      /////MY CSS/////
      .yui-skin-sam .yui-toolbar-container
      .yui-toolbar-subirimagenicon span.yui-toolbar-icon {
      background-image:url(./images/imageupload.gif);
      background-position: 1px 0px;
      }
      .yui-skin-sam .yui-toolbar-container
      .yui-button-subirimagenicon-selected span.yui-toolbar-icon {
      background-image:url(./images/imageupload.gif);
      background-position: 1px 0px;
      }
      #subirimagenicon {
      background-color:#F2F2F2;
      border:1px solid #808080;
      padding:5px;
      }
      #subirimagenicon a {
      border:1px solid #F2F2F2;
      display:block;
      float:left;
      }
      #subirimagenicon a:hover {
      border:1px solid #808080;
      }

      Thanks!
    • Show all 5 messages in this topic