TinyMCE是一个好用的轻量级的可视化HTML编辑器,它采用JavaScript/ECMAScript开发,支持各种浏览器,TinyMCE功能配置灵活简单,有需要的朋友可以来东坡免费下载!

TinyMCE怎么安装

TinyMCE安装方法

步骤1:下载一份TinyMCE并把它放在web服务器上。

从下载一份TinyMCE包TinyMCE下载。

解压缩包并将“tinymce / js / tinymce”目录到web访问的位置在你的web服务器(例如,localhost)。

步骤2:添加TinyMCE页面。

与TinyMCE通过您的web服务器(http://html-tinymce.itcao.dev/),您可以现在包括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发布的自由软件,你可以把它用于商业应用。