Using Icons in Editor

It is possible to use an additional set of icons for simply insert in the text in CodeThatEditor now. The given opportunity is useful for forums, chats, etc.

To use the bar with a set of additional icons you should add the following code in the definition editorDef.

//USE ICONS DEFINITION BLOCK
useIcons : true, //indicator whether icons bar will use
iconsDef : {
	//definition of icons bar
	iconsLayout : "bottom", //layout of bar [top, bottom]
	//Defintion of set of icons. Count of icons is unlimited.
	icons : [
	{
		src : "icons/biggrin.gif", width : "16", height : "16", alt : "LOL"
	}, //Object : {src:String, width:int, height:int, alt:String}
	...,
	"icons/frown.gif", //String src
	...
	]
}

Possible values for iconsLayout are top, bottom.

Length of icons array is unlimited. Each element of it can be Object or String.

If element is Object, it defines icon as {src:String, width:int, height:int, alt:String} and get you possibility set for each icon alternative text.

If element is String, it defines only path to icon.

Note! Using of an additional set of icons probably only in PRO version of editor.

Example - Using icons

You can see an example and complete code here - Using icons [popup]

Read more about CodeThatEditor >>