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

 

你可能感兴趣的:(html,PHP,css,tinymce)