TinyMCE是一个好用的轻量级的可视化HTML编辑器,它采用JavaScript/ECMAScript开发,支持各种浏览器,TinyMCE功能配置灵活简单,有需要的朋友可以来东坡免费下载!
TinyMCE怎么安装
TinyMCE安装方法
步骤1:下载一份TinyMCE并把它放在web服务器上。
从下载一份TinyMCE包TinyMCE下载。
解压缩包并将“tinymce / js / tinymce”目录到web访问的位置在你的web服务器(例如,localhost)。
步骤2:添加TinyMCE页面。
与TinyMCE通过您的web服务器(http://localhost/tinymce/),您可以现在包括TinyMCE脚本任何你想使用TinyMCE编辑器。
添加脚本,添加以下页面的<头>标记。
<脚本类型= " text / javascript " src = " <你的安装路径> / tinymce / tinymce.min.js " > < /脚本>
步骤3:初始化TinyMCE Web表单的一部分
包含的脚本,您可以初始化TinyMCE任何元素(或元素)在你的网页上。
TinyMCE允许您识别元素通过CSS3选择器来取代。 向页面添加TinyMCE您传递一个对象,包含一个选择器来tinymce.init()。
在本例中,您将取代< textarea id = " mytextarea " >用TinyMCE编辑器通过选择器“# mytextarea”tinymce.init()。
< ! DOCTYPE html >
< html >
<头>
<脚本类型= " text / javascript " src = " <你的安装路径> / tinymce / tinymce.min.js " > < /脚本>
<脚本类型= " text / javascript " >
tinymce.init({
选择器:“# mytextarea”
});
> < /脚本
< / >头
<身体>
< h1 > TinyMCE入门指南< / h1 >
<形式方法= " post " >
< textarea id = " mytextarea " > < /文本区>
> < /形式
< /身体>
< / html >
你TinyMCE添加到页面——这是所有有它!
接下来,我们将看看检索内容的一部分<形式>。
第四步:保存<形式>文章内容
提交表单时,TinyMCE编辑器模仿的行为正常的HTML表单发布期间<文本区>。 不需要额外的配置。
可视化html编辑器(TinyMCE)功能特色
主要特性包括主题/模板支持,多语言支持(包括简体中文),支持通过插件的方式进行扩展。功能配置灵活简单(两行代码就可以将编辑器嵌入网页中),支持AJAX。另一特点是加载速度非常快,如果你的服务器采用的脚本语言是 PHP,那还可以进一步优化。最重要的是,TinyMCE是一个根据LGPL license发布的自由软件,你可以把它用于商业应用。
- PC官方版
- 安卓官方手机版
- IOS官方手机版