软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 免费资源 > 免费空间 > TinyMCE 所见即所得可视化JS编辑器

TinyMCE 所见即所得可视化JS编辑器

TinyMCE - javascript 所见即所得可视化编辑器。
主页:http://tinymce.moxiecode.com/
API文档:http://tinymce.moxiecode.com/js/tinymce/docs/api/index.html
文档:http://wiki.moxiecode.com/index.php/TinyMCE:Index
压缩版本(生产环境用):http://wiki.moxiecode.com/index.php/TinyMCE:Compressor
1.特性:
1).Easy to integrate
2).Customizable
3).Browserfriendly
4).Lightweight
5).AJAX Compatible
6).International
7).Open Source

2.压缩版(GZip)安装(生产环境用):
1).下载TinyMCE Compressor .NET
http://nchc.dl.sourceforge.net/project/tinymce/TinyMCE%20Compressor%20.NET/2.0.2/tinymce_compressor_net_2_0_2.zip
2).复制tiny_mce_gzip.js 和 tiny_mce_gzip.aspx 到tiny_mce(包含tiny_mce.js的)目录.
3).复制ICSharpCode.SharpZipLib.dll 到web 应用程序的bin 目录。
4).移除当前脚本标签<script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
5).添加新的 GZip 脚本标签 <script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce_gzip.js"></script>.
6).添加新的GZip版初始化调用将会告诉压缩器在输出中包含哪些文件。

初始化(initialization)例子:
The example below will pack both themes and all plugins into one file/steam. Remove the things you don't need or add you custom plugins to the settings below. Remember that the tinyMCE_GZ.init call must be placed in it's own script tag.
<script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce_gzip.js"></script>
<script type="text/javascript">
tinyMCE_GZ.init({
plugins : 'style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras',
themes : 'simple,advanced',
languages : 'en',
disk_cache : true,
debug : false
});
</script>
<script type="text/javascript">
tinyMCE.init({
.. your normal init ..
});
</script>
注意:
1).To remove a plugin, remember to remove it both from tinyMCE_GZ.init and TinyMCE.init.
2).To add a plugin, remember to add it both to the tinyMCE_GZ.init and the tinyMCE.init calls.

3.初始化配置参数说明:
http://wiki.moxiecode.com/index.php/TinyMCE:Configuration
所有的配置参数都放在tinyMCE.init() JavaScript 调用中。
mode : "textareas"
textareas : 当页面加载完后,将所有textareas元素转换成为编辑器。
specific_textareas : 略
exact : 将确定的元素转换成为编辑器。由elements 选项指定,可以为divs 或者 textareas 元素。
none : 不转换任何元素。稍后,你的页面可以调用tinyMCE.execCommand("mceAddControl", true, "id"); 函数将元素转换为编辑器。
例子:
tinyMCE.init({
...
mode : "exact",
elements : "elm1,elm2"
});
<textarea id="elm1" ... 
    相关阅读
    网友评论
    栏目导航
    推荐软件