tinymce plugin

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 对话框文件。

 

评论

1 楼 ericslegend 2010-03-07  

javaeye的编辑器就不能开源吗？我很喜欢插入代码的那个样式。