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 对话框文件。 |
分享到:
相关推荐
NULL 博文链接:https://ssh-2009-126-com.iteye.com/blog/649592
Begind的TinyMce插件安装首先添加结构。 在plugin.js编辑begard配置像其他tinymce插件一样使用它。
layui的富文本编辑器插件(tinymce)封装
moodle_hideabox TinyMCE ...兼容性需要 Moodle 2.4(由于进行了更改以允许特定于 Moodle 的 TinyMCE 插件)安装说明 Install the TinyMCE plugin:1)copy the entire folder in to your moodle TinyMCE plugins direct
tinymce-plugin_image-zoom
客户要求老系统能直接把word中的图片粘贴进编辑器中,否则一张张上传太麻烦了。...于是网上找到这个插件`tinymce-powerpaste-plugin`,可以直接复制黏贴word内容,满足其要求,支持tinymce4和tinymce5。
解决tinymce编辑器内不能预览视频,替换tinymce/plugins/media/plugin.min.js即可。因为默认富文本编辑器内是一个img标签,并不能播放。
tinymce 官方只有单图片上传功能,本人试重网上查找多图片批量上传的例子,无奈找不到合适的,唯有自力更新,帮助更多的网友。
tinyMCE富文本编辑器line-height行高插件,下载后放在tinyMCE插件的plugins文件夹中,之后初始化中引入plugins,即可在toolbar中展示
tinyMCE 富文本编辑器 line-height 行高插件。 tinyMCE富文本编辑器line-height行高插件,下载后放在tinyMCE插件的plugins文件夹中,之后初始化中引入plugins,即可在toolbar中展示 tinyMCE line-height 行高插件
tinymce格式刷_formatpainter-格式刷插件和用法,亲测有用,需要的欢迎下载
tinymce 富文本编辑器导出插件, 支持导出word 导出pdf,可通过配置修改下载文件名称
emojidex-tinymce-plugin 用于tinymce的emojidex插件,可启用emojidex表情符号选择,输入和显示。用法<head> <link href="https://cdn.emojidex.com/scripts/css/emojidex.min.css" rel="stylesheet" />...
tinyMCE 提及 提到了 tinyMCE 所见即所得编辑器的插件。 浏览器兼容性 IE7+ Chrome合金 苹果浏览器 火狐 歌剧 依赖关系 注意:如果您使用的是 tinyMCE v3.5.x,请使用 v3.x,如果您使用的是 tinyMCE v4.x,请使用...
tinymce实现从word直接粘贴并自动上传图片 powerpaste plugin source code npm安装无效,不能用powerpaste,用这个插件,先从官网下载tinymce!!下载地址:https://www.tiny.cloud/get-tiny/self-hosted/ 语言包...
tinymce-pluginsThis is tinymce plugins前言因为项目需要用到富文本编辑器众多富文本编辑器中,选择了 Tinymce,根据项目需要对Tinymce 进行扩展和增强插件,记录一下,并同时分享给需要帮助的人。QQ邮箱:简述This ...
TinyMCE MathJax插件 该插件使用库渲染数学字体。 该插件与TinyMCE 5和... external_plugins: {'mathjax': '/your-path-to-plugin/@dimakorotkov/tinymce-mathjax/plugin.min.js'}, toolbar: 'mathjax', mathja
#Tinymce 组插件 tinymce 的插件,用于显示组合菜单。 入门 Tinymce 配置: toolbar1: 'undo redo | group group group group group | fullscreen', group_set: [{ icon: 'alignleft', buttons: 'alignleft,...
一个用于向编辑器添加占位符菜单的 tinyMCE 插件 安装 只需将插件安装在 tinymce 的插件目录 ( plugins/placeholder ) 下。 目前,没有自动构建/安装,所以要么按照下面的说明自己缩小源代码,要么简单地将plugin.js...