javaeye的文章输入的可视化输入是用开源的tinymce,其中插入代码的功能是扩展tinymce
其中主要部分:
(function() {
tinymce.create('tinymce.plugins.JavaEyePlugin', {
init : function(ed, url) {
ed.addCommand('javaeyeCode', function() {
ed.windowManager.open({ // 弹出插入代码的窗口
file : url + '/code.htm',
width : 580,
height : 400,
inline : 1
}, {
plugin_url : url
});
});
// Register buttons
ed.addButton('code', {
title : 'javaeye.code',
image : url + '/img/code.gif',
cmd : 'javaeyeCode'
});
}
});
// Register plugin
tinymce.PluginManager.add('javaeye', tinymce.plugins.JavaEyePlugin);
})();
有关tinymce plugin的相关可看:
http://www.inpeck.com/TinyMceManual/customization_plugins.html 定制 - 创建一个插件
http://wiki.moxiecode.com/index.php/TinyMCE:Create_plugin/3.x
tinymce的plugins文件夹下面有许多实现的plugin,可参详和模仿。
css | 插件的 CSS 文件。 |
docs | 插件的说明文档。 |
images | 插件需要的图片。 |
jscripts | 插件对话框需要的JS代码。 |
langs | 插件需要的语言文件。 |
editor_plugin.js | 编辑器插件的JS文件(压缩)。 |
editor_plugin_src.js | 编辑器插件的JS文件(源代码)。 |
somedialog.htm | 插件需要的 HTML 对话框文件。 |