Ticket #8638 (confirmed Bug)

Opened 2 years ago

Last modified 2 years ago

The styling of the anchor image in the editor is not customizable

Reported by: tmonahan Owned by:
Priority: Normal Milestone:
Component: General Version: 3.0
Keywords: IBM Cc: damo, satya

Description

Create an anchor in any editor instance and see that an anchor image is displayed in the editor to mark it's position. The image and CSS used to style this icon is provided directly in link/plugin.js and the image used is hardcoded as images/anchor.gif.

var basicCss =
		'background:url(' + CKEDITOR.getUrl( this.path + 'images/anchor.gif' ) + ') no-repeat ' + side + ' center;' +
		'border:1px dotted #00f;';

editor.addCss(
	'a.cke_anchor,a.cke_anchor_empty' +
	// IE6 breaks with the following selectors.
	( ( CKEDITOR.env.ie && CKEDITOR.env.version < 7 ) ? '' :
		',a[name],a[data-cke-saved-name]' ) +
	'{' +
		basicCss +
		'padding-' + side + ':18px;' +
		// Show the arrow cursor for the anchor image (FF at least).
		'cursor:auto;' +
	'}' +
	( CKEDITOR.env.ie ? (
		'a.cke_anchor_empty' +
		'{' +
			// Make empty anchor selectable on IE.
			'display:inline-block;' +
		'}'
		) : '' ) +
	'img.cke_anchor' +
	'{' +
		basicCss +
		'width:16px;' +
		'min-height:15px;' +
		// The default line-height on IE.
		'height:1.15em;' +
		// Opera works better with "middle" (even if not perfect)
		'vertical-align:' + ( CKEDITOR.env.opera ? 'middle' : 'text-bottom' ) + ';' +
	'}');

We would like to be able to customize this CSS through a skin and in particular be able to specify a different image name and type for this icon e.g. anchorIcon.png

Change History

comment:1 Changed 2 years ago by j.swiderski

  • Status changed from new to confirmed
  • Version changed from 3.6.3 (SVN - trunk) to 3.0

Confirmed. Currently styles for anchor are completely uneditable.

Note: See TracTickets for help on using tickets.
© 2003 – 2012 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy