淘点金编辑器

使用淘点金编辑器,可以快速生成淘点金标签,随时随地在您的资讯文章中插入淘点金广告代码。我们目前为主流编辑器提供了插件支持,如:CKeditor、Ueditor等。同时,我们提供的淘点金编辑器插件核心文件,您可以集成到任何正在使用的编辑器中。

淘点金编辑器 for CKEditor

本插件适用于CKEditor 3.x , 4.x 两个大版本(详细内容参考CKEditor官方文档)。使用淘点金插件很简单,两步:1、在CKEditor配置文件中引用淘点金编辑器插件的配置文件;2、在CKEditor配置文件中为按钮指定一个位置。

步骤:

1:打开编辑CKEditor的配置文件config.js ;

2:添加tklink的配置文件 config.customConfig = 'http://a.alimama.cn/tkeditor/ckeditor/tklink.js';

3:在toolbar中为tkeditor指定一个位置 ;

4:保存,完成;

  CKEDITOR.editorConfig = function( config )
  {      
      config.language = 'zh-cn';
 
      config.toolbar_MyBasic = [
          [ 'Bold', 'Italic', '-', 'NumberedList','BulletedList' ],
          ['-', 'Link', 'Unlink', 'Image', 'tkeditor' ]/*为淘点金编辑器插件的在toolbar中指定位置*/
      ];
      config.customConfig = 'http://a.alimama.cn/tkeditor/ckeditor/tklink.js';/*引用淘点金编辑器插件的配置文件*/
  };
                                       

如果是CKEditor 4.x 版本,代码类似于:{ name: 'tkeditor' }

淘点金编辑器 for UEditor

本插件适用于UEditor 1.2.5.1(下载地址:UEditor下载)。其它版本的UEditor,也可以通过以下方法加载淘点金编辑器插件。

下载dialog文件:tkueditor.html(右键另存为HTML文件)

步骤:

1:打开UEditor中的editor_all.js配置文件,找到btnCmds, 添加”tkueditor” ;

2:打开UEditor中的editor_all.js配置文件,找到iframeUrlMap, 添加键值'tkueditor':'~/dialogs/tkueditor/tkueditor.html';

3:打开UEditor中的editor_all.js配置文件,找到dialogBtns, 在ok里添加'tkueditor';

4:下载tkueditor.html文件,放到UEditor的dialog/tkueditor/目录下(如果没有tkueditor目录,创建一个);

5:打开editor_config.js,找到toolbars,添加”tkueditor”;

6:继续editor_config.js,找到labelMap, 添加键值”tkueditor”:“淘点金”;

7:打开lang/zh-cn/zh-cn.js 最后加上 tkueditor:{},打开lang/en/en.js 最后加上 tkueditor:{}(如果没有语言文件,请忽略);

8:打开themes/default/css/ueditor.css,在文档最后面加上如下CSS代码;

9:保存,完成;

.edui-for-tkueditor .edui-icon { 
background: url('//img.alicdn.com/tps/i3/T1DD1HXt8dXXaIG7vX-16-48.gif') no-repeat center 2px; 
}
 
.edui-for-tkueditor .edui-dialog-content { 
     width: 557px; 
     height: 250px;
     overflow: hidden;
}